@@ -41,7 +41,6 @@ import { useRenderer } from "@opentui/solid"
4141import { createStore , produce } from "solid-js/store"
4242import { Global } from "@/global"
4343import { Filesystem } from "@/util/filesystem"
44- import { useSDK } from "./sdk"
4544
4645type ThemeColors = {
4746 primary : RGBA
@@ -429,6 +428,7 @@ export function tint(base: RGBA, overlay: RGBA, alpha: number): RGBA {
429428function generateSystem ( colors : TerminalColors , mode : "dark" | "light" ) : ThemeJson {
430429 const bg = RGBA . fromHex ( colors . defaultBackground ?? colors . palette [ 0 ] ! )
431430 const fg = RGBA . fromHex ( colors . defaultForeground ?? colors . palette [ 7 ] ! )
431+ const transparent = RGBA . fromInts ( 0 , 0 , 0 , 0 )
432432 const isDark = mode == "dark"
433433
434434 const col = ( i : number ) => {
@@ -479,8 +479,8 @@ function generateSystem(colors: TerminalColors, mode: "dark" | "light"): ThemeJs
479479 textMuted,
480480 selectedListItemText : bg ,
481481
482- // Background colors
483- background : bg ,
482+ // Background colors - use transparent to respect terminal transparency
483+ background : transparent ,
484484 backgroundPanel : grays [ 2 ] ,
485485 backgroundElement : grays [ 3 ] ,
486486 backgroundMenu : grays [ 3 ] ,
0 commit comments