diff --git a/packages/opencode/src/cli/cmd/tui/context/theme.tsx b/packages/opencode/src/cli/cmd/tui/context/theme.tsx
index 2320c08ccc6..3778b793b58 100644
--- a/packages/opencode/src/cli/cmd/tui/context/theme.tsx
+++ b/packages/opencode/src/cli/cmd/tui/context/theme.tsx
@@ -36,6 +36,59 @@ import vercel from "./theme/vercel.json" with { type: "json" }
 import vesper from "./theme/vesper.json" with { type: "json" }
 import zenburn from "./theme/zenburn.json" with { type: "json" }
 import carbonfox from "./theme/carbonfox.json" with { type: "json" }
+import mellow from "./theme/mellow.json" with { type: "json" }
+import midnight from "./theme/midnight.json" with { type: "json" }
+import tokyoNight from "./theme/tokyo-night.json" with { type: "json" }
+import auraTransparent from "./theme/aura--transparent.json" with { type: "json" }
+import ayuTransparent from "./theme/ayu--transparent.json" with { type: "json" }
+import catppuccinTransparent from "./theme/catppuccin--transparent.json" with { type: "json" }
+import cobaltTransparent from "./theme/cobalt--transparent.json" with { type: "json" }
+import cyberpunk2077 from "./theme/cyberpunk2077.json" with { type: "json" }
+import cyberpunk2077Transparent from "./theme/cyberpunk2077--transparent.json" with { type: "json" }
+import draculaTransparent from "./theme/dracula--transparent.json" with { type: "json" }
+import everforestTransparent from "./theme/everforest--transparent.json" with { type: "json" }
+import githubTransparent from "./theme/github--transparent.json" with { type: "json" }
+import gruvboxTransparent from "./theme/gruvbox--transparent.json" with { type: "json" }
+import kanagawaTransparent from "./theme/kanagawa--transparent.json" with { type: "json" }
+import materialTransparent from "./theme/material--transparent.json" with { type: "json" }
+import matrixTransparent from "./theme/matrix--transparent.json" with { type: "json" }
+import mellowTransparent from "./theme/mellow--transparent.json" with { type: "json" }
+import midnightTransparent from "./theme/midnight--transparent.json" with { type: "json" }
+import monokaiTransparent from "./theme/monokai--transparent.json" with { type: "json" }
+import moonlight from "./theme/moonlight.json" with { type: "json" }
+import moonlightTransparent from "./theme/moonlight--transparent.json" with { type: "json" }
+import moonlightEclipse from "./theme/moonlight-eclipse.json" with { type: "json" }
+import moonlightEclipseTransparent from "./theme/moonlight-eclipse--transparent.json" with { type: "json" }
+import moonlightIi from "./theme/moonlight-ii.json" with { type: "json" }
+import moonlightIiTransparent from "./theme/moonlight-ii--transparent.json" with { type: "json" }
+import moonlightIii from "./theme/moonlight-iii.json" with { type: "json" }
+import moonlightIiiTransparent from "./theme/moonlight-iii--transparent.json" with { type: "json" }
+import nightowlTransparent from "./theme/nightowl--transparent.json" with { type: "json" }
+import nordTransparent from "./theme/nord--transparent.json" with { type: "json" }
+import onedarkTransparent from "./theme/one-dark--transparent.json" with { type: "json" }
+import opencodeTransparent from "./theme/opencode--transparent.json" with { type: "json" }
+import palenightTransparent from "./theme/palenight--transparent.json" with { type: "json" }
+import rosepineTransparent from "./theme/rosepine--transparent.json" with { type: "json" }
+import solarizedTransparent from "./theme/solarized--transparent.json" with { type: "json" }
+import synthwave84Transparent from "./theme/synthwave84--transparent.json" with { type: "json" }
+import tokyoNightTransparent from "./theme/tokyo-night--transparent.json" with { type: "json" }
+import vesperTransparent from "./theme/vesper--transparent.json" with { type: "json" }
+import zenburnTransparent from "./theme/zenburn--transparent.json" with { type: "json" }
+import carbonfoxTransparent from "./theme/carbonfox--transparent.json" with { type: "json" }
+import catppuccinFrappeTransparent from "./theme/catppuccin-frappe--transparent.json" with { type: "json" }
+import catppuccinMacchiatoTransparent from "./theme/catppuccin-macchiato--transparent.json" with { type: "json" }
+import cobalt2Transparent from "./theme/cobalt2--transparent.json" with { type: "json" }
+import cursorTransparent from "./theme/cursor--transparent.json" with { type: "json" }
+import flexokiTransparent from "./theme/flexoki--transparent.json" with { type: "json" }
+import lucentOrngTransparent from "./theme/lucent-orng--transparent.json" with { type: "json" }
+import mercuryTransparent from "./theme/mercury--transparent.json" with { type: "json" }
+import orngTransparent from "./theme/orng--transparent.json" with { type: "json" }
+import osakaJadeTransparent from "./theme/osaka-jade--transparent.json" with { type: "json" }
+import tokyonightTransparent from "./theme/tokyonight--transparent.json" with { type: "json" }
+import vercelTransparent from "./theme/vercel--transparent.json" with { type: "json" }
+import toxikat from "./theme/toxikat.json" with { type: "json" }
+import toxikatTransparent from "./theme/toxikat--transparent.json" with { type: "json" }
+import toxikatUltratransparent from "./theme/toxikat--ultratransparent.json" with { type: "json" }
 import { useKV } from "./kv"
 import { useRenderer } from "@opentui/solid"
 import { createStore, produce } from "solid-js/store"
@@ -172,6 +225,59 @@ export const DEFAULT_THEMES: Record<string, ThemeJson> = {
   vercel,
   zenburn,
   carbonfox,
+  ["aura--transparent"]: auraTransparent,
+  ["ayu--transparent"]: ayuTransparent,
+  ["catppuccin--transparent"]: catppuccinTransparent,
+  ["cobalt--transparent"]: cobaltTransparent,
+  cyberpunk2077,
+  ["cyberpunk2077--transparent"]: cyberpunk2077Transparent,
+  ["dracula--transparent"]: draculaTransparent,
+  ["everforest--transparent"]: everforestTransparent,
+  ["github--transparent"]: githubTransparent,
+  ["gruvbox--transparent"]: gruvboxTransparent,
+  ["kanagawa--transparent"]: kanagawaTransparent,
+  ["material--transparent"]: materialTransparent,
+  ["matrix--transparent"]: matrixTransparent,
+  ["mellow"]: mellow,
+  ["mellow--transparent"]: mellowTransparent,
+  ["midnight"]: midnight,
+  ["midnight--transparent"]: midnightTransparent,
+  ["monokai--transparent"]: monokaiTransparent,
+  moonlight,
+  ["moonlight--transparent"]: moonlightTransparent,
+  ["moonlight-eclipse"]: moonlightEclipse,
+  ["moonlight-eclipse--transparent"]: moonlightEclipseTransparent,
+  ["moonlight-ii"]: moonlightIi,
+  ["moonlight-ii--transparent"]: moonlightIiTransparent,
+  ["moonlight-iii"]: moonlightIii,
+  ["moonlight-iii--transparent"]: moonlightIiiTransparent,
+  ["nightowl--transparent"]: nightowlTransparent,
+  ["nord--transparent"]: nordTransparent,
+  ["one-dark--transparent"]: onedarkTransparent,
+  ["opencode--transparent"]: opencodeTransparent,
+  ["palenight--transparent"]: palenightTransparent,
+  ["rosepine--transparent"]: rosepineTransparent,
+  ["solarized--transparent"]: solarizedTransparent,
+  ["synthwave84--transparent"]: synthwave84Transparent,
+  ["tokyo-night"]: tokyoNight,
+  ["tokyo-night--transparent"]: tokyoNightTransparent,
+  ["vesper--transparent"]: vesperTransparent,
+  ["zenburn--transparent"]: zenburnTransparent,
+  ["carbonfox--transparent"]: carbonfoxTransparent,
+  ["catppuccin-frappe--transparent"]: catppuccinFrappeTransparent,
+  ["catppuccin-macchiato--transparent"]: catppuccinMacchiatoTransparent,
+  ["cobalt2--transparent"]: cobalt2Transparent,
+  ["cursor--transparent"]: cursorTransparent,
+  ["flexoki--transparent"]: flexokiTransparent,
+  ["lucent-orng--transparent"]: lucentOrngTransparent,
+  ["mercury--transparent"]: mercuryTransparent,
+  ["orng--transparent"]: orngTransparent,
+  ["osaka-jade--transparent"]: osakaJadeTransparent,
+  ["tokyonight--transparent"]: tokyonightTransparent,
+  ["vercel--transparent"]: vercelTransparent,
+  ["toxikat"]: toxikat,
+  ["toxikat--transparent"]: toxikatTransparent,
+  ["toxikat--ultratransparent"]: toxikatUltratransparent,
 }
 
 function resolveTheme(theme: ThemeJson, mode: "dark" | "light") {
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/aura--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/aura--transparent.json
new file mode 100644
index 00000000000..3d06623dafd
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/aura--transparent.json
@@ -0,0 +1,71 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg": "#0f0f0f",
+    "darkBgPanel": "#15141b",
+    "darkBorder": "#2d2d2d",
+    "darkFgMuted": "#6d6d6d",
+    "darkFg": "#edecee",
+    "purple": "#a277ff",
+    "pink": "#f694ff",
+    "blue": "#82e2ff",
+    "red": "#ff6767",
+    "orange": "#ffca85",
+    "cyan": "#61ffca",
+    "green": "#9dff65"
+  },
+  "theme": {
+    "primary": "purple",
+    "secondary": "pink",
+    "accent": "purple",
+    "error": "red",
+    "warning": "orange",
+    "success": "cyan",
+    "info": "purple",
+    "text": "darkFg",
+    "textMuted": "darkFgMuted",
+    "background": "none",
+    "backgroundPanel": "darkBgPanel",
+    "backgroundElement": "darkBgPanel",
+    "border": "darkBorder",
+    "borderActive": "darkFgMuted",
+    "borderSubtle": "darkBorder",
+    "diffAdded": "cyan",
+    "diffRemoved": "red",
+    "diffContext": "darkFgMuted",
+    "diffHunkHeader": "darkFgMuted",
+    "diffHighlightAdded": "cyan",
+    "diffHighlightRemoved": "red",
+    "diffAddedBg": "#354933",
+    "diffRemovedBg": "#3f191a",
+    "diffContextBg": "darkBgPanel",
+    "diffLineNumber": "darkBorder",
+    "diffAddedLineNumberBg": "#162620",
+    "diffRemovedLineNumberBg": "#26161a",
+    "markdownText": "darkFg",
+    "markdownHeading": "purple",
+    "markdownLink": "pink",
+    "markdownLinkText": "purple",
+    "markdownCode": "cyan",
+    "markdownBlockQuote": "darkFgMuted",
+    "markdownEmph": "orange",
+    "markdownStrong": "purple",
+    "markdownHorizontalRule": "darkFgMuted",
+    "markdownListItem": "purple",
+    "markdownListEnumeration": "purple",
+    "markdownImage": "pink",
+    "markdownImageText": "purple",
+    "markdownCodeBlock": "darkFg",
+    "syntaxComment": "darkFgMuted",
+    "syntaxKeyword": "pink",
+    "syntaxFunction": "purple",
+    "syntaxVariable": "purple",
+    "syntaxString": "cyan",
+    "syntaxNumber": "green",
+    "syntaxType": "purple",
+    "syntaxOperator": "pink",
+    "syntaxPunctuation": "darkFg",
+    "placeholderText": "#f00",
+    "thinkingOpacity": 0.55
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/ayu--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/ayu--transparent.json
new file mode 100644
index 00000000000..10cf5f55ab1
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/ayu--transparent.json
@@ -0,0 +1,80 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg": "#0B0E14",
+    "darkBgAlt": "#0D1017",
+    "darkLine": "#11151C",
+    "darkPanel": "#0F131A",
+    "darkFg": "#BFBDB6",
+    "darkFgMuted": "#565B66",
+    "darkGutter": "#6C7380",
+    "darkTag": "#39BAE6",
+    "darkFunc": "#FFB454",
+    "darkEntity": "#59C2FF",
+    "darkString": "#AAD94C",
+    "darkRegexp": "#95E6CB",
+    "darkMarkup": "#F07178",
+    "darkKeyword": "#FF8F40",
+    "darkSpecial": "#E6B673",
+    "darkComment": "#ACB6BF",
+    "darkConstant": "#D2A6FF",
+    "darkOperator": "#F29668",
+    "darkAdded": "#7FD962",
+    "darkRemoved": "#F26D78",
+    "darkAccent": "#E6B450",
+    "darkError": "#D95757",
+    "darkIndentActive": "#6C7380"
+  },
+  "theme": {
+    "primary": "darkEntity",
+    "secondary": "darkConstant",
+    "accent": "darkAccent",
+    "error": "darkError",
+    "warning": "darkSpecial",
+    "success": "darkAdded",
+    "info": "darkTag",
+    "text": "darkFg",
+    "textMuted": "darkFgMuted",
+    "background": "none",
+    "backgroundPanel": "darkPanel",
+    "backgroundElement": "darkBgAlt",
+    "border": "darkGutter",
+    "borderActive": "darkIndentActive",
+    "borderSubtle": "darkLine",
+    "diffAdded": "darkAdded",
+    "diffRemoved": "darkRemoved",
+    "diffContext": "darkComment",
+    "diffHunkHeader": "darkComment",
+    "diffHighlightAdded": "darkString",
+    "diffHighlightRemoved": "darkMarkup",
+    "diffAddedBg": "#20303b",
+    "diffRemovedBg": "#37222c",
+    "diffContextBg": "darkPanel",
+    "diffLineNumber": "darkGutter",
+    "diffAddedLineNumberBg": "#1b2b34",
+    "diffRemovedLineNumberBg": "#2d1f26",
+    "markdownText": "darkFg",
+    "markdownHeading": "darkConstant",
+    "markdownLink": "darkEntity",
+    "markdownLinkText": "darkTag",
+    "markdownCode": "darkString",
+    "markdownBlockQuote": "darkSpecial",
+    "markdownEmph": "darkSpecial",
+    "markdownStrong": "darkFunc",
+    "markdownHorizontalRule": "darkFgMuted",
+    "markdownListItem": "darkEntity",
+    "markdownListEnumeration": "darkTag",
+    "markdownImage": "darkEntity",
+    "markdownImageText": "darkTag",
+    "markdownCodeBlock": "darkFg",
+    "syntaxComment": "darkComment",
+    "syntaxKeyword": "darkKeyword",
+    "syntaxFunction": "darkFunc",
+    "syntaxVariable": "darkEntity",
+    "syntaxString": "darkString",
+    "syntaxNumber": "darkConstant",
+    "syntaxType": "darkSpecial",
+    "syntaxOperator": "darkOperator",
+    "syntaxPunctuation": "darkFg"
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/carbonfox--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/carbonfox--transparent.json
new file mode 100644
index 00000000000..930aab6ae3f
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/carbonfox--transparent.json
@@ -0,0 +1,248 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "bg0": "#0d0d0d",
+    "bg1": "#161616",
+    "bg1a": "#1a1a1a",
+    "bg2": "#1e1e1e",
+    "bg3": "#262626",
+    "bg4": "#303030",
+    "fg0": "#ffffff",
+    "fg1": "#f2f4f8",
+    "fg2": "#a9afbc",
+    "fg3": "#7d848f",
+    "lbg0": "#ffffff",
+    "lbg1": "#f4f4f4",
+    "lbg2": "#e8e8e8",
+    "lbg3": "#dcdcdc",
+    "lfg0": "#000000",
+    "lfg1": "#161616",
+    "lfg2": "#525252",
+    "lfg3": "#6f6f6f",
+    "red": "#ee5396",
+    "green": "#25be6a",
+    "yellow": "#08bdba",
+    "blue": "#78a9ff",
+    "magenta": "#be95ff",
+    "cyan": "#33b1ff",
+    "white": "#dfdfe0",
+    "orange": "#3ddbd9",
+    "pink": "#ff7eb6",
+    "blueBright": "#8cb6ff",
+    "cyanBright": "#52c7ff",
+    "greenBright": "#46c880",
+    "redLight": "#9f1853",
+    "greenLight": "#198038",
+    "yellowLight": "#007d79",
+    "blueLight": "#0043ce",
+    "magentaLight": "#6929c4",
+    "cyanLight": "#0072c3",
+    "warning": "#f1c21b",
+    "diffGreen": "#50fa7b",
+    "diffRed": "#ff6b6b",
+    "diffGreenBg": "#0f2418",
+    "diffRedBg": "#2a1216"
+  },
+  "theme": {
+    "primary": {
+      "dark": "cyan",
+      "light": "blueLight"
+    },
+    "secondary": {
+      "dark": "blue",
+      "light": "blueLight"
+    },
+    "accent": {
+      "dark": "pink",
+      "light": "redLight"
+    },
+    "error": {
+      "dark": "red",
+      "light": "redLight"
+    },
+    "warning": {
+      "dark": "warning",
+      "light": "yellowLight"
+    },
+    "success": {
+      "dark": "green",
+      "light": "greenLight"
+    },
+    "info": {
+      "dark": "blue",
+      "light": "blueLight"
+    },
+    "text": {
+      "dark": "fg1",
+      "light": "lfg1"
+    },
+    "textMuted": {
+      "dark": "fg3",
+      "light": "lfg3"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "bg1a",
+      "light": "lbg1"
+    },
+    "backgroundElement": {
+      "dark": "bg2",
+      "light": "lbg1"
+    },
+    "border": {
+      "dark": "bg4",
+      "light": "lbg3"
+    },
+    "borderActive": {
+      "dark": "cyan",
+      "light": "blueLight"
+    },
+    "borderSubtle": {
+      "dark": "bg3",
+      "light": "lbg2"
+    },
+    "diffAdded": {
+      "dark": "diffGreen",
+      "light": "greenLight"
+    },
+    "diffRemoved": {
+      "dark": "diffRed",
+      "light": "redLight"
+    },
+    "diffContext": {
+      "dark": "fg3",
+      "light": "lfg3"
+    },
+    "diffHunkHeader": {
+      "dark": "blue",
+      "light": "blueLight"
+    },
+    "diffHighlightAdded": {
+      "dark": "#7dffaa",
+      "light": "greenLight"
+    },
+    "diffHighlightRemoved": {
+      "dark": "#ff9999",
+      "light": "redLight"
+    },
+    "diffAddedBg": {
+      "dark": "diffGreenBg",
+      "light": "#defbe6"
+    },
+    "diffRemovedBg": {
+      "dark": "diffRedBg",
+      "light": "#fff1f1"
+    },
+    "diffContextBg": {
+      "dark": "bg1",
+      "light": "lbg1"
+    },
+    "diffLineNumber": {
+      "dark": "fg3",
+      "light": "lfg3"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "diffGreenBg",
+      "light": "#defbe6"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "diffRedBg",
+      "light": "#fff1f1"
+    },
+    "markdownText": {
+      "dark": "fg1",
+      "light": "lfg1"
+    },
+    "markdownHeading": {
+      "dark": "blueBright",
+      "light": "blueLight"
+    },
+    "markdownLink": {
+      "dark": "blue",
+      "light": "blueLight"
+    },
+    "markdownLinkText": {
+      "dark": "cyan",
+      "light": "cyanLight"
+    },
+    "markdownCode": {
+      "dark": "green",
+      "light": "greenLight"
+    },
+    "markdownBlockQuote": {
+      "dark": "fg3",
+      "light": "lfg3"
+    },
+    "markdownEmph": {
+      "dark": "magenta",
+      "light": "magentaLight"
+    },
+    "markdownStrong": {
+      "dark": "fg0",
+      "light": "lfg0"
+    },
+    "markdownHorizontalRule": {
+      "dark": "bg4",
+      "light": "lbg3"
+    },
+    "markdownListItem": {
+      "dark": "cyan",
+      "light": "cyanLight"
+    },
+    "markdownListEnumeration": {
+      "dark": "cyan",
+      "light": "cyanLight"
+    },
+    "markdownImage": {
+      "dark": "blue",
+      "light": "blueLight"
+    },
+    "markdownImageText": {
+      "dark": "cyan",
+      "light": "cyanLight"
+    },
+    "markdownCodeBlock": {
+      "dark": "fg2",
+      "light": "lfg2"
+    },
+    "syntaxComment": {
+      "dark": "fg3",
+      "light": "lfg3"
+    },
+    "syntaxKeyword": {
+      "dark": "magenta",
+      "light": "magentaLight"
+    },
+    "syntaxFunction": {
+      "dark": "blueBright",
+      "light": "blueLight"
+    },
+    "syntaxVariable": {
+      "dark": "white",
+      "light": "lfg1"
+    },
+    "syntaxString": {
+      "dark": "green",
+      "light": "greenLight"
+    },
+    "syntaxNumber": {
+      "dark": "orange",
+      "light": "yellowLight"
+    },
+    "syntaxType": {
+      "dark": "yellow",
+      "light": "yellowLight"
+    },
+    "syntaxOperator": {
+      "dark": "fg2",
+      "light": "lfg2"
+    },
+    "syntaxPunctuation": {
+      "dark": "fg2",
+      "light": "lfg1"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/catppuccin--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/catppuccin--transparent.json
new file mode 100644
index 00000000000..4d392c78d8e
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/catppuccin--transparent.json
@@ -0,0 +1,112 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "lightRosewater": "#dc8a78",
+    "lightFlamingo": "#dd7878",
+    "lightPink": "#ea76cb",
+    "lightMauve": "#8839ef",
+    "lightRed": "#d20f39",
+    "lightMaroon": "#e64553",
+    "lightPeach": "#fe640b",
+    "lightYellow": "#df8e1d",
+    "lightGreen": "#40a02b",
+    "lightTeal": "#179299",
+    "lightSky": "#04a5e5",
+    "lightSapphire": "#209fb5",
+    "lightBlue": "#1e66f5",
+    "lightLavender": "#7287fd",
+    "lightText": "#4c4f69",
+    "lightSubtext1": "#5c5f77",
+    "lightSubtext0": "#6c6f85",
+    "lightOverlay2": "#7c7f93",
+    "lightOverlay1": "#8c8fa1",
+    "lightOverlay0": "#9ca0b0",
+    "lightSurface2": "#acb0be",
+    "lightSurface1": "#bcc0cc",
+    "lightSurface0": "#ccd0da",
+    "lightBase": "#eff1f5",
+    "lightMantle": "#e6e9ef",
+    "lightCrust": "#dce0e8",
+    "darkRosewater": "#f5e0dc",
+    "darkFlamingo": "#f2cdcd",
+    "darkPink": "#f5c2e7",
+    "darkMauve": "#cba6f7",
+    "darkRed": "#f38ba8",
+    "darkMaroon": "#eba0ac",
+    "darkPeach": "#fab387",
+    "darkYellow": "#f9e2af",
+    "darkGreen": "#a6e3a1",
+    "darkTeal": "#94e2d5",
+    "darkSky": "#89dceb",
+    "darkSapphire": "#74c7ec",
+    "darkBlue": "#89b4fa",
+    "darkLavender": "#b4befe",
+    "darkText": "#cdd6f4",
+    "darkSubtext1": "#bac2de",
+    "darkSubtext0": "#a6adc8",
+    "darkOverlay2": "#9399b2",
+    "darkOverlay1": "#7f849c",
+    "darkOverlay0": "#6c7086",
+    "darkSurface2": "#585b70",
+    "darkSurface1": "#45475a",
+    "darkSurface0": "#313244",
+    "darkBase": "#1e1e2e",
+    "darkMantle": "#181825",
+    "darkCrust": "#11111b"
+  },
+  "theme": {
+    "primary": { "dark": "darkBlue", "light": "lightBlue" },
+    "secondary": { "dark": "darkMauve", "light": "lightMauve" },
+    "accent": { "dark": "darkPink", "light": "lightPink" },
+    "error": { "dark": "darkRed", "light": "lightRed" },
+    "warning": { "dark": "darkYellow", "light": "lightYellow" },
+    "success": { "dark": "darkGreen", "light": "lightGreen" },
+    "info": { "dark": "darkTeal", "light": "lightTeal" },
+    "text": { "dark": "darkText", "light": "lightText" },
+    "textMuted": { "dark": "darkSubtext1", "light": "lightSubtext1" },
+    "background": { "dark": "none", "light": "none" },
+    "backgroundPanel": { "dark": "darkMantle", "light": "lightMantle" },
+    "backgroundElement": { "dark": "darkCrust", "light": "lightCrust" },
+    "border": { "dark": "darkSurface0", "light": "lightSurface0" },
+    "borderActive": { "dark": "darkSurface1", "light": "lightSurface1" },
+    "borderSubtle": { "dark": "darkSurface2", "light": "lightSurface2" },
+    "diffAdded": { "dark": "darkGreen", "light": "lightGreen" },
+    "diffRemoved": { "dark": "darkRed", "light": "lightRed" },
+    "diffContext": { "dark": "darkOverlay2", "light": "lightOverlay2" },
+    "diffHunkHeader": { "dark": "darkPeach", "light": "lightPeach" },
+    "diffHighlightAdded": { "dark": "darkGreen", "light": "lightGreen" },
+    "diffHighlightRemoved": { "dark": "darkRed", "light": "lightRed" },
+    "diffAddedBg": { "dark": "#24312b", "light": "#d6f0d9" },
+    "diffRemovedBg": { "dark": "#3c2a32", "light": "#f6dfe2" },
+    "diffContextBg": { "dark": "darkMantle", "light": "lightMantle" },
+    "diffLineNumber": { "dark": "darkSurface1", "light": "lightSurface1" },
+    "diffAddedLineNumberBg": { "dark": "#1e2a25", "light": "#c9e3cb" },
+    "diffRemovedLineNumberBg": { "dark": "#32232a", "light": "#e9d3d6" },
+    "markdownText": { "dark": "darkText", "light": "lightText" },
+    "markdownHeading": { "dark": "darkMauve", "light": "lightMauve" },
+    "markdownLink": { "dark": "darkBlue", "light": "lightBlue" },
+    "markdownLinkText": { "dark": "darkSky", "light": "lightSky" },
+    "markdownCode": { "dark": "darkGreen", "light": "lightGreen" },
+    "markdownBlockQuote": { "dark": "darkYellow", "light": "lightYellow" },
+    "markdownEmph": { "dark": "darkYellow", "light": "lightYellow" },
+    "markdownStrong": { "dark": "darkPeach", "light": "lightPeach" },
+    "markdownHorizontalRule": {
+      "dark": "darkSubtext0",
+      "light": "lightSubtext0"
+    },
+    "markdownListItem": { "dark": "darkBlue", "light": "lightBlue" },
+    "markdownListEnumeration": { "dark": "darkSky", "light": "lightSky" },
+    "markdownImage": { "dark": "darkBlue", "light": "lightBlue" },
+    "markdownImageText": { "dark": "darkSky", "light": "lightSky" },
+    "markdownCodeBlock": { "dark": "darkText", "light": "lightText" },
+    "syntaxComment": { "dark": "darkOverlay2", "light": "lightOverlay2" },
+    "syntaxKeyword": { "dark": "darkMauve", "light": "lightMauve" },
+    "syntaxFunction": { "dark": "darkBlue", "light": "lightBlue" },
+    "syntaxVariable": { "dark": "darkRed", "light": "lightRed" },
+    "syntaxString": { "dark": "darkGreen", "light": "lightGreen" },
+    "syntaxNumber": { "dark": "darkPeach", "light": "lightPeach" },
+    "syntaxType": { "dark": "darkYellow", "light": "lightYellow" },
+    "syntaxOperator": { "dark": "darkSky", "light": "lightSky" },
+    "syntaxPunctuation": { "dark": "darkText", "light": "lightText" }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/catppuccin-frappe--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/catppuccin-frappe--transparent.json
new file mode 100644
index 00000000000..f3dfed2cfe6
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/catppuccin-frappe--transparent.json
@@ -0,0 +1,233 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "frappeRosewater": "#f2d5cf",
+    "frappeFlamingo": "#eebebe",
+    "frappePink": "#f4b8e4",
+    "frappeMauve": "#ca9ee6",
+    "frappeRed": "#e78284",
+    "frappeMaroon": "#ea999c",
+    "frappePeach": "#ef9f76",
+    "frappeYellow": "#e5c890",
+    "frappeGreen": "#a6d189",
+    "frappeTeal": "#81c8be",
+    "frappeSky": "#99d1db",
+    "frappeSapphire": "#85c1dc",
+    "frappeBlue": "#8da4e2",
+    "frappeLavender": "#babbf1",
+    "frappeText": "#c6d0f5",
+    "frappeSubtext1": "#b5bfe2",
+    "frappeSubtext0": "#a5adce",
+    "frappeOverlay2": "#949cb8",
+    "frappeOverlay1": "#838ba7",
+    "frappeOverlay0": "#737994",
+    "frappeSurface2": "#626880",
+    "frappeSurface1": "#51576d",
+    "frappeSurface0": "#414559",
+    "frappeBase": "#303446",
+    "frappeMantle": "#292c3c",
+    "frappeCrust": "#232634"
+  },
+  "theme": {
+    "primary": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "secondary": {
+      "dark": "frappeMauve",
+      "light": "frappeMauve"
+    },
+    "accent": {
+      "dark": "frappePink",
+      "light": "frappePink"
+    },
+    "error": {
+      "dark": "frappeRed",
+      "light": "frappeRed"
+    },
+    "warning": {
+      "dark": "frappeYellow",
+      "light": "frappeYellow"
+    },
+    "success": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "info": {
+      "dark": "frappeTeal",
+      "light": "frappeTeal"
+    },
+    "text": {
+      "dark": "frappeText",
+      "light": "frappeText"
+    },
+    "textMuted": {
+      "dark": "frappeSubtext1",
+      "light": "frappeSubtext1"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "frappeMantle",
+      "light": "frappeMantle"
+    },
+    "backgroundElement": {
+      "dark": "frappeCrust",
+      "light": "frappeCrust"
+    },
+    "border": {
+      "dark": "frappeSurface0",
+      "light": "frappeSurface0"
+    },
+    "borderActive": {
+      "dark": "frappeSurface1",
+      "light": "frappeSurface1"
+    },
+    "borderSubtle": {
+      "dark": "frappeSurface2",
+      "light": "frappeSurface2"
+    },
+    "diffAdded": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "diffRemoved": {
+      "dark": "frappeRed",
+      "light": "frappeRed"
+    },
+    "diffContext": {
+      "dark": "frappeOverlay2",
+      "light": "frappeOverlay2"
+    },
+    "diffHunkHeader": {
+      "dark": "frappePeach",
+      "light": "frappePeach"
+    },
+    "diffHighlightAdded": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "diffHighlightRemoved": {
+      "dark": "frappeRed",
+      "light": "frappeRed"
+    },
+    "diffAddedBg": {
+      "dark": "#29342b",
+      "light": "#29342b"
+    },
+    "diffRemovedBg": {
+      "dark": "#3a2a31",
+      "light": "#3a2a31"
+    },
+    "diffContextBg": {
+      "dark": "frappeMantle",
+      "light": "frappeMantle"
+    },
+    "diffLineNumber": {
+      "dark": "frappeSurface1",
+      "light": "frappeSurface1"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#223025",
+      "light": "#223025"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2f242b",
+      "light": "#2f242b"
+    },
+    "markdownText": {
+      "dark": "frappeText",
+      "light": "frappeText"
+    },
+    "markdownHeading": {
+      "dark": "frappeMauve",
+      "light": "frappeMauve"
+    },
+    "markdownLink": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "markdownLinkText": {
+      "dark": "frappeSky",
+      "light": "frappeSky"
+    },
+    "markdownCode": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "frappeYellow",
+      "light": "frappeYellow"
+    },
+    "markdownEmph": {
+      "dark": "frappeYellow",
+      "light": "frappeYellow"
+    },
+    "markdownStrong": {
+      "dark": "frappePeach",
+      "light": "frappePeach"
+    },
+    "markdownHorizontalRule": {
+      "dark": "frappeSubtext0",
+      "light": "frappeSubtext0"
+    },
+    "markdownListItem": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "markdownListEnumeration": {
+      "dark": "frappeSky",
+      "light": "frappeSky"
+    },
+    "markdownImage": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "markdownImageText": {
+      "dark": "frappeSky",
+      "light": "frappeSky"
+    },
+    "markdownCodeBlock": {
+      "dark": "frappeText",
+      "light": "frappeText"
+    },
+    "syntaxComment": {
+      "dark": "frappeOverlay2",
+      "light": "frappeOverlay2"
+    },
+    "syntaxKeyword": {
+      "dark": "frappeMauve",
+      "light": "frappeMauve"
+    },
+    "syntaxFunction": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "syntaxVariable": {
+      "dark": "frappeRed",
+      "light": "frappeRed"
+    },
+    "syntaxString": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "syntaxNumber": {
+      "dark": "frappePeach",
+      "light": "frappePeach"
+    },
+    "syntaxType": {
+      "dark": "frappeYellow",
+      "light": "frappeYellow"
+    },
+    "syntaxOperator": {
+      "dark": "frappeSky",
+      "light": "frappeSky"
+    },
+    "syntaxPunctuation": {
+      "dark": "frappeText",
+      "light": "frappeText"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/catppuccin-macchiato--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/catppuccin-macchiato--transparent.json
new file mode 100644
index 00000000000..0bf9f54c4a3
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/catppuccin-macchiato--transparent.json
@@ -0,0 +1,233 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "macRosewater": "#f4dbd6",
+    "macFlamingo": "#f0c6c6",
+    "macPink": "#f5bde6",
+    "macMauve": "#c6a0f6",
+    "macRed": "#ed8796",
+    "macMaroon": "#ee99a0",
+    "macPeach": "#f5a97f",
+    "macYellow": "#eed49f",
+    "macGreen": "#a6da95",
+    "macTeal": "#8bd5ca",
+    "macSky": "#91d7e3",
+    "macSapphire": "#7dc4e4",
+    "macBlue": "#8aadf4",
+    "macLavender": "#b7bdf8",
+    "macText": "#cad3f5",
+    "macSubtext1": "#b8c0e0",
+    "macSubtext0": "#a5adcb",
+    "macOverlay2": "#939ab7",
+    "macOverlay1": "#8087a2",
+    "macOverlay0": "#6e738d",
+    "macSurface2": "#5b6078",
+    "macSurface1": "#494d64",
+    "macSurface0": "#363a4f",
+    "macBase": "#24273a",
+    "macMantle": "#1e2030",
+    "macCrust": "#181926"
+  },
+  "theme": {
+    "primary": {
+      "dark": "macBlue",
+      "light": "macBlue"
+    },
+    "secondary": {
+      "dark": "macMauve",
+      "light": "macMauve"
+    },
+    "accent": {
+      "dark": "macPink",
+      "light": "macPink"
+    },
+    "error": {
+      "dark": "macRed",
+      "light": "macRed"
+    },
+    "warning": {
+      "dark": "macYellow",
+      "light": "macYellow"
+    },
+    "success": {
+      "dark": "macGreen",
+      "light": "macGreen"
+    },
+    "info": {
+      "dark": "macTeal",
+      "light": "macTeal"
+    },
+    "text": {
+      "dark": "macText",
+      "light": "macText"
+    },
+    "textMuted": {
+      "dark": "macSubtext1",
+      "light": "macSubtext1"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "macMantle",
+      "light": "macMantle"
+    },
+    "backgroundElement": {
+      "dark": "macCrust",
+      "light": "macCrust"
+    },
+    "border": {
+      "dark": "macSurface0",
+      "light": "macSurface0"
+    },
+    "borderActive": {
+      "dark": "macSurface1",
+      "light": "macSurface1"
+    },
+    "borderSubtle": {
+      "dark": "macSurface2",
+      "light": "macSurface2"
+    },
+    "diffAdded": {
+      "dark": "macGreen",
+      "light": "macGreen"
+    },
+    "diffRemoved": {
+      "dark": "macRed",
+      "light": "macRed"
+    },
+    "diffContext": {
+      "dark": "macOverlay2",
+      "light": "macOverlay2"
+    },
+    "diffHunkHeader": {
+      "dark": "macPeach",
+      "light": "macPeach"
+    },
+    "diffHighlightAdded": {
+      "dark": "macGreen",
+      "light": "macGreen"
+    },
+    "diffHighlightRemoved": {
+      "dark": "macRed",
+      "light": "macRed"
+    },
+    "diffAddedBg": {
+      "dark": "#29342b",
+      "light": "#29342b"
+    },
+    "diffRemovedBg": {
+      "dark": "#3a2a31",
+      "light": "#3a2a31"
+    },
+    "diffContextBg": {
+      "dark": "macMantle",
+      "light": "macMantle"
+    },
+    "diffLineNumber": {
+      "dark": "macSurface1",
+      "light": "macSurface1"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#223025",
+      "light": "#223025"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2f242b",
+      "light": "#2f242b"
+    },
+    "markdownText": {
+      "dark": "macText",
+      "light": "macText"
+    },
+    "markdownHeading": {
+      "dark": "macMauve",
+      "light": "macMauve"
+    },
+    "markdownLink": {
+      "dark": "macBlue",
+      "light": "macBlue"
+    },
+    "markdownLinkText": {
+      "dark": "macSky",
+      "light": "macSky"
+    },
+    "markdownCode": {
+      "dark": "macGreen",
+      "light": "macGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "macYellow",
+      "light": "macYellow"
+    },
+    "markdownEmph": {
+      "dark": "macYellow",
+      "light": "macYellow"
+    },
+    "markdownStrong": {
+      "dark": "macPeach",
+      "light": "macPeach"
+    },
+    "markdownHorizontalRule": {
+      "dark": "macSubtext0",
+      "light": "macSubtext0"
+    },
+    "markdownListItem": {
+      "dark": "macBlue",
+      "light": "macBlue"
+    },
+    "markdownListEnumeration": {
+      "dark": "macSky",
+      "light": "macSky"
+    },
+    "markdownImage": {
+      "dark": "macBlue",
+      "light": "macBlue"
+    },
+    "markdownImageText": {
+      "dark": "macSky",
+      "light": "macSky"
+    },
+    "markdownCodeBlock": {
+      "dark": "macText",
+      "light": "macText"
+    },
+    "syntaxComment": {
+      "dark": "macOverlay2",
+      "light": "macOverlay2"
+    },
+    "syntaxKeyword": {
+      "dark": "macMauve",
+      "light": "macMauve"
+    },
+    "syntaxFunction": {
+      "dark": "macBlue",
+      "light": "macBlue"
+    },
+    "syntaxVariable": {
+      "dark": "macRed",
+      "light": "macRed"
+    },
+    "syntaxString": {
+      "dark": "macGreen",
+      "light": "macGreen"
+    },
+    "syntaxNumber": {
+      "dark": "macPeach",
+      "light": "macPeach"
+    },
+    "syntaxType": {
+      "dark": "macYellow",
+      "light": "macYellow"
+    },
+    "syntaxOperator": {
+      "dark": "macSky",
+      "light": "macSky"
+    },
+    "syntaxPunctuation": {
+      "dark": "macText",
+      "light": "macText"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/cobalt--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/cobalt--transparent.json
new file mode 100644
index 00000000000..db445a926a2
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/cobalt--transparent.json
@@ -0,0 +1,225 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "background": "#193549",
+    "backgroundAlt": "#122738",
+    "backgroundPanel": "#1f4662",
+    "foreground": "#ffffff",
+    "foregroundMuted": "#adb7c9",
+    "yellow": "#ffc600",
+    "yellowBright": "#ffe14c",
+    "orange": "#ff9d00",
+    "orangeBright": "#ffb454",
+    "mint": "#2affdf",
+    "mintBright": "#7efff5",
+    "blue": "#0088ff",
+    "blueBright": "#5cb7ff",
+    "pink": "#ff628c",
+    "pinkBright": "#ff86a5",
+    "green": "#9eff80",
+    "greenBright": "#b9ff9f",
+    "purple": "#9a5feb",
+    "purpleBright": "#b88cfd",
+    "red": "#ff0088",
+    "redBright": "#ff5fb3"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "#0066cc"
+    },
+    "secondary": {
+      "dark": "purple",
+      "light": "#7c4dff"
+    },
+    "accent": {
+      "dark": "mint",
+      "light": "#00acc1"
+    },
+    "error": {
+      "dark": "red",
+      "light": "#e91e63"
+    },
+    "warning": {
+      "dark": "yellow",
+      "light": "#ff9800"
+    },
+    "success": {
+      "dark": "green",
+      "light": "#4caf50"
+    },
+    "info": {
+      "dark": "orange",
+      "light": "#ff5722"
+    },
+    "text": {
+      "dark": "foreground",
+      "light": "#193549"
+    },
+    "textMuted": {
+      "dark": "foregroundMuted",
+      "light": "#5c6b7d"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "#122738",
+      "light": "#f5f7fa"
+    },
+    "backgroundElement": {
+      "dark": "#1f4662",
+      "light": "#e8ecf1"
+    },
+    "border": {
+      "dark": "#1f4662",
+      "light": "#d3dae3"
+    },
+    "borderActive": {
+      "dark": "blue",
+      "light": "#0066cc"
+    },
+    "borderSubtle": {
+      "dark": "#0e1e2e",
+      "light": "#e8ecf1"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "#4caf50"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "#e91e63"
+    },
+    "diffContext": {
+      "dark": "foregroundMuted",
+      "light": "#5c6b7d"
+    },
+    "diffHunkHeader": {
+      "dark": "mint",
+      "light": "#00acc1"
+    },
+    "diffHighlightAdded": {
+      "dark": "greenBright",
+      "light": "#4caf50"
+    },
+    "diffHighlightRemoved": {
+      "dark": "redBright",
+      "light": "#e91e63"
+    },
+    "diffAddedBg": {
+      "dark": "#1a3a2a",
+      "light": "#e8f5e9"
+    },
+    "diffRemovedBg": {
+      "dark": "#3a1a2a",
+      "light": "#ffebee"
+    },
+    "diffContextBg": {
+      "dark": "#122738",
+      "light": "#f5f7fa"
+    },
+    "diffLineNumber": {
+      "dark": "#2d5a7b",
+      "light": "#b0bec5"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#1a3a2a",
+      "light": "#e8f5e9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#3a1a2a",
+      "light": "#ffebee"
+    },
+    "markdownText": {
+      "dark": "foreground",
+      "light": "#193549"
+    },
+    "markdownHeading": {
+      "dark": "yellow",
+      "light": "#ff9800"
+    },
+    "markdownLink": {
+      "dark": "blue",
+      "light": "#0066cc"
+    },
+    "markdownLinkText": {
+      "dark": "mint",
+      "light": "#00acc1"
+    },
+    "markdownCode": {
+      "dark": "green",
+      "light": "#4caf50"
+    },
+    "markdownBlockQuote": {
+      "dark": "foregroundMuted",
+      "light": "#5c6b7d"
+    },
+    "markdownEmph": {
+      "dark": "orange",
+      "light": "#ff5722"
+    },
+    "markdownStrong": {
+      "dark": "pink",
+      "light": "#e91e63"
+    },
+    "markdownHorizontalRule": {
+      "dark": "#2d5a7b",
+      "light": "#d3dae3"
+    },
+    "markdownListItem": {
+      "dark": "blue",
+      "light": "#0066cc"
+    },
+    "markdownListEnumeration": {
+      "dark": "mint",
+      "light": "#00acc1"
+    },
+    "markdownImage": {
+      "dark": "blue",
+      "light": "#0066cc"
+    },
+    "markdownImageText": {
+      "dark": "mint",
+      "light": "#00acc1"
+    },
+    "markdownCodeBlock": {
+      "dark": "foreground",
+      "light": "#193549"
+    },
+    "syntaxComment": {
+      "dark": "#0088ff",
+      "light": "#5c6b7d"
+    },
+    "syntaxKeyword": {
+      "dark": "orange",
+      "light": "#ff5722"
+    },
+    "syntaxFunction": {
+      "dark": "yellow",
+      "light": "#ff9800"
+    },
+    "syntaxVariable": {
+      "dark": "foreground",
+      "light": "#193549"
+    },
+    "syntaxString": {
+      "dark": "green",
+      "light": "#4caf50"
+    },
+    "syntaxNumber": {
+      "dark": "pink",
+      "light": "#e91e63"
+    },
+    "syntaxType": {
+      "dark": "mint",
+      "light": "#00acc1"
+    },
+    "syntaxOperator": {
+      "dark": "orange",
+      "light": "#ff5722"
+    },
+    "syntaxPunctuation": {
+      "dark": "foreground",
+      "light": "#193549"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/cobalt2--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/cobalt2--transparent.json
new file mode 100644
index 00000000000..fc6f240ed10
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/cobalt2--transparent.json
@@ -0,0 +1,228 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "background": "#193549",
+    "backgroundAlt": "#122738",
+    "backgroundPanel": "#1f4662",
+    "foreground": "#ffffff",
+    "foregroundMuted": "#adb7c9",
+    "yellow": "#ffc600",
+    "yellowBright": "#ffe14c",
+    "orange": "#ff9d00",
+    "orangeBright": "#ffb454",
+    "mint": "#2affdf",
+    "mintBright": "#7efff5",
+    "blue": "#0088ff",
+    "blueBright": "#5cb7ff",
+    "pink": "#ff628c",
+    "pinkBright": "#ff86a5",
+    "green": "#9eff80",
+    "greenBright": "#b9ff9f",
+    "purple": "#9a5feb",
+    "purpleBright": "#b88cfd",
+    "red": "#ff0088",
+    "redBright": "#ff5fb3"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "#0066cc"
+    },
+    "secondary": {
+      "dark": "purple",
+      "light": "#7c4dff"
+    },
+    "accent": {
+      "dark": "mint",
+      "light": "#00acc1"
+    },
+    "error": {
+      "dark": "red",
+      "light": "#e91e63"
+    },
+    "warning": {
+      "dark": "yellow",
+      "light": "#ff9800"
+    },
+    "success": {
+      "dark": "green",
+      "light": "#4caf50"
+    },
+    "info": {
+      "dark": "orange",
+      "light": "#ff5722"
+    },
+    "text": {
+      "dark": "foreground",
+      "light": "#193549"
+    },
+    "textMuted": {
+      "dark": "foregroundMuted",
+      "light": "#5c6b7d"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "#122738",
+      "light": "#f5f7fa"
+    },
+    "backgroundElement": {
+      "dark": "#1f4662",
+      "light": "#e8ecf1"
+    },
+    "border": {
+      "dark": "#1f4662",
+      "light": "#d3dae3"
+    },
+    "borderActive": {
+      "dark": "blue",
+      "light": "#0066cc"
+    },
+    "borderSubtle": {
+      "dark": "#0e1e2e",
+      "light": "#e8ecf1"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "#4caf50"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "#e91e63"
+    },
+    "diffContext": {
+      "dark": "foregroundMuted",
+      "light": "#5c6b7d"
+    },
+    "diffHunkHeader": {
+      "dark": "mint",
+      "light": "#00acc1"
+    },
+    "diffHighlightAdded": {
+      "dark": "greenBright",
+      "light": "#4caf50"
+    },
+    "diffHighlightRemoved": {
+      "dark": "redBright",
+      "light": "#e91e63"
+    },
+    "diffAddedBg": {
+      "dark": "#1a3a2a",
+      "light": "#e8f5e9"
+    },
+    "diffRemovedBg": {
+      "dark": "#3a1a2a",
+      "light": "#ffebee"
+    },
+    "diffContextBg": {
+      "dark": "#122738",
+      "light": "#f5f7fa"
+    },
+    "diffLineNumber": {
+      "dark": "#2d5a7b",
+      "light": "#b0bec5"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#1a3a2a",
+      "light": "#e8f5e9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#3a1a2a",
+      "light": "#ffebee"
+    },
+    "markdownText": {
+      "dark": "foreground",
+      "light": "#193549"
+    },
+    "markdownHeading": {
+      "dark": "yellow",
+      "light": "#ff9800"
+    },
+    "markdownLink": {
+      "dark": "blue",
+      "light": "#0066cc"
+    },
+    "markdownLinkText": {
+      "dark": "mint",
+      "light": "#00acc1"
+    },
+    "markdownCode": {
+      "dark": "green",
+      "light": "#4caf50"
+    },
+    "markdownBlockQuote": {
+      "dark": "foregroundMuted",
+      "light": "#5c6b7d"
+    },
+    "markdownEmph": {
+      "dark": "orange",
+      "light": "#ff5722"
+    },
+    "markdownStrong": {
+      "dark": "pink",
+      "light": "#e91e63"
+    },
+    "markdownHorizontalRule": {
+      "dark": "#2d5a7b",
+      "light": "#d3dae3"
+    },
+    "markdownListItem": {
+      "dark": "blue",
+      "light": "#0066cc"
+    },
+    "markdownListEnumeration": {
+      "dark": "mint",
+      "light": "#00acc1"
+    },
+    "markdownImage": {
+      "dark": "blue",
+      "light": "#0066cc"
+    },
+    "markdownImageText": {
+      "dark": "mint",
+      "light": "#00acc1"
+    },
+    "markdownCodeBlock": {
+      "dark": "foreground",
+      "light": "#193549"
+    },
+    "syntaxComment": {
+      "dark": "#0088ff",
+      "light": "#5c6b7d"
+    },
+    "syntaxKeyword": {
+      "dark": "orange",
+      "light": "#ff5722"
+    },
+    "syntaxFunction": {
+      "dark": "yellow",
+      "light": "#ff9800"
+    },
+    "syntaxVariable": {
+      "dark": "foreground",
+      "light": "#193549"
+    },
+    "syntaxString": {
+      "dark": "green",
+      "light": "#4caf50"
+    },
+    "syntaxNumber": {
+      "dark": "pink",
+      "light": "#e91e63"
+    },
+    "syntaxType": {
+      "dark": "mint",
+      "light": "#00acc1"
+    },
+    "syntaxOperator": {
+      "dark": "orange",
+      "light": "#ff5722"
+    },
+    "syntaxPunctuation": {
+      "dark": "foreground",
+      "light": "#193549"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/cursor--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/cursor--transparent.json
new file mode 100644
index 00000000000..798b40c4a4c
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/cursor--transparent.json
@@ -0,0 +1,249 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg": "#181818",
+    "darkPanel": "#141414",
+    "darkElement": "#262626",
+    "darkFg": "#e4e4e4",
+    "darkMuted": "#e4e4e45e",
+    "darkBorder": "#e4e4e413",
+    "darkBorderActive": "#e4e4e426",
+    "darkCyan": "#88c0d0",
+    "darkBlue": "#81a1c1",
+    "darkGreen": "#3fa266",
+    "darkGreenBright": "#70b489",
+    "darkRed": "#e34671",
+    "darkRedBright": "#fc6b83",
+    "darkYellow": "#f1b467",
+    "darkOrange": "#d2943e",
+    "darkPink": "#E394DC",
+    "darkPurple": "#AAA0FA",
+    "darkTeal": "#82D2CE",
+    "darkSyntaxYellow": "#F8C762",
+    "darkSyntaxOrange": "#EFB080",
+    "darkSyntaxGreen": "#A8CC7C",
+    "darkSyntaxBlue": "#87C3FF",
+    "lightBg": "#fcfcfc",
+    "lightPanel": "#f3f3f3",
+    "lightElement": "#ededed",
+    "lightFg": "#141414",
+    "lightMuted": "#141414ad",
+    "lightBorder": "#14141413",
+    "lightBorderActive": "#14141426",
+    "lightTeal": "#6f9ba6",
+    "lightBlue": "#3c7cab",
+    "lightBlueDark": "#206595",
+    "lightGreen": "#1f8a65",
+    "lightGreenBright": "#55a583",
+    "lightRed": "#cf2d56",
+    "lightRedBright": "#e75e78",
+    "lightOrange": "#db704b",
+    "lightYellow": "#c08532",
+    "lightPurple": "#9e94d5",
+    "lightPurpleDark": "#6049b3",
+    "lightPink": "#b8448b",
+    "lightMagenta": "#b3003f"
+  },
+  "theme": {
+    "primary": {
+      "dark": "darkCyan",
+      "light": "lightTeal"
+    },
+    "secondary": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "accent": {
+      "dark": "darkCyan",
+      "light": "lightTeal"
+    },
+    "error": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "warning": {
+      "dark": "darkYellow",
+      "light": "lightOrange"
+    },
+    "success": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "info": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "text": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "textMuted": {
+      "dark": "darkMuted",
+      "light": "lightMuted"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "darkPanel",
+      "light": "lightPanel"
+    },
+    "backgroundElement": {
+      "dark": "darkElement",
+      "light": "lightElement"
+    },
+    "border": {
+      "dark": "darkBorder",
+      "light": "lightBorder"
+    },
+    "borderActive": {
+      "dark": "darkCyan",
+      "light": "lightTeal"
+    },
+    "borderSubtle": {
+      "dark": "#0f0f0f",
+      "light": "#e0e0e0"
+    },
+    "diffAdded": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "diffRemoved": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "diffContext": {
+      "dark": "darkMuted",
+      "light": "lightMuted"
+    },
+    "diffHunkHeader": {
+      "dark": "darkMuted",
+      "light": "lightMuted"
+    },
+    "diffHighlightAdded": {
+      "dark": "darkGreenBright",
+      "light": "lightGreenBright"
+    },
+    "diffHighlightRemoved": {
+      "dark": "darkRedBright",
+      "light": "lightRedBright"
+    },
+    "diffAddedBg": {
+      "dark": "#3fa26633",
+      "light": "#1f8a651f"
+    },
+    "diffRemovedBg": {
+      "dark": "#b8004933",
+      "light": "#cf2d5614"
+    },
+    "diffContextBg": {
+      "dark": "darkPanel",
+      "light": "lightPanel"
+    },
+    "diffLineNumber": {
+      "dark": "#e4e4e442",
+      "light": "#1414147a"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#3fa26633",
+      "light": "#1f8a651f"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#b8004933",
+      "light": "#cf2d5614"
+    },
+    "markdownText": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "markdownHeading": {
+      "dark": "darkPurple",
+      "light": "lightBlueDark"
+    },
+    "markdownLink": {
+      "dark": "darkTeal",
+      "light": "lightBlueDark"
+    },
+    "markdownLinkText": {
+      "dark": "darkBlue",
+      "light": "lightMuted"
+    },
+    "markdownCode": {
+      "dark": "darkPink",
+      "light": "lightGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "darkMuted",
+      "light": "lightMuted"
+    },
+    "markdownEmph": {
+      "dark": "darkTeal",
+      "light": "lightFg"
+    },
+    "markdownStrong": {
+      "dark": "darkSyntaxYellow",
+      "light": "lightFg"
+    },
+    "markdownHorizontalRule": {
+      "dark": "darkMuted",
+      "light": "lightMuted"
+    },
+    "markdownListItem": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkCyan",
+      "light": "lightMuted"
+    },
+    "markdownImage": {
+      "dark": "darkCyan",
+      "light": "lightBlueDark"
+    },
+    "markdownImageText": {
+      "dark": "darkBlue",
+      "light": "lightMuted"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "syntaxComment": {
+      "dark": "darkMuted",
+      "light": "lightMuted"
+    },
+    "syntaxKeyword": {
+      "dark": "darkTeal",
+      "light": "lightMagenta"
+    },
+    "syntaxFunction": {
+      "dark": "darkSyntaxOrange",
+      "light": "lightOrange"
+    },
+    "syntaxVariable": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "syntaxString": {
+      "dark": "darkPink",
+      "light": "lightPurple"
+    },
+    "syntaxNumber": {
+      "dark": "darkSyntaxYellow",
+      "light": "lightPink"
+    },
+    "syntaxType": {
+      "dark": "darkSyntaxOrange",
+      "light": "lightBlueDark"
+    },
+    "syntaxOperator": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/cyberpunk2077--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/cyberpunk2077--transparent.json
new file mode 100644
index 00000000000..038ea24c711
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/cyberpunk2077--transparent.json
@@ -0,0 +1,224 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "bgPrimary": "#0a0a0f",
+    "bgSecondary": "#12121a",
+    "bgElevated": "#1a1a2e",
+    "bgSelected": "#2d2d44",
+    "textPrimary": "#e8e8e8",
+    "textMuted": "#8888a0",
+    "textDisabled": "#4a4a5c",
+    "textAccent": "#25e1ed",
+    "borderPrimary": "#0a0a0f",
+    "borderSecondary": "#2a2a3a",
+    "accentCyan": "#25e1ed",
+    "accentMagenta": "#ed1e79",
+    "accentPurple": "#9d4edd",
+    "accentYellow": "#ffeb0b",
+    "accentGreen": "#39ff14",
+    "accentRed": "#ff2a6d",
+    "accentBlue": "#00d4ff",
+    "syntaxPink": "#ff71ce",
+    "syntaxWhite": "#e8e8e8",
+    "syntaxGray": "#6c6c8a"
+  },
+  "theme": {
+    "primary": {
+      "dark": "accentYellow",
+      "light": "accentYellow"
+    },
+    "secondary": {
+      "dark": "accentMagenta",
+      "light": "accentMagenta"
+    },
+    "accent": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "error": {
+      "dark": "accentRed",
+      "light": "accentRed"
+    },
+    "warning": {
+      "dark": "accentYellow",
+      "light": "accentYellow"
+    },
+    "success": {
+      "dark": "accentGreen",
+      "light": "accentGreen"
+    },
+    "info": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "text": {
+      "dark": "textPrimary",
+      "light": "textPrimary"
+    },
+    "textMuted": {
+      "dark": "textMuted",
+      "light": "textMuted"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "bgPrimary",
+      "light": "bgPrimary"
+    },
+    "backgroundElement": {
+      "dark": "bgPrimary",
+      "light": "bgPrimary"
+    },
+    "border": {
+      "dark": "borderPrimary",
+      "light": "borderPrimary"
+    },
+    "borderActive": {
+      "dark": "borderSecondary",
+      "light": "borderSecondary"
+    },
+    "borderSubtle": {
+      "dark": "borderPrimary",
+      "light": "borderPrimary"
+    },
+    "diffAdded": {
+      "dark": "accentGreen",
+      "light": "accentGreen"
+    },
+    "diffRemoved": {
+      "dark": "accentRed",
+      "light": "accentRed"
+    },
+    "diffContext": {
+      "dark": "textDisabled",
+      "light": "textDisabled"
+    },
+    "diffHunkHeader": {
+      "dark": "textDisabled",
+      "light": "textDisabled"
+    },
+    "diffHighlightAdded": {
+      "dark": "accentGreen",
+      "light": "accentGreen"
+    },
+    "diffHighlightRemoved": {
+      "dark": "accentRed",
+      "light": "accentRed"
+    },
+    "diffAddedBg": {
+      "dark": "#0d2818",
+      "light": "#0d2818"
+    },
+    "diffRemovedBg": {
+      "dark": "#2d0f1a",
+      "light": "#2d0f1a"
+    },
+    "diffContextBg": {
+      "dark": "bgPrimary",
+      "light": "bgPrimary"
+    },
+    "diffLineNumber": {
+      "dark": "borderSecondary",
+      "light": "borderSecondary"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#0d2818",
+      "light": "#0d2818"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2d0f1a",
+      "light": "#2d0f1a"
+    },
+    "markdownText": {
+      "dark": "textPrimary",
+      "light": "textPrimary"
+    },
+    "markdownHeading": {
+      "dark": "accentYellow",
+      "light": "accentYellow"
+    },
+    "markdownLink": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "markdownLinkText": {
+      "dark": "accentMagenta",
+      "light": "accentMagenta"
+    },
+    "markdownCode": {
+      "dark": "syntaxPink",
+      "light": "syntaxPink"
+    },
+    "markdownBlockQuote": {
+      "dark": "textDisabled",
+      "light": "textDisabled"
+    },
+    "markdownEmph": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "markdownStrong": {
+      "dark": "accentYellow",
+      "light": "accentYellow"
+    },
+    "markdownHorizontalRule": {
+      "dark": "textDisabled",
+      "light": "textDisabled"
+    },
+    "markdownListItem": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "markdownListEnumeration": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "markdownImage": {
+      "dark": "accentMagenta",
+      "light": "accentMagenta"
+    },
+    "markdownImageText": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "markdownCodeBlock": {
+      "dark": "textPrimary",
+      "light": "textPrimary"
+    },
+    "syntaxComment": {
+      "dark": "#5a5a7a",
+      "light": "#5a5a7a"
+    },
+    "syntaxKeyword": {
+      "dark": "#ff71ce",
+      "light": "#ff71ce"
+    },
+    "syntaxFunction": {
+      "dark": "#01cdfe",
+      "light": "#01cdfe"
+    },
+    "syntaxVariable": {
+      "dark": "textPrimary",
+      "light": "textPrimary"
+    },
+    "syntaxString": {
+      "dark": "#05ffa1",
+      "light": "#05ffa1"
+    },
+    "syntaxNumber": {
+      "dark": "accentYellow",
+      "light": "accentYellow"
+    },
+    "syntaxType": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "syntaxOperator": {
+      "dark": "#b967ff",
+      "light": "#b967ff"
+    },
+    "syntaxPunctuation": {
+      "dark": "syntaxGray",
+      "light": "syntaxGray"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/cyberpunk2077.json b/packages/opencode/src/cli/cmd/tui/context/theme/cyberpunk2077.json
new file mode 100644
index 00000000000..fa43a04fd68
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/cyberpunk2077.json
@@ -0,0 +1,227 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "bgPrimary": "#0a0a0f",
+    "bgSecondary": "#12121a",
+    "bgElevated": "#1a1a2e",
+    "bgSelected": "#2d2d44",
+    "textPrimary": "#e8e8e8",
+    "textMuted": "#8888a0",
+    "textDisabled": "#4a4a5c",
+    "textAccent": "#25e1ed",
+    "borderPrimary": "#0a0a0f",
+    "borderSecondary": "#2a2a3a",
+    "accentCyan": "#25e1ed",
+    "accentMagenta": "#ed1e79",
+    "accentPurple": "#9d4edd",
+    "accentYellow": "#ffeb0b",
+    "accentGreen": "#39ff14",
+    "accentRed": "#ff2a6d",
+    "accentBlue": "#00d4ff",
+    "syntaxPink": "#ff71ce",
+    "syntaxWhite": "#e8e8e8",
+    "syntaxGray": "#6c6c8a"
+  },
+  "theme": {
+    "primary": {
+      "dark": "accentYellow",
+      "light": "accentYellow"
+    },
+    "secondary": {
+      "dark": "accentMagenta",
+      "light": "accentMagenta"
+    },
+    "accent": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "error": {
+      "dark": "accentRed",
+      "light": "accentRed"
+    },
+    "warning": {
+      "dark": "accentYellow",
+      "light": "accentYellow"
+    },
+    "success": {
+      "dark": "accentGreen",
+      "light": "accentGreen"
+    },
+    "info": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "text": {
+      "dark": "textPrimary",
+      "light": "textPrimary"
+    },
+    "textMuted": {
+      "dark": "textMuted",
+      "light": "textMuted"
+    },
+    "background": {
+      "dark": "bgSecondary",
+      "light": "bgSecondary"
+    },
+    "backgroundPanel": {
+      "dark": "bgPrimary",
+      "light": "bgPrimary"
+    },
+    "backgroundElement": {
+      "dark": "bgPrimary",
+      "light": "bgPrimary"
+    },
+    "border": {
+      "dark": "borderPrimary",
+      "light": "borderPrimary"
+    },
+    "borderActive": {
+      "dark": "borderSecondary",
+      "light": "borderSecondary"
+    },
+    "borderSubtle": {
+      "dark": "borderPrimary",
+      "light": "borderPrimary"
+    },
+    "diffAdded": {
+      "dark": "accentGreen",
+      "light": "accentGreen"
+    },
+    "diffRemoved": {
+      "dark": "accentRed",
+      "light": "accentRed"
+    },
+    "diffContext": {
+      "dark": "textDisabled",
+      "light": "textDisabled"
+    },
+    "diffHunkHeader": {
+      "dark": "textDisabled",
+      "light": "textDisabled"
+    },
+    "diffHighlightAdded": {
+      "dark": "accentGreen",
+      "light": "accentGreen"
+    },
+    "diffHighlightRemoved": {
+      "dark": "accentRed",
+      "light": "accentRed"
+    },
+    "diffAddedBg": {
+      "dark": "#0d2818",
+      "light": "#0d2818"
+    },
+    "diffRemovedBg": {
+      "dark": "#2d0f1a",
+      "light": "#2d0f1a"
+    },
+    "diffContextBg": {
+      "dark": "bgPrimary",
+      "light": "bgPrimary"
+    },
+    "diffLineNumber": {
+      "dark": "borderSecondary",
+      "light": "borderSecondary"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#0d2818",
+      "light": "#0d2818"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2d0f1a",
+      "light": "#2d0f1a"
+    },
+    "markdownText": {
+      "dark": "textPrimary",
+      "light": "textPrimary"
+    },
+    "markdownHeading": {
+      "dark": "accentYellow",
+      "light": "accentYellow"
+    },
+    "markdownLink": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "markdownLinkText": {
+      "dark": "accentMagenta",
+      "light": "accentMagenta"
+    },
+    "markdownCode": {
+      "dark": "syntaxPink",
+      "light": "syntaxPink"
+    },
+    "markdownBlockQuote": {
+      "dark": "textDisabled",
+      "light": "textDisabled"
+    },
+    "markdownEmph": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "markdownStrong": {
+      "dark": "accentYellow",
+      "light": "accentYellow"
+    },
+    "markdownHorizontalRule": {
+      "dark": "textDisabled",
+      "light": "textDisabled"
+    },
+    "markdownListItem": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "markdownListEnumeration": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "markdownImage": {
+      "dark": "accentMagenta",
+      "light": "accentMagenta"
+    },
+    "markdownImageText": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "markdownCodeBlock": {
+      "dark": "textPrimary",
+      "light": "textPrimary"
+    },
+    "syntaxComment": {
+      "dark": "#5a5a7a",
+      "light": "#5a5a7a"
+    },
+    "syntaxKeyword": {
+      "dark": "#ff71ce",
+      "light": "#ff71ce"
+    },
+    "syntaxFunction": {
+      "dark": "#01cdfe",
+      "light": "#01cdfe"
+    },
+    "syntaxVariable": {
+      "dark": "textPrimary",
+      "light": "textPrimary"
+    },
+    "syntaxString": {
+      "dark": "#05ffa1",
+      "light": "#05ffa1"
+    },
+    "syntaxNumber": {
+      "dark": "accentYellow",
+      "light": "accentYellow"
+    },
+    "syntaxType": {
+      "dark": "accentCyan",
+      "light": "accentCyan"
+    },
+    "syntaxOperator": {
+      "dark": "#b967ff",
+      "light": "#b967ff"
+    },
+    "syntaxPunctuation": {
+      "dark": "syntaxGray",
+      "light": "syntaxGray"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/dracula--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/dracula--transparent.json
new file mode 100644
index 00000000000..32c683e059d
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/dracula--transparent.json
@@ -0,0 +1,216 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "background": "#282a36",
+    "currentLine": "#44475a",
+    "selection": "#44475a",
+    "foreground": "#f8f8f2",
+    "comment": "#6272a4",
+    "cyan": "#8be9fd",
+    "green": "#50fa7b",
+    "orange": "#ffb86c",
+    "pink": "#ff79c6",
+    "purple": "#bd93f9",
+    "red": "#ff5555",
+    "yellow": "#f1fa8c"
+  },
+  "theme": {
+    "primary": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "secondary": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "accent": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "error": {
+      "dark": "red",
+      "light": "red"
+    },
+    "warning": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "success": {
+      "dark": "green",
+      "light": "green"
+    },
+    "info": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "text": {
+      "dark": "foreground",
+      "light": "#282a36"
+    },
+    "textMuted": {
+      "dark": "comment",
+      "light": "#6272a4"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "#21222c",
+      "light": "#e8e8e2"
+    },
+    "backgroundElement": {
+      "dark": "currentLine",
+      "light": "#d8d8d2"
+    },
+    "border": {
+      "dark": "currentLine",
+      "light": "#c8c8c2"
+    },
+    "borderActive": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "borderSubtle": {
+      "dark": "#191a21",
+      "light": "#e0e0e0"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffContext": {
+      "dark": "comment",
+      "light": "#6272a4"
+    },
+    "diffHunkHeader": {
+      "dark": "comment",
+      "light": "#6272a4"
+    },
+    "diffHighlightAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffAddedBg": {
+      "dark": "#1a3a1a",
+      "light": "#e0ffe0"
+    },
+    "diffRemovedBg": {
+      "dark": "#3a1a1a",
+      "light": "#ffe0e0"
+    },
+    "diffContextBg": {
+      "dark": "#21222c",
+      "light": "#e8e8e2"
+    },
+    "diffLineNumber": {
+      "dark": "currentLine",
+      "light": "#c8c8c2"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#1a3a1a",
+      "light": "#e0ffe0"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#3a1a1a",
+      "light": "#ffe0e0"
+    },
+    "markdownText": {
+      "dark": "foreground",
+      "light": "#282a36"
+    },
+    "markdownHeading": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownLink": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownLinkText": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "markdownCode": {
+      "dark": "green",
+      "light": "green"
+    },
+    "markdownBlockQuote": {
+      "dark": "comment",
+      "light": "#6272a4"
+    },
+    "markdownEmph": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "markdownStrong": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "markdownHorizontalRule": {
+      "dark": "comment",
+      "light": "#6272a4"
+    },
+    "markdownListItem": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownListEnumeration": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownImage": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownImageText": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "markdownCodeBlock": {
+      "dark": "foreground",
+      "light": "#282a36"
+    },
+    "syntaxComment": {
+      "dark": "comment",
+      "light": "#6272a4"
+    },
+    "syntaxKeyword": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "syntaxFunction": {
+      "dark": "green",
+      "light": "green"
+    },
+    "syntaxVariable": {
+      "dark": "foreground",
+      "light": "#282a36"
+    },
+    "syntaxString": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "syntaxNumber": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "syntaxType": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "syntaxOperator": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "syntaxPunctuation": {
+      "dark": "foreground",
+      "light": "#282a36"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/everforest--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/everforest--transparent.json
new file mode 100644
index 00000000000..be96695d69d
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/everforest--transparent.json
@@ -0,0 +1,238 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkStep1": "#2d353b",
+    "darkStep2": "#333c43",
+    "darkStep3": "#343f44",
+    "darkStep4": "#3d484d",
+    "darkStep5": "#475258",
+    "darkStep6": "#7a8478",
+    "darkStep7": "#859289",
+    "darkStep8": "#9da9a0",
+    "darkStep9": "#a7c080",
+    "darkStep10": "#83c092",
+    "darkStep11": "#7a8478",
+    "darkStep12": "#d3c6aa",
+    "darkRed": "#e67e80",
+    "darkOrange": "#e69875",
+    "darkGreen": "#a7c080",
+    "darkCyan": "#83c092",
+    "darkYellow": "#dbbc7f",
+    "lightStep1": "#fdf6e3",
+    "lightStep2": "#efebd4",
+    "lightStep3": "#f4f0d9",
+    "lightStep4": "#efebd4",
+    "lightStep5": "#e6e2cc",
+    "lightStep6": "#a6b0a0",
+    "lightStep7": "#939f91",
+    "lightStep8": "#829181",
+    "lightStep9": "#8da101",
+    "lightStep10": "#35a77c",
+    "lightStep11": "#a6b0a0",
+    "lightStep12": "#5c6a72",
+    "lightRed": "#f85552",
+    "lightOrange": "#f57d26",
+    "lightGreen": "#8da101",
+    "lightCyan": "#35a77c",
+    "lightYellow": "#dfa000"
+  },
+  "theme": {
+    "primary": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "secondary": {
+      "dark": "#7fbbb3",
+      "light": "#3a94c5"
+    },
+    "accent": {
+      "dark": "#d699b6",
+      "light": "#df69ba"
+    },
+    "error": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "warning": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "success": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "info": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "text": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "textMuted": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "darkStep1",
+      "light": "lightStep2"
+    },
+    "backgroundElement": {
+      "dark": "darkStep3",
+      "light": "lightStep3"
+    },
+    "border": {
+      "dark": "darkStep7",
+      "light": "lightStep7"
+    },
+    "borderActive": {
+      "dark": "darkStep8",
+      "light": "lightStep8"
+    },
+    "borderSubtle": {
+      "dark": "darkStep6",
+      "light": "lightStep6"
+    },
+    "diffAdded": {
+      "dark": "#4fd6be",
+      "light": "#1e725c"
+    },
+    "diffRemoved": {
+      "dark": "#c53b53",
+      "light": "#c53b53"
+    },
+    "diffContext": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHunkHeader": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHighlightAdded": {
+      "dark": "#b8db87",
+      "light": "#4db380"
+    },
+    "diffHighlightRemoved": {
+      "dark": "#e26a75",
+      "light": "#f52a65"
+    },
+    "diffAddedBg": {
+      "dark": "#20303b",
+      "light": "#d5e5d5"
+    },
+    "diffRemovedBg": {
+      "dark": "#37222c",
+      "light": "#f7d8db"
+    },
+    "diffContextBg": {
+      "dark": "darkStep2",
+      "light": "lightStep2"
+    },
+    "diffLineNumber": {
+      "dark": "darkStep3",
+      "light": "lightStep3"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#1b2b34",
+      "light": "#c5d5c5"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2d1f26",
+      "light": "#e7c8cb"
+    },
+    "markdownText": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "markdownHeading": {
+      "dark": "#d699b6",
+      "light": "#df69ba"
+    },
+    "markdownLink": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownLinkText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCode": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownEmph": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownStrong": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "markdownHorizontalRule": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "markdownListItem": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownImage": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownImageText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "syntaxComment": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "syntaxKeyword": {
+      "dark": "#d699b6",
+      "light": "#df69ba"
+    },
+    "syntaxFunction": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "syntaxVariable": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "syntaxString": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "syntaxNumber": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "syntaxType": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "syntaxOperator": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/flexoki--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/flexoki--transparent.json
new file mode 100644
index 00000000000..222ec57a67c
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/flexoki--transparent.json
@@ -0,0 +1,237 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "black": "#100F0F",
+    "base950": "#1C1B1A",
+    "base900": "#282726",
+    "base850": "#343331",
+    "base800": "#403E3C",
+    "base700": "#575653",
+    "base600": "#6F6E69",
+    "base500": "#878580",
+    "base300": "#B7B5AC",
+    "base200": "#CECDC3",
+    "base150": "#DAD8CE",
+    "base100": "#E6E4D9",
+    "base50": "#F2F0E5",
+    "paper": "#FFFCF0",
+    "red400": "#D14D41",
+    "red600": "#AF3029",
+    "orange400": "#DA702C",
+    "orange600": "#BC5215",
+    "yellow400": "#D0A215",
+    "yellow600": "#AD8301",
+    "green400": "#879A39",
+    "green600": "#66800B",
+    "cyan400": "#3AA99F",
+    "cyan600": "#24837B",
+    "blue400": "#4385BE",
+    "blue600": "#205EA6",
+    "purple400": "#8B7EC8",
+    "purple600": "#5E409D",
+    "magenta400": "#CE5D97",
+    "magenta600": "#A02F6F"
+  },
+  "theme": {
+    "primary": {
+      "dark": "orange400",
+      "light": "blue600"
+    },
+    "secondary": {
+      "dark": "blue400",
+      "light": "purple600"
+    },
+    "accent": {
+      "dark": "purple400",
+      "light": "orange600"
+    },
+    "error": {
+      "dark": "red400",
+      "light": "red600"
+    },
+    "warning": {
+      "dark": "orange400",
+      "light": "orange600"
+    },
+    "success": {
+      "dark": "green400",
+      "light": "green600"
+    },
+    "info": {
+      "dark": "cyan400",
+      "light": "cyan600"
+    },
+    "text": {
+      "dark": "base200",
+      "light": "black"
+    },
+    "textMuted": {
+      "dark": "base600",
+      "light": "base600"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "base950",
+      "light": "base50"
+    },
+    "backgroundElement": {
+      "dark": "base900",
+      "light": "base100"
+    },
+    "border": {
+      "dark": "base700",
+      "light": "base300"
+    },
+    "borderActive": {
+      "dark": "base600",
+      "light": "base500"
+    },
+    "borderSubtle": {
+      "dark": "base800",
+      "light": "base200"
+    },
+    "diffAdded": {
+      "dark": "green400",
+      "light": "green600"
+    },
+    "diffRemoved": {
+      "dark": "red400",
+      "light": "red600"
+    },
+    "diffContext": {
+      "dark": "base600",
+      "light": "base600"
+    },
+    "diffHunkHeader": {
+      "dark": "blue400",
+      "light": "blue600"
+    },
+    "diffHighlightAdded": {
+      "dark": "green400",
+      "light": "green600"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red400",
+      "light": "red600"
+    },
+    "diffAddedBg": {
+      "dark": "#1A2D1A",
+      "light": "#D5E5D5"
+    },
+    "diffRemovedBg": {
+      "dark": "#2D1A1A",
+      "light": "#F7D8DB"
+    },
+    "diffContextBg": {
+      "dark": "base950",
+      "light": "base50"
+    },
+    "diffLineNumber": {
+      "dark": "base600",
+      "light": "base600"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#152515",
+      "light": "#C5D5C5"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#251515",
+      "light": "#E7C8CB"
+    },
+    "markdownText": {
+      "dark": "base200",
+      "light": "black"
+    },
+    "markdownHeading": {
+      "dark": "purple400",
+      "light": "purple600"
+    },
+    "markdownLink": {
+      "dark": "blue400",
+      "light": "blue600"
+    },
+    "markdownLinkText": {
+      "dark": "cyan400",
+      "light": "cyan600"
+    },
+    "markdownCode": {
+      "dark": "cyan400",
+      "light": "cyan600"
+    },
+    "markdownBlockQuote": {
+      "dark": "yellow400",
+      "light": "yellow600"
+    },
+    "markdownEmph": {
+      "dark": "yellow400",
+      "light": "yellow600"
+    },
+    "markdownStrong": {
+      "dark": "orange400",
+      "light": "orange600"
+    },
+    "markdownHorizontalRule": {
+      "dark": "base600",
+      "light": "base600"
+    },
+    "markdownListItem": {
+      "dark": "orange400",
+      "light": "orange600"
+    },
+    "markdownListEnumeration": {
+      "dark": "cyan400",
+      "light": "cyan600"
+    },
+    "markdownImage": {
+      "dark": "magenta400",
+      "light": "magenta600"
+    },
+    "markdownImageText": {
+      "dark": "cyan400",
+      "light": "cyan600"
+    },
+    "markdownCodeBlock": {
+      "dark": "base200",
+      "light": "black"
+    },
+    "syntaxComment": {
+      "dark": "base600",
+      "light": "base600"
+    },
+    "syntaxKeyword": {
+      "dark": "green400",
+      "light": "green600"
+    },
+    "syntaxFunction": {
+      "dark": "orange400",
+      "light": "orange600"
+    },
+    "syntaxVariable": {
+      "dark": "blue400",
+      "light": "blue600"
+    },
+    "syntaxString": {
+      "dark": "cyan400",
+      "light": "cyan600"
+    },
+    "syntaxNumber": {
+      "dark": "purple400",
+      "light": "purple600"
+    },
+    "syntaxType": {
+      "dark": "yellow400",
+      "light": "yellow600"
+    },
+    "syntaxOperator": {
+      "dark": "base300",
+      "light": "base600"
+    },
+    "syntaxPunctuation": {
+      "dark": "base300",
+      "light": "base600"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/github--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/github--transparent.json
new file mode 100644
index 00000000000..99ece00bf48
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/github--transparent.json
@@ -0,0 +1,230 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg": "#0d1117",
+    "darkBgAlt": "#010409",
+    "darkBgPanel": "#161b22",
+    "darkFg": "#c9d1d9",
+    "darkFgMuted": "#8b949e",
+    "darkBlue": "#58a6ff",
+    "darkGreen": "#3fb950",
+    "darkRed": "#f85149",
+    "darkOrange": "#d29922",
+    "darkPurple": "#bc8cff",
+    "darkPink": "#ff7b72",
+    "darkYellow": "#e3b341",
+    "darkCyan": "#39c5cf",
+    "lightBg": "#ffffff",
+    "lightBgAlt": "#f6f8fa",
+    "lightBgPanel": "#f0f3f6",
+    "lightFg": "#24292f",
+    "lightFgMuted": "#57606a",
+    "lightBlue": "#0969da",
+    "lightGreen": "#1a7f37",
+    "lightRed": "#cf222e",
+    "lightOrange": "#bc4c00",
+    "lightPurple": "#8250df",
+    "lightPink": "#bf3989",
+    "lightYellow": "#9a6700",
+    "lightCyan": "#1b7c83"
+  },
+  "theme": {
+    "primary": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "secondary": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "accent": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "error": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "warning": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "success": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "info": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "text": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "textMuted": {
+      "dark": "darkFgMuted",
+      "light": "lightFgMuted"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "darkBgAlt",
+      "light": "lightBgAlt"
+    },
+    "backgroundElement": {
+      "dark": "darkBgPanel",
+      "light": "lightBgPanel"
+    },
+    "border": {
+      "dark": "#30363d",
+      "light": "#d0d7de"
+    },
+    "borderActive": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "borderSubtle": {
+      "dark": "#21262d",
+      "light": "#d8dee4"
+    },
+    "diffAdded": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "diffRemoved": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "diffContext": {
+      "dark": "darkFgMuted",
+      "light": "lightFgMuted"
+    },
+    "diffHunkHeader": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "diffHighlightAdded": {
+      "dark": "#3fb950",
+      "light": "#1a7f37"
+    },
+    "diffHighlightRemoved": {
+      "dark": "#f85149",
+      "light": "#cf222e"
+    },
+    "diffAddedBg": {
+      "dark": "#033a16",
+      "light": "#dafbe1"
+    },
+    "diffRemovedBg": {
+      "dark": "#67060c",
+      "light": "#ffebe9"
+    },
+    "diffContextBg": {
+      "dark": "darkBgAlt",
+      "light": "lightBgAlt"
+    },
+    "diffLineNumber": {
+      "dark": "#484f58",
+      "light": "#afb8c1"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#033a16",
+      "light": "#dafbe1"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#67060c",
+      "light": "#ffebe9"
+    },
+    "markdownText": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "markdownHeading": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "markdownLink": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "markdownLinkText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCode": {
+      "dark": "darkPink",
+      "light": "lightPink"
+    },
+    "markdownBlockQuote": {
+      "dark": "darkFgMuted",
+      "light": "lightFgMuted"
+    },
+    "markdownEmph": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownStrong": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "markdownHorizontalRule": {
+      "dark": "#30363d",
+      "light": "#d0d7de"
+    },
+    "markdownListItem": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownImage": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "markdownImageText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "syntaxComment": {
+      "dark": "darkFgMuted",
+      "light": "lightFgMuted"
+    },
+    "syntaxKeyword": {
+      "dark": "darkPink",
+      "light": "lightRed"
+    },
+    "syntaxFunction": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "syntaxVariable": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "syntaxString": {
+      "dark": "darkCyan",
+      "light": "lightBlue"
+    },
+    "syntaxNumber": {
+      "dark": "darkBlue",
+      "light": "lightCyan"
+    },
+    "syntaxType": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "syntaxOperator": {
+      "dark": "darkPink",
+      "light": "lightRed"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/gruvbox--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/gruvbox--transparent.json
new file mode 100644
index 00000000000..c110e4e70f7
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/gruvbox--transparent.json
@@ -0,0 +1,95 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg0": "#282828",
+    "darkBg1": "#3c3836",
+    "darkBg2": "#504945",
+    "darkBg3": "#665c54",
+    "darkFg0": "#fbf1c7",
+    "darkFg1": "#ebdbb2",
+    "darkGray": "#928374",
+    "darkRed": "#cc241d",
+    "darkGreen": "#98971a",
+    "darkYellow": "#d79921",
+    "darkBlue": "#458588",
+    "darkPurple": "#b16286",
+    "darkAqua": "#689d6a",
+    "darkOrange": "#d65d0e",
+    "darkRedBright": "#fb4934",
+    "darkGreenBright": "#b8bb26",
+    "darkYellowBright": "#fabd2f",
+    "darkBlueBright": "#83a598",
+    "darkPurpleBright": "#d3869b",
+    "darkAquaBright": "#8ec07c",
+    "darkOrangeBright": "#fe8019",
+    "lightBg0": "#fbf1c7",
+    "lightBg1": "#ebdbb2",
+    "lightBg2": "#d5c4a1",
+    "lightBg3": "#bdae93",
+    "lightFg0": "#282828",
+    "lightFg1": "#3c3836",
+    "lightGray": "#7c6f64",
+    "lightRed": "#9d0006",
+    "lightGreen": "#79740e",
+    "lightYellow": "#b57614",
+    "lightBlue": "#076678",
+    "lightPurple": "#8f3f71",
+    "lightAqua": "#427b58",
+    "lightOrange": "#af3a03"
+  },
+  "theme": {
+    "primary": { "dark": "darkBlueBright", "light": "lightBlue" },
+    "secondary": { "dark": "darkPurpleBright", "light": "lightPurple" },
+    "accent": { "dark": "darkAquaBright", "light": "lightAqua" },
+    "error": { "dark": "darkRedBright", "light": "lightRed" },
+    "warning": { "dark": "darkOrangeBright", "light": "lightOrange" },
+    "success": { "dark": "darkGreenBright", "light": "lightGreen" },
+    "info": { "dark": "darkYellowBright", "light": "lightYellow" },
+    "text": { "dark": "darkFg1", "light": "lightFg1" },
+    "textMuted": { "dark": "darkGray", "light": "lightGray" },
+    "background": "none",
+    "backgroundPanel": { "dark": "darkBg1", "light": "lightBg1" },
+    "backgroundElement": { "dark": "darkBg2", "light": "lightBg2" },
+    "border": { "dark": "darkBg3", "light": "lightBg3" },
+    "borderActive": { "dark": "darkFg1", "light": "lightFg1" },
+    "borderSubtle": { "dark": "darkBg2", "light": "lightBg2" },
+    "diffAdded": { "dark": "darkGreen", "light": "lightGreen" },
+    "diffRemoved": { "dark": "darkRed", "light": "lightRed" },
+    "diffContext": { "dark": "darkGray", "light": "lightGray" },
+    "diffHunkHeader": { "dark": "darkAqua", "light": "lightAqua" },
+    "diffHighlightAdded": { "dark": "darkGreenBright", "light": "lightGreen" },
+    "diffHighlightRemoved": { "dark": "darkRedBright", "light": "lightRed" },
+    "diffAddedBg": { "dark": "#32302f", "light": "#e2e0b5" },
+    "diffRemovedBg": { "dark": "#322929", "light": "#e9d8d5" },
+    "diffContextBg": { "dark": "darkBg1", "light": "lightBg1" },
+    "diffLineNumber": { "dark": "darkBg3", "light": "lightBg3" },
+    "diffAddedLineNumberBg": { "dark": "#2a2827", "light": "#d4d2a9" },
+    "diffRemovedLineNumberBg": { "dark": "#2a2222", "light": "#d8cbc8" },
+    "markdownText": { "dark": "darkFg1", "light": "lightFg1" },
+    "markdownHeading": { "dark": "darkBlueBright", "light": "lightBlue" },
+    "markdownLink": { "dark": "darkAquaBright", "light": "lightAqua" },
+    "markdownLinkText": { "dark": "darkGreenBright", "light": "lightGreen" },
+    "markdownCode": { "dark": "darkYellowBright", "light": "lightYellow" },
+    "markdownBlockQuote": { "dark": "darkGray", "light": "lightGray" },
+    "markdownEmph": { "dark": "darkPurpleBright", "light": "lightPurple" },
+    "markdownStrong": { "dark": "darkOrangeBright", "light": "lightOrange" },
+    "markdownHorizontalRule": { "dark": "darkGray", "light": "lightGray" },
+    "markdownListItem": { "dark": "darkBlueBright", "light": "lightBlue" },
+    "markdownListEnumeration": {
+      "dark": "darkAquaBright",
+      "light": "lightAqua"
+    },
+    "markdownImage": { "dark": "darkAquaBright", "light": "lightAqua" },
+    "markdownImageText": { "dark": "darkGreenBright", "light": "lightGreen" },
+    "markdownCodeBlock": { "dark": "darkFg1", "light": "lightFg1" },
+    "syntaxComment": { "dark": "darkGray", "light": "lightGray" },
+    "syntaxKeyword": { "dark": "darkRedBright", "light": "lightRed" },
+    "syntaxFunction": { "dark": "darkGreenBright", "light": "lightGreen" },
+    "syntaxVariable": { "dark": "darkBlueBright", "light": "lightBlue" },
+    "syntaxString": { "dark": "darkYellowBright", "light": "lightYellow" },
+    "syntaxNumber": { "dark": "darkPurpleBright", "light": "lightPurple" },
+    "syntaxType": { "dark": "darkAquaBright", "light": "lightAqua" },
+    "syntaxOperator": { "dark": "darkOrangeBright", "light": "lightOrange" },
+    "syntaxPunctuation": { "dark": "darkFg1", "light": "lightFg1" }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/kanagawa--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/kanagawa--transparent.json
new file mode 100644
index 00000000000..1d6cddec36f
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/kanagawa--transparent.json
@@ -0,0 +1,77 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "sumiInk0": "#1F1F28",
+    "sumiInk1": "#2A2A37",
+    "sumiInk2": "#363646",
+    "sumiInk3": "#54546D",
+    "fujiWhite": "#DCD7BA",
+    "oldWhite": "#C8C093",
+    "fujiGray": "#727169",
+    "oniViolet": "#957FB8",
+    "crystalBlue": "#7E9CD8",
+    "carpYellow": "#C38D9D",
+    "sakuraPink": "#D27E99",
+    "waveAqua": "#76946A",
+    "roninYellow": "#D7A657",
+    "dragonRed": "#E82424",
+    "lotusGreen": "#98BB6C",
+    "waveBlue": "#2D4F67",
+    "lightBg": "#F2E9DE",
+    "lightPaper": "#EAE4D7",
+    "lightText": "#54433A",
+    "lightGray": "#9E9389"
+  },
+  "theme": {
+    "primary": { "dark": "crystalBlue", "light": "waveBlue" },
+    "secondary": { "dark": "oniViolet", "light": "oniViolet" },
+    "accent": { "dark": "sakuraPink", "light": "sakuraPink" },
+    "error": { "dark": "dragonRed", "light": "dragonRed" },
+    "warning": { "dark": "roninYellow", "light": "roninYellow" },
+    "success": { "dark": "lotusGreen", "light": "lotusGreen" },
+    "info": { "dark": "waveAqua", "light": "waveAqua" },
+    "text": { "dark": "fujiWhite", "light": "lightText" },
+    "textMuted": { "dark": "fujiGray", "light": "lightGray" },
+    "background": "none",
+    "backgroundPanel": { "dark": "sumiInk1", "light": "lightPaper" },
+    "backgroundElement": { "dark": "sumiInk2", "light": "#E3DCD2" },
+    "border": { "dark": "sumiInk3", "light": "#D4CBBF" },
+    "borderActive": { "dark": "carpYellow", "light": "carpYellow" },
+    "borderSubtle": { "dark": "sumiInk2", "light": "#DCD4C9" },
+    "diffAdded": { "dark": "lotusGreen", "light": "lotusGreen" },
+    "diffRemoved": { "dark": "dragonRed", "light": "dragonRed" },
+    "diffContext": { "dark": "fujiGray", "light": "lightGray" },
+    "diffHunkHeader": { "dark": "waveBlue", "light": "waveBlue" },
+    "diffHighlightAdded": { "dark": "#A9D977", "light": "#89AF5B" },
+    "diffHighlightRemoved": { "dark": "#F24A4A", "light": "#D61F1F" },
+    "diffAddedBg": { "dark": "#252E25", "light": "#EAF3E4" },
+    "diffRemovedBg": { "dark": "#362020", "light": "#FBE6E6" },
+    "diffContextBg": { "dark": "sumiInk1", "light": "lightPaper" },
+    "diffLineNumber": { "dark": "sumiInk3", "light": "#C7BEB4" },
+    "diffAddedLineNumberBg": { "dark": "#202820", "light": "#DDE8D6" },
+    "diffRemovedLineNumberBg": { "dark": "#2D1C1C", "light": "#F2DADA" },
+    "markdownText": { "dark": "fujiWhite", "light": "lightText" },
+    "markdownHeading": { "dark": "oniViolet", "light": "oniViolet" },
+    "markdownLink": { "dark": "crystalBlue", "light": "waveBlue" },
+    "markdownLinkText": { "dark": "waveAqua", "light": "waveAqua" },
+    "markdownCode": { "dark": "lotusGreen", "light": "lotusGreen" },
+    "markdownBlockQuote": { "dark": "fujiGray", "light": "lightGray" },
+    "markdownEmph": { "dark": "carpYellow", "light": "carpYellow" },
+    "markdownStrong": { "dark": "roninYellow", "light": "roninYellow" },
+    "markdownHorizontalRule": { "dark": "fujiGray", "light": "lightGray" },
+    "markdownListItem": { "dark": "crystalBlue", "light": "waveBlue" },
+    "markdownListEnumeration": { "dark": "waveAqua", "light": "waveAqua" },
+    "markdownImage": { "dark": "crystalBlue", "light": "waveBlue" },
+    "markdownImageText": { "dark": "waveAqua", "light": "waveAqua" },
+    "markdownCodeBlock": { "dark": "fujiWhite", "light": "lightText" },
+    "syntaxComment": { "dark": "fujiGray", "light": "lightGray" },
+    "syntaxKeyword": { "dark": "oniViolet", "light": "oniViolet" },
+    "syntaxFunction": { "dark": "crystalBlue", "light": "waveBlue" },
+    "syntaxVariable": { "dark": "fujiWhite", "light": "lightText" },
+    "syntaxString": { "dark": "lotusGreen", "light": "lotusGreen" },
+    "syntaxNumber": { "dark": "roninYellow", "light": "roninYellow" },
+    "syntaxType": { "dark": "carpYellow", "light": "carpYellow" },
+    "syntaxOperator": { "dark": "sakuraPink", "light": "sakuraPink" },
+    "syntaxPunctuation": { "dark": "fujiWhite", "light": "lightText" }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/lucent-orng--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/lucent-orng--transparent.json
new file mode 100644
index 00000000000..492451b0bac
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/lucent-orng--transparent.json
@@ -0,0 +1,237 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkStep6": "#3c3c3c",
+    "darkStep11": "#808080",
+    "darkStep12": "#eeeeee",
+    "darkSecondary": "#EE7948",
+    "darkAccent": "#FFF7F1",
+    "darkRed": "#e06c75",
+    "darkOrange": "#EC5B2B",
+    "darkBlue": "#6ba1e6",
+    "darkCyan": "#56b6c2",
+    "darkYellow": "#e5c07b",
+    "darkPanelBg": "#2a1a1599",
+    "lightStep6": "#d4d4d4",
+    "lightStep11": "#8a8a8a",
+    "lightStep12": "#1a1a1a",
+    "lightSecondary": "#EE7948",
+    "lightAccent": "#c94d24",
+    "lightRed": "#d1383d",
+    "lightOrange": "#EC5B2B",
+    "lightBlue": "#0062d1",
+    "lightCyan": "#318795",
+    "lightYellow": "#b0851f",
+    "lightPanelBg": "#fff5f099"
+  },
+  "theme": {
+    "primary": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "secondary": {
+      "dark": "darkSecondary",
+      "light": "lightSecondary"
+    },
+    "accent": {
+      "dark": "darkAccent",
+      "light": "lightAccent"
+    },
+    "error": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "warning": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "success": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "info": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "text": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "textMuted": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "selectedListItemText": {
+      "dark": "#0a0a0a",
+      "light": "#ffffff"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "backgroundElement": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "backgroundMenu": {
+      "dark": "darkPanelBg",
+      "light": "lightPanelBg"
+    },
+    "border": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "borderActive": {
+      "dark": "darkSecondary",
+      "light": "lightAccent"
+    },
+    "borderSubtle": {
+      "dark": "darkStep6",
+      "light": "lightStep6"
+    },
+    "diffAdded": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "diffRemoved": {
+      "dark": "#c53b53",
+      "light": "#c53b53"
+    },
+    "diffContext": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHunkHeader": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHighlightAdded": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "diffHighlightRemoved": {
+      "dark": "#e26a75",
+      "light": "#f52a65"
+    },
+    "diffAddedBg": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "diffRemovedBg": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "diffContextBg": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "diffLineNumber": {
+      "dark": "#666666",
+      "light": "#999999"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "markdownText": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "markdownHeading": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "markdownLink": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "markdownLinkText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCode": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "markdownBlockQuote": {
+      "dark": "darkAccent",
+      "light": "lightYellow"
+    },
+    "markdownEmph": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownStrong": {
+      "dark": "darkSecondary",
+      "light": "lightOrange"
+    },
+    "markdownHorizontalRule": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "markdownListItem": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownImage": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "markdownImageText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "syntaxComment": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "syntaxKeyword": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "syntaxFunction": {
+      "dark": "darkSecondary",
+      "light": "lightAccent"
+    },
+    "syntaxVariable": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "syntaxString": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "syntaxNumber": {
+      "dark": "darkAccent",
+      "light": "lightOrange"
+    },
+    "syntaxType": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "syntaxOperator": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/material--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/material--transparent.json
new file mode 100644
index 00000000000..bf3124a4af1
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/material--transparent.json
@@ -0,0 +1,235 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg": "#263238",
+    "darkBgAlt": "#1e272c",
+    "darkBgPanel": "#37474f",
+    "darkFg": "#eeffff",
+    "darkFgMuted": "#546e7a",
+    "darkRed": "#f07178",
+    "darkPink": "#f78c6c",
+    "darkOrange": "#ffcb6b",
+    "darkYellow": "#ffcb6b",
+    "darkGreen": "#c3e88d",
+    "darkCyan": "#89ddff",
+    "darkBlue": "#82aaff",
+    "darkPurple": "#c792ea",
+    "darkViolet": "#bb80b3",
+    "lightBg": "#fafafa",
+    "lightBgAlt": "#f5f5f5",
+    "lightBgPanel": "#e7e7e8",
+    "lightFg": "#263238",
+    "lightFgMuted": "#90a4ae",
+    "lightRed": "#e53935",
+    "lightPink": "#ec407a",
+    "lightOrange": "#f4511e",
+    "lightYellow": "#ffb300",
+    "lightGreen": "#91b859",
+    "lightCyan": "#39adb5",
+    "lightBlue": "#6182b8",
+    "lightPurple": "#7c4dff",
+    "lightViolet": "#945eb8"
+  },
+  "theme": {
+    "primary": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "secondary": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "accent": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "error": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "warning": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "success": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "info": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "text": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "textMuted": {
+      "dark": "darkFgMuted",
+      "light": "lightFgMuted"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "darkBgAlt",
+      "light": "lightBgAlt"
+    },
+    "backgroundElement": {
+      "dark": "darkBgPanel",
+      "light": "lightBgPanel"
+    },
+    "border": {
+      "dark": "#37474f",
+      "light": "#e0e0e0"
+    },
+    "borderActive": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "borderSubtle": {
+      "dark": "#1e272c",
+      "light": "#eeeeee"
+    },
+    "diffAdded": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "diffRemoved": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "diffContext": {
+      "dark": "darkFgMuted",
+      "light": "lightFgMuted"
+    },
+    "diffHunkHeader": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "diffHighlightAdded": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "diffHighlightRemoved": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "diffAddedBg": {
+      "dark": "#2e3c2b",
+      "light": "#e8f5e9"
+    },
+    "diffRemovedBg": {
+      "dark": "#3c2b2b",
+      "light": "#ffebee"
+    },
+    "diffContextBg": {
+      "dark": "darkBgAlt",
+      "light": "lightBgAlt"
+    },
+    "diffLineNumber": {
+      "dark": "#37474f",
+      "light": "#cfd8dc"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#2e3c2b",
+      "light": "#e8f5e9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#3c2b2b",
+      "light": "#ffebee"
+    },
+    "markdownText": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "markdownHeading": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "markdownLink": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownLinkText": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "markdownCode": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "darkFgMuted",
+      "light": "lightFgMuted"
+    },
+    "markdownEmph": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownStrong": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "markdownHorizontalRule": {
+      "dark": "#37474f",
+      "light": "#e0e0e0"
+    },
+    "markdownListItem": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownImage": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownImageText": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "syntaxComment": {
+      "dark": "darkFgMuted",
+      "light": "lightFgMuted"
+    },
+    "syntaxKeyword": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "syntaxFunction": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "syntaxVariable": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    },
+    "syntaxString": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "syntaxNumber": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "syntaxType": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "syntaxOperator": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkFg",
+      "light": "lightFg"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/matrix--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/matrix--transparent.json
new file mode 100644
index 00000000000..5a034736c3e
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/matrix--transparent.json
@@ -0,0 +1,78 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "matrixInk0": "#0a0e0a",
+    "matrixInk1": "#0e130d",
+    "matrixInk2": "#141c12",
+    "matrixInk3": "#1e2a1b",
+    "rainGreen": "#24cc54",
+    "rainGreenDim": "#1cc24b",
+    "rainGreenHi": "#62ff94",
+    "rainCyan": "#00efff",
+    "rainTeal": "#24f6d9",
+    "rainPurple": "#c770ff",
+    "rainOrange": "#ffa83d",
+    "alertRed": "#ff4b4b",
+    "alertYellow": "#e6ff57",
+    "alertBlue": "#30b3ff",
+    "rainGray": "#708274",
+    "lightBg": "#eef3ea",
+    "lightPaper": "#e4ebe1",
+    "lightInk1": "#dae1d7",
+    "lightText": "#203022",
+    "lightGray": "#748476"
+  },
+  "theme": {
+    "primary": { "dark": "#a70", "light": "rainGreenDim" },
+    "secondary": { "dark": "rainCyan", "light": "rainTeal" },
+    "accent": { "dark": "rainPurple", "light": "rainPurple" },
+    "error": { "dark": "alertRed", "light": "alertRed" },
+    "warning": { "dark": "alertYellow", "light": "alertYellow" },
+    "success": { "dark": "rainGreenHi", "light": "rainGreenDim" },
+    "info": { "dark": "alertBlue", "light": "alertBlue" },
+    "text": { "dark": "#da0", "light": "lightText" },
+    "textMuted": { "dark": "rainGray", "light": "lightGray" },
+    "background": { "dark": "none", "light": "none" },
+    "backgroundPanel": { "dark": "matrixInk1", "light": "lightPaper" },
+    "backgroundElement": { "dark": "matrixInk2", "light": "lightInk1" },
+    "border": { "dark": "matrixInk3", "light": "lightGray" },
+    "borderActive": { "dark": "rainGreen", "light": "rainGreenDim" },
+    "borderSubtle": { "dark": "matrixInk2", "light": "lightInk1" },
+    "diffAdded": { "dark": "rainGreenDim", "light": "rainGreenDim" },
+    "diffRemoved": { "dark": "alertRed", "light": "alertRed" },
+    "diffContext": { "dark": "rainGray", "light": "lightGray" },
+    "diffHunkHeader": { "dark": "alertBlue", "light": "alertBlue" },
+    "diffHighlightAdded": { "dark": "#77ffaf", "light": "#5dac7e" },
+    "diffHighlightRemoved": { "dark": "#ff7171", "light": "#d53a3a" },
+    "diffAddedBg": { "dark": "#132616", "light": "#e0efde" },
+    "diffRemovedBg": { "dark": "#261212", "light": "#f9e5e5" },
+    "diffContextBg": { "dark": "matrixInk1", "light": "lightPaper" },
+    "diffLineNumber": { "dark": "matrixInk3", "light": "lightGray" },
+    "diffAddedLineNumberBg": { "dark": "#0f1b11", "light": "#d6e7d2" },
+    "diffRemovedLineNumberBg": { "dark": "#1b1414", "light": "#f2d2d2" },
+    "markdownText": { "dark": "rainGreenHi", "light": "lightText" },
+    "markdownHeading": { "dark": "rainCyan", "light": "rainTeal" },
+    "markdownLink": { "dark": "alertBlue", "light": "alertBlue" },
+    "markdownLinkText": { "dark": "rainTeal", "light": "rainTeal" },
+    "markdownCode": { "dark": "rainGreenDim", "light": "rainGreenDim" },
+    "markdownBlockQuote": { "dark": "rainGray", "light": "lightGray" },
+    "markdownEmph": { "dark": "rainOrange", "light": "rainOrange" },
+    "markdownStrong": { "dark": "alertYellow", "light": "alertYellow" },
+    "markdownHorizontalRule": { "dark": "rainGray", "light": "lightGray" },
+    "markdownListItem": { "dark": "alertBlue", "light": "alertBlue" },
+    "markdownListEnumeration": { "dark": "rainTeal", "light": "rainTeal" },
+    "markdownImage": { "dark": "alertBlue", "light": "alertBlue" },
+    "markdownImageText": { "dark": "rainTeal", "light": "rainTeal" },
+    "markdownCodeBlock": { "dark": "rainGreenHi", "light": "lightText" },
+    "syntaxComment": { "dark": "rainGray", "light": "lightGray" },
+    "syntaxKeyword": { "dark": "rainPurple", "light": "rainPurple" },
+    "syntaxFunction": { "dark": "alertBlue", "light": "alertBlue" },
+    "syntaxVariable": { "dark": "rainGreenHi", "light": "lightText" },
+    "syntaxString": { "dark": "rainGreenDim", "light": "rainGreenDim" },
+    "syntaxNumber": { "dark": "rainOrange", "light": "rainOrange" },
+    "syntaxType": { "dark": "alertYellow", "light": "alertYellow" },
+    "syntaxOperator": { "dark": "rainTeal", "light": "rainTeal" },
+    "syntaxPunctuation": { "dark": "rainGreenHi", "light": "lightText" },
+    "thinkingOpacity": 0.5
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/mellow--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/mellow--transparent.json
new file mode 100644
index 00000000000..6e9962c10ae
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/mellow--transparent.json
@@ -0,0 +1,78 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "dark_grey": "#27272a",
+    "dark_fg": "#c9c7cd",
+    "dark_gray00": "#18181a",
+    "dark_gray01": "#1b1b1d",
+    "dark_gray02": "#2a2a2d",
+    "dark_gray05": "#757581",
+    "dark_gray06": "#9998a8",
+    "dark_gray07": "#c1c0d4",
+    "dark_green": "#90b99f",
+    "dark_purple": "#080010",
+    "lavender": "#b9aeda",
+    "lavenderish_pink": "#aca1cf",
+    "medium_pink": "#ea83a5",
+    "pale_green": "#9dc6ac",
+    "pale_grey": "#c1c0d4",
+    "light_orange": "#ffae9f",
+    "pale_orange": "#f5a191",
+    "pale_pink": "#e29eca",
+    "pale_yellow": "#f0c5a9",
+    "bright_yellow": "#dd0"
+  },
+  "theme": {
+    "primary": "medium_pink",
+    "secondary": "medium_pink",
+    "accent": "lavenderish_pink",
+    "error": "medium_pink",
+    "warning": "pale_yellow",
+    "success": "dark_green",
+    "info": "lavenderish_pink",
+    "text": "dark_fg",
+    "textMuted": "pale_grey",
+    "background": "none",
+    "backgroundPanel": "dark_gray01",
+    "backgroundElement": "dark_gray02",
+    "border": "dark_gray02",
+    "borderActive": "dark_gray01",
+    "borderSubtle": "dark_gray00",
+    "diffAdded": "dark_grey",
+    "diffRemoved": "dark_grey",
+    "diffContext": "dark_fg",
+    "diffHunkHeader": "pale_pink",
+    "diffHighlightAdded": "#080",
+    "diffHighlightRemoved": "#c00",
+    "diffAddedBg": "#070",
+    "diffRemovedBg": "#b00", 
+    "diffContextBg": "dark_gray00",
+    "diffLineNumber": "diffContextBg",
+    "diffAddedLineNumberBg": "#474",
+    "diffRemovedLineNumberBg": "#b44", 
+    "markdownText": "dark_fg",
+    "markdownHeading": "dark_gray06",
+    "markdownLink": "lavenderish_pink",
+    "markdownLinkText": "medium_pink",
+    "markdownCode": "pale_green",
+    "markdownBlockQuote": "dark_gray00",
+    "markdownEmph": "pale_yellow",
+    "markdownStrong": "light_orange",
+    "markdownHorizontalRule": "markdownText",
+    "markdownListItem": "lavenderish_pink",
+    "markdownListEnumeration": "lavender",
+    "markdownImage": "markdownLink",
+    "markdownImageText": "markdownLinkText",
+    "markdownCodeBlock": "dark_fg",
+    "selectedListItemText": "dark_purple",
+    "syntaxComment": "dark_gray05",
+    "syntaxKeyword": "lavenderish_pink",
+    "syntaxFunction": "dark_gray07",
+    "syntaxVariable": "dark_fg",
+    "syntaxString": "dark_green",
+    "syntaxNumber": "pale_pink",
+    "syntaxType": "pale_pink",
+    "syntaxOperator": "pale_yellow",
+    "syntaxPunctuation": "dark_gray06"
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/mellow.json b/packages/opencode/src/cli/cmd/tui/context/theme/mellow.json
new file mode 100644
index 00000000000..c782dd048dd
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/mellow.json
@@ -0,0 +1,79 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "dark_grey": "#27272a",
+    "dark_fg": "#c9c7cd",
+    "dark_gray00": "#18181a",
+    "dark_gray01": "#1b1b1d",
+    "dark_gray02": "#2a2a2d",
+    "dark_gray05": "#757581",
+    "dark_gray06": "#9998a8",
+    "dark_gray07": "#c1c0d4",
+    "dark_green": "#90b99f",
+    "dark_purple": "#080010",
+    "pure_black": "#000000",
+    "lavender": "#b9aeda",
+    "lavenderish_pink": "#aca1cf",
+    "medium_pink": "#ea83a5",
+    "pale_green": "#9dc6ac",
+    "pale_grey": "#c1c0d4",
+    "light_orange": "#ffae9f",
+    "pale_orange": "#f5a191",
+    "pale_pink": "#e29eca",
+    "pale_yellow": "#f0c5a9",
+    "bright_yellow": "#dd0"
+  },
+  "theme": {
+    "primary": "medium_pink",
+    "secondary": "medium_pink",
+    "accent": "lavenderish_pink",
+    "error": "medium_pink",
+    "warning": "pale_yellow",
+    "success": "dark_green",
+    "info": "lavenderish_pink",
+    "text": "dark_fg",
+    "textMuted": "pale_grey",
+    "background": "pure_black",
+    "backgroundPanel": "dark_gray01",
+    "backgroundElement": "dark_gray02",
+    "border": "dark_gray02",
+    "borderActive": "dark_gray01",
+    "borderSubtle": "dark_gray00",
+    "diffAdded": "dark_grey",
+    "diffRemoved": "dark_grey",
+    "diffContext": "dark_fg",
+    "diffHunkHeader": "pale_pink",
+    "diffHighlightAdded": "#080",
+    "diffHighlightRemoved": "#c00",
+    "diffAddedBg": "#070",
+    "diffRemovedBg": "#b00", 
+    "diffContextBg": "dark_gray00",
+    "diffLineNumber": "diffContextBg",
+    "diffAddedLineNumberBg": "#474",
+    "diffRemovedLineNumberBg": "#b44", 
+    "markdownText": "dark_fg",
+    "markdownHeading": "dark_gray06",
+    "markdownLink": "lavenderish_pink",
+    "markdownLinkText": "medium_pink",
+    "markdownCode": "pale_green",
+    "markdownBlockQuote": "dark_gray00",
+    "markdownEmph": "pale_yellow",
+    "markdownStrong": "light_orange",
+    "markdownHorizontalRule": "markdownText",
+    "markdownListItem": "lavenderish_pink",
+    "markdownListEnumeration": "lavender",
+    "markdownImage": "markdownLink",
+    "markdownImageText": "markdownLinkText",
+    "markdownCodeBlock": "dark_fg",
+    "selectedListItemText": "dark_purple",
+    "syntaxComment": "dark_gray05",
+    "syntaxKeyword": "lavenderish_pink",
+    "syntaxFunction": "dark_gray07",
+    "syntaxVariable": "dark_fg",
+    "syntaxString": "dark_green",
+    "syntaxNumber": "pale_pink",
+    "syntaxType": "pale_pink",
+    "syntaxOperator": "pale_yellow",
+    "syntaxPunctuation": "dark_gray06"
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/mercury--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/mercury--transparent.json
new file mode 100644
index 00000000000..1f34ae4957f
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/mercury--transparent.json
@@ -0,0 +1,245 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "purple-800": "#3442a6",
+    "purple-700": "#465bd1",
+    "purple-600": "#5266eb",
+    "purple-400": "#8da4f5",
+    "purple-300": "#a7b6f8",
+    "red-700": "#b0175f",
+    "red-600": "#d03275",
+    "red-400": "#fc92b4",
+    "green-700": "#036e43",
+    "green-600": "#188554",
+    "green-400": "#77c599",
+    "orange-700": "#a44200",
+    "orange-600": "#c45000",
+    "orange-400": "#fc9b6f",
+    "blue-600": "#007f95",
+    "blue-400": "#77becf",
+    "neutral-1000": "#10101a",
+    "neutral-950": "#171721",
+    "neutral-900": "#1e1e2a",
+    "neutral-800": "#272735",
+    "neutral-700": "#363644",
+    "neutral-600": "#535461",
+    "neutral-500": "#70707d",
+    "neutral-400": "#9d9da8",
+    "neutral-300": "#c3c3cc",
+    "neutral-200": "#dddde5",
+    "neutral-100": "#f4f5f9",
+    "neutral-050": "#fbfcfd",
+    "neutral-000": "#ffffff",
+    "neutral-150": "#ededf3",
+    "border-light": "#7073931a",
+    "border-light-subtle": "#7073930f",
+    "border-dark": "#b4b7c81f",
+    "border-dark-subtle": "#b4b7c814",
+    "diff-added-light": "#1885541a",
+    "diff-removed-light": "#d032751a",
+    "diff-added-dark": "#77c59933",
+    "diff-removed-dark": "#fc92b433"
+  },
+  "theme": {
+    "primary": {
+      "light": "purple-600",
+      "dark": "purple-400"
+    },
+    "secondary": {
+      "light": "purple-700",
+      "dark": "purple-300"
+    },
+    "accent": {
+      "light": "purple-400",
+      "dark": "purple-400"
+    },
+    "error": {
+      "light": "red-700",
+      "dark": "red-400"
+    },
+    "warning": {
+      "light": "orange-700",
+      "dark": "orange-400"
+    },
+    "success": {
+      "light": "green-700",
+      "dark": "green-400"
+    },
+    "info": {
+      "light": "blue-600",
+      "dark": "blue-400"
+    },
+    "text": {
+      "light": "neutral-700",
+      "dark": "neutral-200"
+    },
+    "textMuted": {
+      "light": "neutral-500",
+      "dark": "neutral-400"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "light": "neutral-050",
+      "dark": "neutral-1000"
+    },
+    "backgroundElement": {
+      "light": "neutral-100",
+      "dark": "neutral-800"
+    },
+    "border": {
+      "light": "border-light",
+      "dark": "border-dark"
+    },
+    "borderActive": {
+      "light": "purple-600",
+      "dark": "purple-400"
+    },
+    "borderSubtle": {
+      "light": "border-light-subtle",
+      "dark": "border-dark-subtle"
+    },
+    "diffAdded": {
+      "light": "green-700",
+      "dark": "green-400"
+    },
+    "diffRemoved": {
+      "light": "red-700",
+      "dark": "red-400"
+    },
+    "diffContext": {
+      "light": "neutral-500",
+      "dark": "neutral-400"
+    },
+    "diffHunkHeader": {
+      "light": "neutral-500",
+      "dark": "neutral-400"
+    },
+    "diffHighlightAdded": {
+      "light": "green-700",
+      "dark": "green-400"
+    },
+    "diffHighlightRemoved": {
+      "light": "red-700",
+      "dark": "red-400"
+    },
+    "diffAddedBg": {
+      "light": "diff-added-light",
+      "dark": "diff-added-dark"
+    },
+    "diffRemovedBg": {
+      "light": "diff-removed-light",
+      "dark": "diff-removed-dark"
+    },
+    "diffContextBg": {
+      "light": "neutral-050",
+      "dark": "neutral-900"
+    },
+    "diffLineNumber": {
+      "light": "neutral-600",
+      "dark": "neutral-300"
+    },
+    "diffAddedLineNumberBg": {
+      "light": "diff-added-light",
+      "dark": "diff-added-dark"
+    },
+    "diffRemovedLineNumberBg": {
+      "light": "diff-removed-light",
+      "dark": "diff-removed-dark"
+    },
+    "markdownText": {
+      "light": "neutral-700",
+      "dark": "neutral-200"
+    },
+    "markdownHeading": {
+      "light": "neutral-900",
+      "dark": "neutral-000"
+    },
+    "markdownLink": {
+      "light": "purple-700",
+      "dark": "purple-400"
+    },
+    "markdownLinkText": {
+      "light": "purple-600",
+      "dark": "purple-300"
+    },
+    "markdownCode": {
+      "light": "green-700",
+      "dark": "green-400"
+    },
+    "markdownBlockQuote": {
+      "light": "neutral-500",
+      "dark": "neutral-400"
+    },
+    "markdownEmph": {
+      "light": "orange-700",
+      "dark": "orange-400"
+    },
+    "markdownStrong": {
+      "light": "neutral-900",
+      "dark": "neutral-100"
+    },
+    "markdownHorizontalRule": {
+      "light": "border-light",
+      "dark": "border-dark"
+    },
+    "markdownListItem": {
+      "light": "neutral-900",
+      "dark": "neutral-000"
+    },
+    "markdownListEnumeration": {
+      "light": "purple-600",
+      "dark": "purple-400"
+    },
+    "markdownImage": {
+      "light": "purple-700",
+      "dark": "purple-400"
+    },
+    "markdownImageText": {
+      "light": "purple-600",
+      "dark": "purple-300"
+    },
+    "markdownCodeBlock": {
+      "light": "neutral-700",
+      "dark": "neutral-200"
+    },
+    "syntaxComment": {
+      "light": "neutral-500",
+      "dark": "neutral-400"
+    },
+    "syntaxKeyword": {
+      "light": "purple-700",
+      "dark": "purple-400"
+    },
+    "syntaxFunction": {
+      "light": "purple-600",
+      "dark": "purple-400"
+    },
+    "syntaxVariable": {
+      "light": "blue-600",
+      "dark": "blue-400"
+    },
+    "syntaxString": {
+      "light": "green-700",
+      "dark": "green-400"
+    },
+    "syntaxNumber": {
+      "light": "orange-700",
+      "dark": "orange-400"
+    },
+    "syntaxType": {
+      "light": "blue-600",
+      "dark": "blue-400"
+    },
+    "syntaxOperator": {
+      "light": "purple-700",
+      "dark": "purple-400"
+    },
+    "syntaxPunctuation": {
+      "light": "neutral-700",
+      "dark": "neutral-200"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/midnight--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/midnight--transparent.json
new file mode 100644
index 00000000000..5a75cf3cd11
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/midnight--transparent.json
@@ -0,0 +1,233 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "gray1": "#131421",
+    "gray2": "#191a2a",
+    "gray3": "#1e2030",
+    "gray4": "#222436",
+    "gray5": "#2f334d",
+    "gray6": "#444a73",
+    "gray7": "#828bb8",
+    "gray8": "#a9b8e8",
+    "gray9": "#b4c2f0",
+    "gray10": "#c8d3f5",
+    "gray11": "#d5def8",
+    "saturatedGray": "#7a88cf",
+    "desaturatedGray": "#979bb6",
+    "blue": "#82aaff",
+    "darkBlue": "#3d59a1",
+    "sky": "#65bcff",
+    "cyan": "#86e1fc",
+    "lightTeal": "#7af8ca",
+    "teal": "#4fd6be",
+    "green": "#c3e88d",
+    "yellow": "#ffc777",
+    "orange": "#ff966c",
+    "red": "#ff757f",
+    "lightRed": "#ff98a4",
+    "darkRed": "#ff5370",
+    "pink": "#fca7ea",
+    "darkPink": "#ff69b4",
+    "purple": "#c099ff",
+    "indigo": "#7a75ff"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "secondary": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "accent": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "error": {
+      "dark": "red",
+      "light": "red"
+    },
+    "warning": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "success": {
+      "dark": "green",
+      "light": "green"
+    },
+    "info": {
+      "dark": "sky",
+      "light": "sky"
+    },
+    "text": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "textMuted": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "gray3",
+      "light": "gray10"
+    },
+    "backgroundElement": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "border": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "borderActive": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "borderSubtle": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffContext": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "diffHunkHeader": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffHighlightAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffAddedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffContextBg": {
+      "dark": "gray4",
+      "light": "gray11"
+    },
+    "diffLineNumber": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "markdownText": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "markdownHeading": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownLink": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownLinkText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCode": {
+      "dark": "lightTeal",
+      "light": "teal"
+    },
+    "markdownBlockQuote": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "markdownEmph": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "markdownStrong": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "markdownHorizontalRule": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "markdownListItem": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownListEnumeration": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "markdownImage": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownImageText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCodeBlock": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxComment": {
+      "dark": "saturatedGray",
+      "light": "saturatedGray"
+    },
+    "syntaxKeyword": {
+      "dark": "indigo",
+      "light": "indigo"
+    },
+    "syntaxFunction": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "syntaxVariable": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxString": {
+      "dark": "lightTeal",
+      "light": "teal"
+    },
+    "syntaxNumber": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "syntaxType": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "syntaxOperator": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "cyan",
+      "light": "cyan"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/midnight.json b/packages/opencode/src/cli/cmd/tui/context/theme/midnight.json
new file mode 100644
index 00000000000..cd41de52544
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/midnight.json
@@ -0,0 +1,236 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "gray1": "#131421",
+    "gray2": "#191a2a",
+    "gray3": "#1e2030",
+    "gray4": "#222436",
+    "gray5": "#2f334d",
+    "gray6": "#444a73",
+    "gray7": "#828bb8",
+    "gray8": "#a9b8e8",
+    "gray9": "#b4c2f0",
+    "gray10": "#c8d3f5",
+    "gray11": "#d5def8",
+    "saturatedGray": "#7a88cf",
+    "desaturatedGray": "#979bb6",
+    "blue": "#82aaff",
+    "darkBlue": "#3d59a1",
+    "sky": "#65bcff",
+    "cyan": "#86e1fc",
+    "lightTeal": "#7af8ca",
+    "teal": "#4fd6be",
+    "green": "#c3e88d",
+    "yellow": "#ffc777",
+    "orange": "#ff966c",
+    "red": "#ff757f",
+    "lightRed": "#ff98a4",
+    "darkRed": "#ff5370",
+    "pink": "#fca7ea",
+    "darkPink": "#ff69b4",
+    "purple": "#c099ff",
+    "indigo": "#7a75ff"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "secondary": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "accent": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "error": {
+      "dark": "red",
+      "light": "red"
+    },
+    "warning": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "success": {
+      "dark": "green",
+      "light": "green"
+    },
+    "info": {
+      "dark": "sky",
+      "light": "sky"
+    },
+    "text": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "textMuted": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "background": {
+      "dark": "gray2",
+      "light": "gray11"
+    },
+    "backgroundPanel": {
+      "dark": "gray3",
+      "light": "gray10"
+    },
+    "backgroundElement": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "border": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "borderActive": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "borderSubtle": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffContext": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "diffHunkHeader": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffHighlightAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffAddedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffContextBg": {
+      "dark": "gray4",
+      "light": "gray11"
+    },
+    "diffLineNumber": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "markdownText": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "markdownHeading": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownLink": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownLinkText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCode": {
+      "dark": "lightTeal",
+      "light": "teal"
+    },
+    "markdownBlockQuote": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "markdownEmph": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "markdownStrong": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "markdownHorizontalRule": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "markdownListItem": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownListEnumeration": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "markdownImage": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownImageText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCodeBlock": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxComment": {
+      "dark": "saturatedGray",
+      "light": "saturatedGray"
+    },
+    "syntaxKeyword": {
+      "dark": "indigo",
+      "light": "indigo"
+    },
+    "syntaxFunction": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "syntaxVariable": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxString": {
+      "dark": "lightTeal",
+      "light": "teal"
+    },
+    "syntaxNumber": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "syntaxType": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "syntaxOperator": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "cyan",
+      "light": "cyan"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/monokai--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/monokai--transparent.json
new file mode 100644
index 00000000000..f40185d0365
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/monokai--transparent.json
@@ -0,0 +1,218 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "background": "#272822",
+    "backgroundAlt": "#1e1f1c",
+    "backgroundPanel": "#3e3d32",
+    "foreground": "#f8f8f2",
+    "comment": "#75715e",
+    "red": "#f92672",
+    "orange": "#fd971f",
+    "lightOrange": "#e69f66",
+    "yellow": "#e6db74",
+    "green": "#a6e22e",
+    "cyan": "#66d9ef",
+    "blue": "#66d9ef",
+    "purple": "#ae81ff",
+    "pink": "#f92672"
+  },
+  "theme": {
+    "primary": {
+      "dark": "cyan",
+      "light": "blue"
+    },
+    "secondary": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "accent": {
+      "dark": "green",
+      "light": "green"
+    },
+    "error": {
+      "dark": "red",
+      "light": "red"
+    },
+    "warning": {
+      "dark": "yellow",
+      "light": "orange"
+    },
+    "success": {
+      "dark": "green",
+      "light": "green"
+    },
+    "info": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "text": {
+      "dark": "foreground",
+      "light": "#272822"
+    },
+    "textMuted": {
+      "dark": "comment",
+      "light": "#75715e"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "#1e1f1c",
+      "light": "#f0f0f0"
+    },
+    "backgroundElement": {
+      "dark": "#3e3d32",
+      "light": "#e0e0e0"
+    },
+    "border": {
+      "dark": "#3e3d32",
+      "light": "#d0d0d0"
+    },
+    "borderActive": {
+      "dark": "cyan",
+      "light": "blue"
+    },
+    "borderSubtle": {
+      "dark": "#1e1f1c",
+      "light": "#e8e8e8"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffContext": {
+      "dark": "comment",
+      "light": "#75715e"
+    },
+    "diffHunkHeader": {
+      "dark": "comment",
+      "light": "#75715e"
+    },
+    "diffHighlightAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffAddedBg": {
+      "dark": "#1a3a1a",
+      "light": "#e0ffe0"
+    },
+    "diffRemovedBg": {
+      "dark": "#3a1a1a",
+      "light": "#ffe0e0"
+    },
+    "diffContextBg": {
+      "dark": "#1e1f1c",
+      "light": "#f0f0f0"
+    },
+    "diffLineNumber": {
+      "dark": "#3e3d32",
+      "light": "#d0d0d0"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#1a3a1a",
+      "light": "#e0ffe0"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#3a1a1a",
+      "light": "#ffe0e0"
+    },
+    "markdownText": {
+      "dark": "foreground",
+      "light": "#272822"
+    },
+    "markdownHeading": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "markdownLink": {
+      "dark": "cyan",
+      "light": "blue"
+    },
+    "markdownLinkText": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownCode": {
+      "dark": "green",
+      "light": "green"
+    },
+    "markdownBlockQuote": {
+      "dark": "comment",
+      "light": "#75715e"
+    },
+    "markdownEmph": {
+      "dark": "yellow",
+      "light": "orange"
+    },
+    "markdownStrong": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "markdownHorizontalRule": {
+      "dark": "comment",
+      "light": "#75715e"
+    },
+    "markdownListItem": {
+      "dark": "cyan",
+      "light": "blue"
+    },
+    "markdownListEnumeration": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownImage": {
+      "dark": "cyan",
+      "light": "blue"
+    },
+    "markdownImageText": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownCodeBlock": {
+      "dark": "foreground",
+      "light": "#272822"
+    },
+    "syntaxComment": {
+      "dark": "comment",
+      "light": "#75715e"
+    },
+    "syntaxKeyword": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "syntaxFunction": {
+      "dark": "green",
+      "light": "green"
+    },
+    "syntaxVariable": {
+      "dark": "foreground",
+      "light": "#272822"
+    },
+    "syntaxString": {
+      "dark": "yellow",
+      "light": "orange"
+    },
+    "syntaxNumber": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "syntaxType": {
+      "dark": "cyan",
+      "light": "blue"
+    },
+    "syntaxOperator": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "syntaxPunctuation": {
+      "dark": "foreground",
+      "light": "#272822"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/moonlight--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight--transparent.json
new file mode 100644
index 00000000000..5a75cf3cd11
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight--transparent.json
@@ -0,0 +1,233 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "gray1": "#131421",
+    "gray2": "#191a2a",
+    "gray3": "#1e2030",
+    "gray4": "#222436",
+    "gray5": "#2f334d",
+    "gray6": "#444a73",
+    "gray7": "#828bb8",
+    "gray8": "#a9b8e8",
+    "gray9": "#b4c2f0",
+    "gray10": "#c8d3f5",
+    "gray11": "#d5def8",
+    "saturatedGray": "#7a88cf",
+    "desaturatedGray": "#979bb6",
+    "blue": "#82aaff",
+    "darkBlue": "#3d59a1",
+    "sky": "#65bcff",
+    "cyan": "#86e1fc",
+    "lightTeal": "#7af8ca",
+    "teal": "#4fd6be",
+    "green": "#c3e88d",
+    "yellow": "#ffc777",
+    "orange": "#ff966c",
+    "red": "#ff757f",
+    "lightRed": "#ff98a4",
+    "darkRed": "#ff5370",
+    "pink": "#fca7ea",
+    "darkPink": "#ff69b4",
+    "purple": "#c099ff",
+    "indigo": "#7a75ff"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "secondary": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "accent": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "error": {
+      "dark": "red",
+      "light": "red"
+    },
+    "warning": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "success": {
+      "dark": "green",
+      "light": "green"
+    },
+    "info": {
+      "dark": "sky",
+      "light": "sky"
+    },
+    "text": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "textMuted": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "gray3",
+      "light": "gray10"
+    },
+    "backgroundElement": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "border": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "borderActive": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "borderSubtle": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffContext": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "diffHunkHeader": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffHighlightAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffAddedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffContextBg": {
+      "dark": "gray4",
+      "light": "gray11"
+    },
+    "diffLineNumber": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "markdownText": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "markdownHeading": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownLink": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownLinkText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCode": {
+      "dark": "lightTeal",
+      "light": "teal"
+    },
+    "markdownBlockQuote": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "markdownEmph": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "markdownStrong": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "markdownHorizontalRule": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "markdownListItem": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownListEnumeration": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "markdownImage": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownImageText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCodeBlock": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxComment": {
+      "dark": "saturatedGray",
+      "light": "saturatedGray"
+    },
+    "syntaxKeyword": {
+      "dark": "indigo",
+      "light": "indigo"
+    },
+    "syntaxFunction": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "syntaxVariable": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxString": {
+      "dark": "lightTeal",
+      "light": "teal"
+    },
+    "syntaxNumber": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "syntaxType": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "syntaxOperator": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "cyan",
+      "light": "cyan"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-eclipse--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-eclipse--transparent.json
new file mode 100644
index 00000000000..9ca2c8816bb
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-eclipse--transparent.json
@@ -0,0 +1,214 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "gray1": "#0d0808",
+    "gray2": "#1a1212",
+    "gray3": "#271c1c",
+    "gray4": "#342626",
+    "gray5": "#413030",
+    "gray6": "#4e3a3a",
+    "gray7": "#5b4444",
+    "gray8": "#684e4e",
+    "gray9": "#755858",
+    "gray10": "#826262",
+    "gray11": "#9a7676",
+    "gray12": "#b28a8a",
+    "gray13": "#ca9e9e",
+    "gray14": "#e2b2b2",
+    "gray15": "#f5e6e6",
+    "bloodRed": "#cc0000",
+    "crimson": "#dc143c",
+    "darkCrimson": "#8b0000",
+    "firebrick": "#b22222",
+    "eclipseRust": "#8b4513",
+    "eclipseCopper": "#b87333",
+    "eclipseMahogany": "#c04000",
+    "eclipseAmber": "#d4691a",
+    "blue": "#5f8dd3",
+    "blueDark": "#4169e1",
+    "green": "#6b8e23",
+    "yellow": "#daa520",
+    "orange": "#ff8c00"
+  },
+  "theme": {
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "gray2",
+      "light": "gray14"
+    },
+    "backgroundElement": {
+      "dark": "gray3",
+      "light": "gray13"
+    },
+    "text": {
+      "dark": "gray15",
+      "light": "gray1"
+    },
+    "textMuted": {
+      "dark": "gray12",
+      "light": "gray4"
+    },
+    "accent": {
+      "dark": "crimson",
+      "light": "darkCrimson"
+    },
+    "primary": {
+      "dark": "bloodRed",
+      "light": "firebrick"
+    },
+    "secondary": {
+      "dark": "eclipseCopper",
+      "light": "eclipseMahogany"
+    },
+    "error": "bloodRed",
+    "warning": "eclipseAmber",
+    "success": "green",
+    "info": {
+      "dark": "blue",
+      "light": "blueDark"
+    },
+    "border": {
+      "dark": "gray4",
+      "light": "gray12"
+    },
+    "borderActive": {
+      "dark": "crimson",
+      "light": "firebrick"
+    },
+    "borderSubtle": {
+      "dark": "gray3",
+      "light": "gray13"
+    },
+    "syntaxKeyword": {
+      "dark": "crimson",
+      "light": "darkCrimson"
+    },
+    "syntaxString": {
+      "dark": "eclipseAmber",
+      "light": "orange"
+    },
+    "syntaxComment": {
+      "dark": "gray8",
+      "light": "gray8"
+    },
+    "syntaxFunction": {
+      "dark": "eclipseCopper",
+      "light": "eclipseMahogany"
+    },
+    "syntaxVariable": {
+      "dark": "gray12",
+      "light": "gray5"
+    },
+    "syntaxNumber": {
+      "dark": "eclipseAmber",
+      "light": "orange"
+    },
+    "syntaxOperator": {
+      "dark": "firebrick",
+      "light": "darkCrimson"
+    },
+    "syntaxType": {
+      "dark": "eclipseRust",
+      "light": "eclipseMahogany"
+    },
+    "syntaxPunctuation": {
+      "dark": "gray8",
+      "light": "gray8"
+    },
+    "diffAdded": "green",
+    "diffRemoved": "bloodRed",
+    "diffContext": {
+      "dark": "gray8",
+      "light": "gray8"
+    },
+    "diffHunkHeader": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffHighlightAdded": "green",
+    "diffHighlightRemoved": "crimson",
+    "diffAddedBg": {
+      "dark": "gray3",
+      "light": "gray13"
+    },
+    "diffRemovedBg": {
+      "dark": "gray3",
+      "light": "gray13"
+    },
+    "diffContextBg": {
+      "dark": "gray1",
+      "light": "gray15"
+    },
+    "diffLineNumber": {
+      "dark": "gray7",
+      "light": "gray7"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "gray3",
+      "light": "gray13"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "gray3",
+      "light": "gray13"
+    },
+    "markdownText": {
+      "dark": "gray15",
+      "light": "gray1"
+    },
+    "markdownHeading": {
+      "dark": "crimson",
+      "light": "darkCrimson"
+    },
+    "markdownLink": {
+      "dark": "eclipseCopper",
+      "light": "eclipseMahogany"
+    },
+    "markdownLinkText": {
+      "dark": "eclipseAmber",
+      "light": "orange"
+    },
+    "markdownCode": {
+      "dark": "eclipseAmber",
+      "light": "orange"
+    },
+    "markdownBlockQuote": {
+      "dark": "gray8",
+      "light": "gray8"
+    },
+    "markdownEmph": {
+      "dark": "crimson",
+      "light": "firebrick"
+    },
+    "markdownStrong": {
+      "dark": "bloodRed",
+      "light": "darkCrimson"
+    },
+    "markdownHorizontalRule": {
+      "dark": "eclipseRust",
+      "light": "eclipseMahogany"
+    },
+    "markdownListItem": {
+      "dark": "crimson",
+      "light": "firebrick"
+    },
+    "markdownListEnumeration": {
+      "dark": "eclipseCopper",
+      "light": "eclipseMahogany"
+    },
+    "markdownImage": {
+      "dark": "eclipseAmber",
+      "light": "orange"
+    },
+    "markdownImageText": {
+      "dark": "eclipseCopper",
+      "light": "eclipseMahogany"
+    },
+    "markdownCodeBlock": {
+      "dark": "gray14",
+      "light": "gray2"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-eclipse.json b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-eclipse.json
new file mode 100644
index 00000000000..1fdc3708b59
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-eclipse.json
@@ -0,0 +1,214 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "gray1": "#0d0808",
+    "gray2": "#1a1212",
+    "gray3": "#271c1c",
+    "gray4": "#342626",
+    "gray5": "#413030",
+    "gray6": "#4e3a3a",
+    "gray7": "#5b4444",
+    "gray8": "#684e4e",
+    "gray9": "#755858",
+    "gray10": "#826262",
+    "gray11": "#9a7676",
+    "gray12": "#b28a8a",
+    "gray13": "#ca9e9e",
+    "gray14": "#e2b2b2",
+    "gray15": "#f5e6e6",
+    "bloodRed": "#cc0000",
+    "crimson": "#dc143c",
+    "darkCrimson": "#8b0000",
+    "firebrick": "#b22222",
+    "eclipseRust": "#8b4513",
+    "eclipseCopper": "#b87333",
+    "eclipseMahogany": "#c04000",
+    "eclipseAmber": "#d4691a",
+    "blue": "#5f8dd3",
+    "blueDark": "#4169e1",
+    "green": "#6b8e23",
+    "yellow": "#daa520",
+    "orange": "#ff8c00"
+  },
+  "theme": {
+    "background": {
+      "dark": "gray1",
+      "light": "gray15"
+    },
+    "backgroundPanel": {
+      "dark": "gray2",
+      "light": "gray14"
+    },
+    "backgroundElement": {
+      "dark": "gray3",
+      "light": "gray13"
+    },
+    "text": {
+      "dark": "gray15",
+      "light": "gray1"
+    },
+    "textMuted": {
+      "dark": "gray12",
+      "light": "gray4"
+    },
+    "accent": {
+      "dark": "crimson",
+      "light": "darkCrimson"
+    },
+    "primary": {
+      "dark": "bloodRed",
+      "light": "firebrick"
+    },
+    "secondary": {
+      "dark": "eclipseCopper",
+      "light": "eclipseMahogany"
+    },
+    "error": "bloodRed",
+    "warning": "eclipseAmber",
+    "success": "green",
+    "info": {
+      "dark": "blue",
+      "light": "blueDark"
+    },
+    "border": {
+      "dark": "gray4",
+      "light": "gray12"
+    },
+    "borderActive": {
+      "dark": "crimson",
+      "light": "firebrick"
+    },
+    "borderSubtle": {
+      "dark": "gray3",
+      "light": "gray13"
+    },
+    "syntaxKeyword": {
+      "dark": "crimson",
+      "light": "darkCrimson"
+    },
+    "syntaxString": {
+      "dark": "eclipseAmber",
+      "light": "orange"
+    },
+    "syntaxComment": {
+      "dark": "gray8",
+      "light": "gray8"
+    },
+    "syntaxFunction": {
+      "dark": "eclipseCopper",
+      "light": "eclipseMahogany"
+    },
+    "syntaxVariable": {
+      "dark": "gray12",
+      "light": "gray5"
+    },
+    "syntaxNumber": {
+      "dark": "eclipseAmber",
+      "light": "orange"
+    },
+    "syntaxOperator": {
+      "dark": "firebrick",
+      "light": "darkCrimson"
+    },
+    "syntaxType": {
+      "dark": "eclipseRust",
+      "light": "eclipseMahogany"
+    },
+    "syntaxPunctuation": {
+      "dark": "gray8",
+      "light": "gray8"
+    },
+    "diffAdded": "green",
+    "diffRemoved": "bloodRed",
+    "diffContext": {
+      "dark": "gray8",
+      "light": "gray8"
+    },
+    "diffHunkHeader": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffHighlightAdded": "green",
+    "diffHighlightRemoved": "crimson",
+    "diffAddedBg": {
+      "dark": "gray3",
+      "light": "gray13"
+    },
+    "diffRemovedBg": {
+      "dark": "gray3",
+      "light": "gray13"
+    },
+    "diffContextBg": {
+      "dark": "gray1",
+      "light": "gray15"
+    },
+    "diffLineNumber": {
+      "dark": "gray7",
+      "light": "gray7"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "gray3",
+      "light": "gray13"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "gray3",
+      "light": "gray13"
+    },
+    "markdownText": {
+      "dark": "gray15",
+      "light": "gray1"
+    },
+    "markdownHeading": {
+      "dark": "crimson",
+      "light": "darkCrimson"
+    },
+    "markdownLink": {
+      "dark": "eclipseCopper",
+      "light": "eclipseMahogany"
+    },
+    "markdownLinkText": {
+      "dark": "eclipseAmber",
+      "light": "orange"
+    },
+    "markdownCode": {
+      "dark": "eclipseAmber",
+      "light": "orange"
+    },
+    "markdownBlockQuote": {
+      "dark": "gray8",
+      "light": "gray8"
+    },
+    "markdownEmph": {
+      "dark": "crimson",
+      "light": "firebrick"
+    },
+    "markdownStrong": {
+      "dark": "bloodRed",
+      "light": "darkCrimson"
+    },
+    "markdownHorizontalRule": {
+      "dark": "eclipseRust",
+      "light": "eclipseMahogany"
+    },
+    "markdownListItem": {
+      "dark": "crimson",
+      "light": "firebrick"
+    },
+    "markdownListEnumeration": {
+      "dark": "eclipseCopper",
+      "light": "eclipseMahogany"
+    },
+    "markdownImage": {
+      "dark": "eclipseAmber",
+      "light": "orange"
+    },
+    "markdownImageText": {
+      "dark": "eclipseCopper",
+      "light": "eclipseMahogany"
+    },
+    "markdownCodeBlock": {
+      "dark": "gray14",
+      "light": "gray2"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-ii--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-ii--transparent.json
new file mode 100644
index 00000000000..8bb58115d4a
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-ii--transparent.json
@@ -0,0 +1,233 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "gray1": "#131421",
+    "gray2": "#191a2a",
+    "gray3": "#1e2030",
+    "gray4": "#222436",
+    "gray5": "#2f334d",
+    "gray6": "#444a73",
+    "gray7": "#828bb8",
+    "gray8": "#a9b8e8",
+    "gray9": "#b4c2f0",
+    "gray10": "#c8d3f5",
+    "gray11": "#d5def8",
+    "saturatedGray": "#7a88cf",
+    "desaturatedGray": "#979bb6",
+    "blue": "#82aaff",
+    "darkBlue": "#3d59a1",
+    "sky": "#65bcff",
+    "cyan": "#86e1fc",
+    "lightTeal": "#7af8ca",
+    "teal": "#4fd6be",
+    "green": "#c3e88d",
+    "yellow": "#ffc777",
+    "orange": "#ff966c",
+    "red": "#ff757f",
+    "lightRed": "#ff98a4",
+    "darkRed": "#ff5370",
+    "pink": "#fca7ea",
+    "darkPink": "#ff69b4",
+    "purple": "#c099ff",
+    "indigo": "#7a75ff"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "secondary": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "accent": {
+      "dark": "teal",
+      "light": "teal"
+    },
+    "error": {
+      "dark": "red",
+      "light": "red"
+    },
+    "warning": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "success": {
+      "dark": "green",
+      "light": "green"
+    },
+    "info": {
+      "dark": "sky",
+      "light": "sky"
+    },
+    "text": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "textMuted": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "gray3",
+      "light": "gray10"
+    },
+    "backgroundElement": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "border": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "borderActive": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "borderSubtle": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffContext": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "diffHunkHeader": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffHighlightAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffAddedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffContextBg": {
+      "dark": "gray4",
+      "light": "gray11"
+    },
+    "diffLineNumber": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "markdownText": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "markdownHeading": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownLink": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownLinkText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCode": {
+      "dark": "green",
+      "light": "green"
+    },
+    "markdownBlockQuote": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "markdownEmph": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "markdownStrong": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "markdownHorizontalRule": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "markdownListItem": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownListEnumeration": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "markdownImage": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownImageText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCodeBlock": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxComment": {
+      "dark": "saturatedGray",
+      "light": "saturatedGray"
+    },
+    "syntaxKeyword": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "syntaxFunction": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "syntaxVariable": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxString": {
+      "dark": "green",
+      "light": "green"
+    },
+    "syntaxNumber": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "syntaxType": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "syntaxOperator": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "cyan",
+      "light": "cyan"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-ii.json b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-ii.json
new file mode 100644
index 00000000000..baf3e9cfb3d
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-ii.json
@@ -0,0 +1,236 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "gray1": "#131421",
+    "gray2": "#191a2a",
+    "gray3": "#1e2030",
+    "gray4": "#222436",
+    "gray5": "#2f334d",
+    "gray6": "#444a73",
+    "gray7": "#828bb8",
+    "gray8": "#a9b8e8",
+    "gray9": "#b4c2f0",
+    "gray10": "#c8d3f5",
+    "gray11": "#d5def8",
+    "saturatedGray": "#7a88cf",
+    "desaturatedGray": "#979bb6",
+    "blue": "#82aaff",
+    "darkBlue": "#3d59a1",
+    "sky": "#65bcff",
+    "cyan": "#86e1fc",
+    "lightTeal": "#7af8ca",
+    "teal": "#4fd6be",
+    "green": "#c3e88d",
+    "yellow": "#ffc777",
+    "orange": "#ff966c",
+    "red": "#ff757f",
+    "lightRed": "#ff98a4",
+    "darkRed": "#ff5370",
+    "pink": "#fca7ea",
+    "darkPink": "#ff69b4",
+    "purple": "#c099ff",
+    "indigo": "#7a75ff"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "secondary": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "accent": {
+      "dark": "teal",
+      "light": "teal"
+    },
+    "error": {
+      "dark": "red",
+      "light": "red"
+    },
+    "warning": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "success": {
+      "dark": "green",
+      "light": "green"
+    },
+    "info": {
+      "dark": "sky",
+      "light": "sky"
+    },
+    "text": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "textMuted": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "background": {
+      "dark": "gray4",
+      "light": "gray11"
+    },
+    "backgroundPanel": {
+      "dark": "gray3",
+      "light": "gray10"
+    },
+    "backgroundElement": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "border": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "borderActive": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "borderSubtle": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffContext": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "diffHunkHeader": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffHighlightAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffAddedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffContextBg": {
+      "dark": "gray4",
+      "light": "gray11"
+    },
+    "diffLineNumber": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "markdownText": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "markdownHeading": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownLink": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownLinkText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCode": {
+      "dark": "green",
+      "light": "green"
+    },
+    "markdownBlockQuote": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "markdownEmph": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "markdownStrong": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "markdownHorizontalRule": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "markdownListItem": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownListEnumeration": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "markdownImage": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownImageText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCodeBlock": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxComment": {
+      "dark": "saturatedGray",
+      "light": "saturatedGray"
+    },
+    "syntaxKeyword": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "syntaxFunction": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "syntaxVariable": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxString": {
+      "dark": "green",
+      "light": "green"
+    },
+    "syntaxNumber": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "syntaxType": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "syntaxOperator": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "cyan",
+      "light": "cyan"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-iii--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-iii--transparent.json
new file mode 100644
index 00000000000..81ff877dec3
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-iii--transparent.json
@@ -0,0 +1,233 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "gray1": "#101010",
+    "gray2": "#202020",
+    "gray3": "#303030",
+    "gray4": "#404040",
+    "gray5": "#606060",
+    "gray6": "#808080",
+    "gray7": "#a0a0a0",
+    "gray8": "#c0c0c0",
+    "gray9": "#d0d0d0",
+    "gray10": "#e0e0e0",
+    "gray11": "#f0f0f0",
+    "saturatedGray": "#7a88cf",
+    "desaturatedGray": "#979bb6",
+    "blue": "#6495ed",
+    "darkBlue": "#4169e1",
+    "sky": "#87ceeb",
+    "cyan": "#00ced1",
+    "lightTeal": "#48d1cc",
+    "teal": "#20b2aa",
+    "green": "#c3e88d",
+    "yellow": "#ffc777",
+    "orange": "#ff966c",
+    "red": "#ff757f",
+    "lightRed": "#ff98a4",
+    "darkRed": "#ff5370",
+    "pink": "#fca7ea",
+    "darkPink": "#ff69b4",
+    "purple": "#9370db",
+    "indigo": "#6a5acd"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "secondary": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "accent": {
+      "dark": "green",
+      "light": "green"
+    },
+    "error": {
+      "dark": "red",
+      "light": "red"
+    },
+    "warning": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "success": {
+      "dark": "green",
+      "light": "green"
+    },
+    "info": {
+      "dark": "sky",
+      "light": "sky"
+    },
+    "text": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "textMuted": {
+      "dark": "gray10",
+      "light": "gray6"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "gray3",
+      "light": "gray10"
+    },
+    "backgroundElement": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "border": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "borderActive": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "borderSubtle": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffContext": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "diffHunkHeader": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffHighlightAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffAddedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffContextBg": {
+      "dark": "gray4",
+      "light": "gray11"
+    },
+    "diffLineNumber": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "markdownText": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "markdownHeading": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownLink": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownLinkText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCode": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "markdownBlockQuote": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "markdownEmph": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "markdownStrong": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "markdownHorizontalRule": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "markdownListItem": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownListEnumeration": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "markdownImage": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownImageText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCodeBlock": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxComment": {
+      "dark": "saturatedGray",
+      "light": "saturatedGray"
+    },
+    "syntaxKeyword": {
+      "dark": "green",
+      "light": "green"
+    },
+    "syntaxFunction": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "syntaxVariable": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxString": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "syntaxNumber": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "syntaxType": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "syntaxOperator": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "cyan",
+      "light": "cyan"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-iii.json b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-iii.json
new file mode 100644
index 00000000000..32b419ced51
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight-iii.json
@@ -0,0 +1,236 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "gray1": "#101010",
+    "gray2": "#202020",
+    "gray3": "#303030",
+    "gray4": "#404040",
+    "gray5": "#606060",
+    "gray6": "#808080",
+    "gray7": "#a0a0a0",
+    "gray8": "#c0c0c0",
+    "gray9": "#d0d0d0",
+    "gray10": "#e0e0e0",
+    "gray11": "#f0f0f0",
+    "saturatedGray": "#7a88cf",
+    "desaturatedGray": "#979bb6",
+    "blue": "#6495ed",
+    "darkBlue": "#4169e1",
+    "sky": "#87ceeb",
+    "cyan": "#00ced1",
+    "lightTeal": "#48d1cc",
+    "teal": "#20b2aa",
+    "green": "#c3e88d",
+    "yellow": "#ffc777",
+    "orange": "#ff966c",
+    "red": "#ff757f",
+    "lightRed": "#ff98a4",
+    "darkRed": "#ff5370",
+    "pink": "#fca7ea",
+    "darkPink": "#ff69b4",
+    "purple": "#9370db",
+    "indigo": "#6a5acd"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "secondary": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "accent": {
+      "dark": "green",
+      "light": "green"
+    },
+    "error": {
+      "dark": "red",
+      "light": "red"
+    },
+    "warning": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "success": {
+      "dark": "green",
+      "light": "green"
+    },
+    "info": {
+      "dark": "sky",
+      "light": "sky"
+    },
+    "text": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "textMuted": {
+      "dark": "gray10",
+      "light": "gray6"
+    },
+    "background": {
+      "dark": "gray4",
+      "light": "gray11"
+    },
+    "backgroundPanel": {
+      "dark": "gray3",
+      "light": "gray10"
+    },
+    "backgroundElement": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "border": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "borderActive": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "borderSubtle": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffContext": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "diffHunkHeader": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffHighlightAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffAddedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffContextBg": {
+      "dark": "gray4",
+      "light": "gray11"
+    },
+    "diffLineNumber": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "markdownText": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "markdownHeading": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownLink": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownLinkText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCode": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "markdownBlockQuote": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "markdownEmph": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "markdownStrong": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "markdownHorizontalRule": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "markdownListItem": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownListEnumeration": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "markdownImage": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownImageText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCodeBlock": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxComment": {
+      "dark": "saturatedGray",
+      "light": "saturatedGray"
+    },
+    "syntaxKeyword": {
+      "dark": "green",
+      "light": "green"
+    },
+    "syntaxFunction": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "syntaxVariable": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxString": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "syntaxNumber": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "syntaxType": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "syntaxOperator": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "cyan",
+      "light": "cyan"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/moonlight.json b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight.json
new file mode 100644
index 00000000000..4e6a84ab892
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/moonlight.json
@@ -0,0 +1,236 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "gray1": "#131421",
+    "gray2": "#191a2a",
+    "gray3": "#1e2030",
+    "gray4": "#222436",
+    "gray5": "#2f334d",
+    "gray6": "#444a73",
+    "gray7": "#828bb8",
+    "gray8": "#a9b8e8",
+    "gray9": "#b4c2f0",
+    "gray10": "#c8d3f5",
+    "gray11": "#d5def8",
+    "saturatedGray": "#7a88cf",
+    "desaturatedGray": "#979bb6",
+    "blue": "#82aaff",
+    "darkBlue": "#3d59a1",
+    "sky": "#65bcff",
+    "cyan": "#86e1fc",
+    "lightTeal": "#7af8ca",
+    "teal": "#4fd6be",
+    "green": "#c3e88d",
+    "yellow": "#ffc777",
+    "orange": "#ff966c",
+    "red": "#ff757f",
+    "lightRed": "#ff98a4",
+    "darkRed": "#ff5370",
+    "pink": "#fca7ea",
+    "darkPink": "#ff69b4",
+    "purple": "#c099ff",
+    "indigo": "#7a75ff"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "secondary": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "accent": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "error": {
+      "dark": "red",
+      "light": "red"
+    },
+    "warning": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "success": {
+      "dark": "green",
+      "light": "green"
+    },
+    "info": {
+      "dark": "sky",
+      "light": "sky"
+    },
+    "text": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "textMuted": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "background": {
+      "dark": "gray4",
+      "light": "gray11"
+    },
+    "backgroundPanel": {
+      "dark": "gray3",
+      "light": "gray10"
+    },
+    "backgroundElement": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "border": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "borderActive": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "borderSubtle": {
+      "dark": "gray5",
+      "light": "gray8"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffContext": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "diffHunkHeader": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffHighlightAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffAddedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffContextBg": {
+      "dark": "gray4",
+      "light": "gray11"
+    },
+    "diffLineNumber": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "gray5",
+      "light": "gray9"
+    },
+    "markdownText": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "markdownHeading": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownLink": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownLinkText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCode": {
+      "dark": "lightTeal",
+      "light": "teal"
+    },
+    "markdownBlockQuote": {
+      "dark": "gray7",
+      "light": "gray6"
+    },
+    "markdownEmph": {
+      "dark": "pink",
+      "light": "pink"
+    },
+    "markdownStrong": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "markdownHorizontalRule": {
+      "dark": "gray6",
+      "light": "gray7"
+    },
+    "markdownListItem": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownListEnumeration": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "markdownImage": {
+      "dark": "purple",
+      "light": "purple"
+    },
+    "markdownImageText": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "markdownCodeBlock": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxComment": {
+      "dark": "saturatedGray",
+      "light": "saturatedGray"
+    },
+    "syntaxKeyword": {
+      "dark": "indigo",
+      "light": "indigo"
+    },
+    "syntaxFunction": {
+      "dark": "blue",
+      "light": "darkBlue"
+    },
+    "syntaxVariable": {
+      "dark": "gray10",
+      "light": "gray3"
+    },
+    "syntaxString": {
+      "dark": "lightTeal",
+      "light": "teal"
+    },
+    "syntaxNumber": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "syntaxType": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "syntaxOperator": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "cyan",
+      "light": "cyan"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/nightowl--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/nightowl--transparent.json
new file mode 100644
index 00000000000..df57efc59d5
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/nightowl--transparent.json
@@ -0,0 +1,218 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "nightOwlBg": "#011627",
+    "nightOwlFg": "#d6deeb",
+    "nightOwlBlue": "#82AAFF",
+    "nightOwlCyan": "#7fdbca",
+    "nightOwlGreen": "#c5e478",
+    "nightOwlYellow": "#ecc48d",
+    "nightOwlOrange": "#F78C6C",
+    "nightOwlRed": "#EF5350",
+    "nightOwlPink": "#ff5874",
+    "nightOwlPurple": "#c792ea",
+    "nightOwlMuted": "#5f7e97",
+    "nightOwlGray": "#637777",
+    "nightOwlLightGray": "#89a4bb",
+    "nightOwlPanel": "#0b253a"
+  },
+  "theme": {
+    "primary": {
+      "dark": "nightOwlBlue",
+      "light": "nightOwlBlue"
+    },
+    "secondary": {
+      "dark": "nightOwlCyan",
+      "light": "nightOwlCyan"
+    },
+    "accent": {
+      "dark": "nightOwlPurple",
+      "light": "nightOwlPurple"
+    },
+    "error": {
+      "dark": "nightOwlRed",
+      "light": "nightOwlRed"
+    },
+    "warning": {
+      "dark": "nightOwlYellow",
+      "light": "nightOwlYellow"
+    },
+    "success": {
+      "dark": "nightOwlGreen",
+      "light": "nightOwlGreen"
+    },
+    "info": {
+      "dark": "nightOwlBlue",
+      "light": "nightOwlBlue"
+    },
+    "text": {
+      "dark": "nightOwlFg",
+      "light": "nightOwlFg"
+    },
+    "textMuted": {
+      "dark": "nightOwlMuted",
+      "light": "nightOwlMuted"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "nightOwlPanel",
+      "light": "nightOwlPanel"
+    },
+    "backgroundElement": {
+      "dark": "nightOwlPanel",
+      "light": "nightOwlPanel"
+    },
+    "border": {
+      "dark": "nightOwlMuted",
+      "light": "nightOwlMuted"
+    },
+    "borderActive": {
+      "dark": "nightOwlBlue",
+      "light": "nightOwlBlue"
+    },
+    "borderSubtle": {
+      "dark": "nightOwlMuted",
+      "light": "nightOwlMuted"
+    },
+    "diffAdded": {
+      "dark": "nightOwlGreen",
+      "light": "nightOwlGreen"
+    },
+    "diffRemoved": {
+      "dark": "nightOwlRed",
+      "light": "nightOwlRed"
+    },
+    "diffContext": {
+      "dark": "nightOwlMuted",
+      "light": "nightOwlMuted"
+    },
+    "diffHunkHeader": {
+      "dark": "nightOwlMuted",
+      "light": "nightOwlMuted"
+    },
+    "diffHighlightAdded": {
+      "dark": "nightOwlGreen",
+      "light": "nightOwlGreen"
+    },
+    "diffHighlightRemoved": {
+      "dark": "nightOwlRed",
+      "light": "nightOwlRed"
+    },
+    "diffAddedBg": {
+      "dark": "#0a2e1a",
+      "light": "#0a2e1a"
+    },
+    "diffRemovedBg": {
+      "dark": "#2d1b1b",
+      "light": "#2d1b1b"
+    },
+    "diffContextBg": {
+      "dark": "nightOwlPanel",
+      "light": "nightOwlPanel"
+    },
+    "diffLineNumber": {
+      "dark": "nightOwlMuted",
+      "light": "nightOwlMuted"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#0a2e1a",
+      "light": "#0a2e1a"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2d1b1b",
+      "light": "#2d1b1b"
+    },
+    "markdownText": {
+      "dark": "nightOwlFg",
+      "light": "nightOwlFg"
+    },
+    "markdownHeading": {
+      "dark": "nightOwlBlue",
+      "light": "nightOwlBlue"
+    },
+    "markdownLink": {
+      "dark": "nightOwlCyan",
+      "light": "nightOwlCyan"
+    },
+    "markdownLinkText": {
+      "dark": "nightOwlBlue",
+      "light": "nightOwlBlue"
+    },
+    "markdownCode": {
+      "dark": "nightOwlGreen",
+      "light": "nightOwlGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "nightOwlMuted",
+      "light": "nightOwlMuted"
+    },
+    "markdownEmph": {
+      "dark": "nightOwlPurple",
+      "light": "nightOwlPurple"
+    },
+    "markdownStrong": {
+      "dark": "nightOwlYellow",
+      "light": "nightOwlYellow"
+    },
+    "markdownHorizontalRule": {
+      "dark": "nightOwlMuted",
+      "light": "nightOwlMuted"
+    },
+    "markdownListItem": {
+      "dark": "nightOwlBlue",
+      "light": "nightOwlBlue"
+    },
+    "markdownListEnumeration": {
+      "dark": "nightOwlCyan",
+      "light": "nightOwlCyan"
+    },
+    "markdownImage": {
+      "dark": "nightOwlCyan",
+      "light": "nightOwlCyan"
+    },
+    "markdownImageText": {
+      "dark": "nightOwlBlue",
+      "light": "nightOwlBlue"
+    },
+    "markdownCodeBlock": {
+      "dark": "nightOwlFg",
+      "light": "nightOwlFg"
+    },
+    "syntaxComment": {
+      "dark": "nightOwlGray",
+      "light": "nightOwlGray"
+    },
+    "syntaxKeyword": {
+      "dark": "nightOwlPurple",
+      "light": "nightOwlPurple"
+    },
+    "syntaxFunction": {
+      "dark": "nightOwlBlue",
+      "light": "nightOwlBlue"
+    },
+    "syntaxVariable": {
+      "dark": "nightOwlFg",
+      "light": "nightOwlFg"
+    },
+    "syntaxString": {
+      "dark": "nightOwlYellow",
+      "light": "nightOwlYellow"
+    },
+    "syntaxNumber": {
+      "dark": "nightOwlOrange",
+      "light": "nightOwlOrange"
+    },
+    "syntaxType": {
+      "dark": "nightOwlGreen",
+      "light": "nightOwlGreen"
+    },
+    "syntaxOperator": {
+      "dark": "nightOwlCyan",
+      "light": "nightOwlCyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "nightOwlFg",
+      "light": "nightOwlFg"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/nord--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/nord--transparent.json
new file mode 100644
index 00000000000..9fdba84c975
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/nord--transparent.json
@@ -0,0 +1,220 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "nord0": "#2E3440",
+    "nord1": "#3B4252",
+    "nord2": "#434C5E",
+    "nord3": "#4C566A",
+    "nord4": "#D8DEE9",
+    "nord5": "#E5E9F0",
+    "nord6": "#ECEFF4",
+    "nord7": "#8FBCBB",
+    "nord8": "#88C0D0",
+    "nord9": "#81A1C1",
+    "nord10": "#5E81AC",
+    "nord11": "#BF616A",
+    "nord12": "#D08770",
+    "nord13": "#EBCB8B",
+    "nord14": "#A3BE8C",
+    "nord15": "#B48EAD"
+  },
+  "theme": {
+    "primary": {
+      "dark": "nord8",
+      "light": "nord10"
+    },
+    "secondary": {
+      "dark": "nord9",
+      "light": "nord9"
+    },
+    "accent": {
+      "dark": "nord7",
+      "light": "nord7"
+    },
+    "error": {
+      "dark": "nord11",
+      "light": "nord11"
+    },
+    "warning": {
+      "dark": "nord12",
+      "light": "nord12"
+    },
+    "success": {
+      "dark": "nord14",
+      "light": "nord14"
+    },
+    "info": {
+      "dark": "nord8",
+      "light": "nord10"
+    },
+    "text": {
+      "dark": "nord6",
+      "light": "nord0"
+    },
+    "textMuted": {
+      "dark": "#8B95A7",
+      "light": "nord1"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "nord1",
+      "light": "nord5"
+    },
+    "backgroundElement": {
+      "dark": "nord2",
+      "light": "nord4"
+    },
+    "border": {
+      "dark": "nord2",
+      "light": "nord3"
+    },
+    "borderActive": {
+      "dark": "nord3",
+      "light": "nord2"
+    },
+    "borderSubtle": {
+      "dark": "nord2",
+      "light": "nord3"
+    },
+    "diffAdded": {
+      "dark": "nord14",
+      "light": "nord14"
+    },
+    "diffRemoved": {
+      "dark": "nord11",
+      "light": "nord11"
+    },
+    "diffContext": {
+      "dark": "#8B95A7",
+      "light": "nord3"
+    },
+    "diffHunkHeader": {
+      "dark": "#8B95A7",
+      "light": "nord3"
+    },
+    "diffHighlightAdded": {
+      "dark": "nord14",
+      "light": "nord14"
+    },
+    "diffHighlightRemoved": {
+      "dark": "nord11",
+      "light": "nord11"
+    },
+    "diffAddedBg": {
+      "dark": "#3B4252",
+      "light": "#E5E9F0"
+    },
+    "diffRemovedBg": {
+      "dark": "#3B4252",
+      "light": "#E5E9F0"
+    },
+    "diffContextBg": {
+      "dark": "nord1",
+      "light": "nord5"
+    },
+    "diffLineNumber": {
+      "dark": "nord2",
+      "light": "nord4"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#3B4252",
+      "light": "#E5E9F0"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#3B4252",
+      "light": "#E5E9F0"
+    },
+    "markdownText": {
+      "dark": "nord4",
+      "light": "nord0"
+    },
+    "markdownHeading": {
+      "dark": "nord8",
+      "light": "nord10"
+    },
+    "markdownLink": {
+      "dark": "nord9",
+      "light": "nord9"
+    },
+    "markdownLinkText": {
+      "dark": "nord7",
+      "light": "nord7"
+    },
+    "markdownCode": {
+      "dark": "nord14",
+      "light": "nord14"
+    },
+    "markdownBlockQuote": {
+      "dark": "#8B95A7",
+      "light": "nord3"
+    },
+    "markdownEmph": {
+      "dark": "nord12",
+      "light": "nord12"
+    },
+    "markdownStrong": {
+      "dark": "nord13",
+      "light": "nord13"
+    },
+    "markdownHorizontalRule": {
+      "dark": "#8B95A7",
+      "light": "nord3"
+    },
+    "markdownListItem": {
+      "dark": "nord8",
+      "light": "nord10"
+    },
+    "markdownListEnumeration": {
+      "dark": "nord7",
+      "light": "nord7"
+    },
+    "markdownImage": {
+      "dark": "nord9",
+      "light": "nord9"
+    },
+    "markdownImageText": {
+      "dark": "nord7",
+      "light": "nord7"
+    },
+    "markdownCodeBlock": {
+      "dark": "nord4",
+      "light": "nord0"
+    },
+    "syntaxComment": {
+      "dark": "#8B95A7",
+      "light": "nord3"
+    },
+    "syntaxKeyword": {
+      "dark": "nord9",
+      "light": "nord9"
+    },
+    "syntaxFunction": {
+      "dark": "nord8",
+      "light": "nord8"
+    },
+    "syntaxVariable": {
+      "dark": "nord7",
+      "light": "nord7"
+    },
+    "syntaxString": {
+      "dark": "nord14",
+      "light": "nord14"
+    },
+    "syntaxNumber": {
+      "dark": "nord15",
+      "light": "nord15"
+    },
+    "syntaxType": {
+      "dark": "nord7",
+      "light": "nord7"
+    },
+    "syntaxOperator": {
+      "dark": "nord9",
+      "light": "nord9"
+    },
+    "syntaxPunctuation": {
+      "dark": "nord4",
+      "light": "nord0"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/one-dark--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/one-dark--transparent.json
new file mode 100644
index 00000000000..11ccbff91d8
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/one-dark--transparent.json
@@ -0,0 +1,84 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg": "#282c34",
+    "darkBgAlt": "#21252b",
+    "darkBgPanel": "#353b45",
+    "darkFg": "#abb2bf",
+    "darkFgMuted": "#5c6370",
+    "darkPurple": "#c678dd",
+    "darkBlue": "#61afef",
+    "darkRed": "#e06c75",
+    "darkGreen": "#98c379",
+    "darkYellow": "#e5c07b",
+    "darkOrange": "#d19a66",
+    "darkCyan": "#56b6c2",
+    "lightBg": "#fafafa",
+    "lightBgAlt": "#f0f0f1",
+    "lightBgPanel": "#eaeaeb",
+    "lightFg": "#383a42",
+    "lightFgMuted": "#a0a1a7",
+    "lightPurple": "#a626a4",
+    "lightBlue": "#4078f2",
+    "lightRed": "#e45649",
+    "lightGreen": "#50a14f",
+    "lightYellow": "#c18401",
+    "lightOrange": "#986801",
+    "lightCyan": "#0184bc"
+  },
+  "theme": {
+    "primary": { "dark": "darkBlue", "light": "lightBlue" },
+    "secondary": { "dark": "darkPurple", "light": "lightPurple" },
+    "accent": { "dark": "darkCyan", "light": "lightCyan" },
+    "error": { "dark": "darkRed", "light": "lightRed" },
+    "warning": { "dark": "darkYellow", "light": "lightYellow" },
+    "success": { "dark": "darkGreen", "light": "lightGreen" },
+    "info": { "dark": "darkOrange", "light": "lightOrange" },
+    "text": { "dark": "darkFg", "light": "lightFg" },
+    "textMuted": { "dark": "darkFgMuted", "light": "lightFgMuted" },
+    "background": "none",
+    "backgroundPanel": { "dark": "darkBgAlt", "light": "lightBgAlt" },
+    "backgroundElement": { "dark": "darkBgPanel", "light": "lightBgPanel" },
+    "border": { "dark": "#393f4a", "light": "#d1d1d2" },
+    "borderActive": { "dark": "darkBlue", "light": "lightBlue" },
+    "borderSubtle": { "dark": "#2c313a", "light": "#e0e0e1" },
+    "diffAdded": { "dark": "darkGreen", "light": "lightGreen" },
+    "diffRemoved": { "dark": "darkRed", "light": "lightRed" },
+    "diffContext": { "dark": "darkFgMuted", "light": "lightFgMuted" },
+    "diffHunkHeader": { "dark": "darkCyan", "light": "lightCyan" },
+    "diffHighlightAdded": { "dark": "#aad482", "light": "#489447" },
+    "diffHighlightRemoved": { "dark": "#e8828b", "light": "#d65145" },
+    "diffAddedBg": { "dark": "#2c382b", "light": "#eafbe9" },
+    "diffRemovedBg": { "dark": "#3a2d2f", "light": "#fce9e8" },
+    "diffContextBg": { "dark": "darkBgAlt", "light": "lightBgAlt" },
+    "diffLineNumber": { "dark": "#495162", "light": "#c9c9ca" },
+    "diffAddedLineNumberBg": { "dark": "#283427", "light": "#e1f3df" },
+    "diffRemovedLineNumberBg": { "dark": "#36292b", "light": "#f5e2e1" },
+    "markdownText": { "dark": "darkFg", "light": "lightFg" },
+    "markdownHeading": { "dark": "darkPurple", "light": "lightPurple" },
+    "markdownLink": { "dark": "darkBlue", "light": "lightBlue" },
+    "markdownLinkText": { "dark": "darkCyan", "light": "lightCyan" },
+    "markdownCode": { "dark": "darkGreen", "light": "lightGreen" },
+    "markdownBlockQuote": { "dark": "darkFgMuted", "light": "lightFgMuted" },
+    "markdownEmph": { "dark": "darkYellow", "light": "lightYellow" },
+    "markdownStrong": { "dark": "darkOrange", "light": "lightOrange" },
+    "markdownHorizontalRule": {
+      "dark": "darkFgMuted",
+      "light": "lightFgMuted"
+    },
+    "markdownListItem": { "dark": "darkBlue", "light": "lightBlue" },
+    "markdownListEnumeration": { "dark": "darkCyan", "light": "lightCyan" },
+    "markdownImage": { "dark": "darkBlue", "light": "lightBlue" },
+    "markdownImageText": { "dark": "darkCyan", "light": "lightCyan" },
+    "markdownCodeBlock": { "dark": "darkFg", "light": "lightFg" },
+    "syntaxComment": { "dark": "darkFgMuted", "light": "lightFgMuted" },
+    "syntaxKeyword": { "dark": "darkPurple", "light": "lightPurple" },
+    "syntaxFunction": { "dark": "darkBlue", "light": "lightBlue" },
+    "syntaxVariable": { "dark": "darkRed", "light": "lightRed" },
+    "syntaxString": { "dark": "darkGreen", "light": "lightGreen" },
+    "syntaxNumber": { "dark": "darkOrange", "light": "lightOrange" },
+    "syntaxType": { "dark": "darkYellow", "light": "lightYellow" },
+    "syntaxOperator": { "dark": "darkCyan", "light": "lightCyan" },
+    "syntaxPunctuation": { "dark": "darkFg", "light": "lightFg" }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/opencode--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/opencode--transparent.json
new file mode 100644
index 00000000000..d2109c751d8
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/opencode--transparent.json
@@ -0,0 +1,242 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkStep1": "#0a0a0a",
+    "darkStep2": "#141414",
+    "darkStep3": "#1e1e1e",
+    "darkStep4": "#282828",
+    "darkStep5": "#323232",
+    "darkStep6": "#3c3c3c",
+    "darkStep7": "#484848",
+    "darkStep8": "#606060",
+    "darkStep9": "#fab283",
+    "darkStep10": "#ffc09f",
+    "darkStep11": "#808080",
+    "darkStep12": "#eeeeee",
+    "darkSecondary": "#5c9cf5",
+    "darkAccent": "#9d7cd8",
+    "darkRed": "#e06c75",
+    "darkOrange": "#f5a742",
+    "darkGreen": "#7fd88f",
+    "darkCyan": "#56b6c2",
+    "darkYellow": "#e5c07b",
+    "lightStep1": "#ffffff",
+    "lightStep2": "#fafafa",
+    "lightStep3": "#f5f5f5",
+    "lightStep4": "#ebebeb",
+    "lightStep5": "#e1e1e1",
+    "lightStep6": "#d4d4d4",
+    "lightStep7": "#b8b8b8",
+    "lightStep8": "#a0a0a0",
+    "lightStep9": "#3b7dd8",
+    "lightStep10": "#2968c3",
+    "lightStep11": "#8a8a8a",
+    "lightStep12": "#1a1a1a",
+    "lightSecondary": "#7b5bb6",
+    "lightAccent": "#d68c27",
+    "lightRed": "#d1383d",
+    "lightOrange": "#d68c27",
+    "lightGreen": "#3d9a57",
+    "lightCyan": "#318795",
+    "lightYellow": "#b0851f"
+  },
+  "theme": {
+    "primary": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "secondary": {
+      "dark": "darkSecondary",
+      "light": "lightSecondary"
+    },
+    "accent": {
+      "dark": "darkAccent",
+      "light": "lightAccent"
+    },
+    "error": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "warning": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "success": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "info": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "text": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "textMuted": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "darkStep2",
+      "light": "lightStep2"
+    },
+    "backgroundElement": {
+      "dark": "darkStep3",
+      "light": "lightStep3"
+    },
+    "border": {
+      "dark": "darkStep7",
+      "light": "lightStep7"
+    },
+    "borderActive": {
+      "dark": "darkStep8",
+      "light": "lightStep8"
+    },
+    "borderSubtle": {
+      "dark": "darkStep6",
+      "light": "lightStep6"
+    },
+    "diffAdded": {
+      "dark": "#4fd6be",
+      "light": "#1e725c"
+    },
+    "diffRemoved": {
+      "dark": "#c53b53",
+      "light": "#c53b53"
+    },
+    "diffContext": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHunkHeader": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHighlightAdded": {
+      "dark": "#b8db87",
+      "light": "#4db380"
+    },
+    "diffHighlightRemoved": {
+      "dark": "#e26a75",
+      "light": "#f52a65"
+    },
+    "diffAddedBg": {
+      "dark": "#20303b",
+      "light": "#d5e5d5"
+    },
+    "diffRemovedBg": {
+      "dark": "#37222c",
+      "light": "#f7d8db"
+    },
+    "diffContextBg": {
+      "dark": "darkStep2",
+      "light": "lightStep2"
+    },
+    "diffLineNumber": {
+      "dark": "darkStep3",
+      "light": "lightStep3"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#1b2b34",
+      "light": "#c5d5c5"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2d1f26",
+      "light": "#e7c8cb"
+    },
+    "markdownText": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "markdownHeading": {
+      "dark": "darkAccent",
+      "light": "lightAccent"
+    },
+    "markdownLink": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownLinkText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCode": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownEmph": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownStrong": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "markdownHorizontalRule": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "markdownListItem": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownImage": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownImageText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "syntaxComment": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "syntaxKeyword": {
+      "dark": "darkAccent",
+      "light": "lightAccent"
+    },
+    "syntaxFunction": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "syntaxVariable": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "syntaxString": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "syntaxNumber": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "syntaxType": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "syntaxOperator": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/orng--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/orng--transparent.json
new file mode 100644
index 00000000000..fca088346bd
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/orng--transparent.json
@@ -0,0 +1,249 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkStep1": "#0a0a0a",
+    "darkStep2": "#141414",
+    "darkStep3": "#1e1e1e",
+    "darkStep4": "#282828",
+    "darkStep5": "#323232",
+    "darkStep6": "#3c3c3c",
+    "darkStep7": "#484848",
+    "darkStep8": "#606060",
+    "darkStep9": "#EC5B2B",
+    "darkStep10": "#EE7948",
+    "darkStep11": "#808080",
+    "darkStep12": "#eeeeee",
+    "darkSecondary": "#EE7948",
+    "darkAccent": "#FFF7F1",
+    "darkRed": "#e06c75",
+    "darkOrange": "#EC5B2B",
+    "darkBlue": "#6ba1e6",
+    "darkCyan": "#56b6c2",
+    "darkYellow": "#e5c07b",
+    "lightStep1": "#ffffff",
+    "lightStep2": "#FFF7F1",
+    "lightStep3": "#f5f0eb",
+    "lightStep4": "#ebebeb",
+    "lightStep5": "#e1e1e1",
+    "lightStep6": "#d4d4d4",
+    "lightStep7": "#b8b8b8",
+    "lightStep8": "#a0a0a0",
+    "lightStep9": "#EC5B2B",
+    "lightStep10": "#c94d24",
+    "lightStep11": "#8a8a8a",
+    "lightStep12": "#1a1a1a",
+    "lightSecondary": "#EE7948",
+    "lightAccent": "#c94d24",
+    "lightRed": "#d1383d",
+    "lightOrange": "#EC5B2B",
+    "lightBlue": "#0062d1",
+    "lightCyan": "#318795",
+    "lightYellow": "#b0851f"
+  },
+  "theme": {
+    "primary": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "secondary": {
+      "dark": "darkSecondary",
+      "light": "lightSecondary"
+    },
+    "accent": {
+      "dark": "darkAccent",
+      "light": "lightAccent"
+    },
+    "error": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "warning": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "success": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "info": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "text": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "textMuted": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "selectedListItemText": {
+      "dark": "#0a0a0a",
+      "light": "#ffffff"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "darkStep2",
+      "light": "lightStep2"
+    },
+    "backgroundElement": {
+      "dark": "darkStep3",
+      "light": "lightStep3"
+    },
+    "border": {
+      "dark": "#EC5B2B",
+      "light": "#EC5B2B"
+    },
+    "borderActive": {
+      "dark": "#EE7948",
+      "light": "#c94d24"
+    },
+    "borderSubtle": {
+      "dark": "darkStep6",
+      "light": "lightStep6"
+    },
+    "diffAdded": {
+      "dark": "#6ba1e6",
+      "light": "#0062d1"
+    },
+    "diffRemoved": {
+      "dark": "#c53b53",
+      "light": "#c53b53"
+    },
+    "diffContext": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHunkHeader": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHighlightAdded": {
+      "dark": "#6ba1e6",
+      "light": "#0062d1"
+    },
+    "diffHighlightRemoved": {
+      "dark": "#e26a75",
+      "light": "#f52a65"
+    },
+    "diffAddedBg": {
+      "dark": "#1a2a3d",
+      "light": "#e0edfa"
+    },
+    "diffRemovedBg": {
+      "dark": "#37222c",
+      "light": "#f7d8db"
+    },
+    "diffContextBg": {
+      "dark": "darkStep2",
+      "light": "lightStep2"
+    },
+    "diffLineNumber": {
+      "dark": "darkStep3",
+      "light": "lightStep3"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#162535",
+      "light": "#d0e5f5"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2d1f26",
+      "light": "#e7c8cb"
+    },
+    "markdownText": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "markdownHeading": {
+      "dark": "#EC5B2B",
+      "light": "#EC5B2B"
+    },
+    "markdownLink": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownLinkText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCode": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "markdownBlockQuote": {
+      "dark": "#FFF7F1",
+      "light": "lightYellow"
+    },
+    "markdownEmph": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownStrong": {
+      "dark": "#EE7948",
+      "light": "#EC5B2B"
+    },
+    "markdownHorizontalRule": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "markdownListItem": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownImage": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownImageText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "syntaxComment": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "syntaxKeyword": {
+      "dark": "#EC5B2B",
+      "light": "#EC5B2B"
+    },
+    "syntaxFunction": {
+      "dark": "#EE7948",
+      "light": "#c94d24"
+    },
+    "syntaxVariable": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "syntaxString": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "syntaxNumber": {
+      "dark": "#FFF7F1",
+      "light": "#EC5B2B"
+    },
+    "syntaxType": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "syntaxOperator": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/osaka-jade--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/osaka-jade--transparent.json
new file mode 100644
index 00000000000..d7d216267a7
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/osaka-jade--transparent.json
@@ -0,0 +1,240 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg0": "#111c18",
+    "darkBg1": "#1a2520",
+    "darkBg2": "#23372B",
+    "darkBg3": "#3d4a44",
+    "darkFg0": "#C1C497",
+    "darkFg1": "#9aa88a",
+    "darkGray": "#53685B",
+    "darkRed": "#FF5345",
+    "darkGreen": "#549e6a",
+    "darkYellow": "#459451",
+    "darkBlue": "#509475",
+    "darkMagenta": "#D2689C",
+    "darkCyan": "#2DD5B7",
+    "darkWhite": "#F6F5DD",
+    "darkRedBright": "#db9f9c",
+    "darkGreenBright": "#63b07a",
+    "darkYellowBright": "#E5C736",
+    "darkBlueBright": "#ACD4CF",
+    "darkMagentaBright": "#75bbb3",
+    "darkCyanBright": "#8CD3CB",
+    "lightBg0": "#F6F5DD",
+    "lightBg1": "#E8E7CC",
+    "lightBg2": "#D5D4B8",
+    "lightBg3": "#A8A78C",
+    "lightFg0": "#111c18",
+    "lightFg1": "#1a2520",
+    "lightGray": "#53685B",
+    "lightRed": "#c7392d",
+    "lightGreen": "#3d7a52",
+    "lightYellow": "#b5a020",
+    "lightBlue": "#3d7560",
+    "lightMagenta": "#a8527a",
+    "lightCyan": "#1faa90"
+  },
+  "theme": {
+    "primary": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "secondary": {
+      "dark": "darkMagenta",
+      "light": "lightMagenta"
+    },
+    "accent": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "error": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "warning": {
+      "dark": "darkYellowBright",
+      "light": "lightYellow"
+    },
+    "success": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "info": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "text": {
+      "dark": "darkFg0",
+      "light": "lightFg0"
+    },
+    "textMuted": {
+      "dark": "darkGray",
+      "light": "lightGray"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "darkBg1",
+      "light": "lightBg1"
+    },
+    "backgroundElement": {
+      "dark": "darkBg2",
+      "light": "lightBg2"
+    },
+    "border": {
+      "dark": "darkBg3",
+      "light": "lightBg3"
+    },
+    "borderActive": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "borderSubtle": {
+      "dark": "darkBg2",
+      "light": "lightBg2"
+    },
+    "diffAdded": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "diffRemoved": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "diffContext": {
+      "dark": "darkGray",
+      "light": "lightGray"
+    },
+    "diffHunkHeader": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "diffHighlightAdded": {
+      "dark": "darkGreenBright",
+      "light": "lightGreen"
+    },
+    "diffHighlightRemoved": {
+      "dark": "darkRedBright",
+      "light": "lightRed"
+    },
+    "diffAddedBg": {
+      "dark": "#15241c",
+      "light": "#e0eee5"
+    },
+    "diffRemovedBg": {
+      "dark": "#241515",
+      "light": "#eee0e0"
+    },
+    "diffContextBg": {
+      "dark": "darkBg1",
+      "light": "lightBg1"
+    },
+    "diffLineNumber": {
+      "dark": "darkBg3",
+      "light": "lightBg3"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#121f18",
+      "light": "#d5e5da"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#1f1212",
+      "light": "#e5d5d5"
+    },
+    "markdownText": {
+      "dark": "darkFg0",
+      "light": "lightFg0"
+    },
+    "markdownHeading": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownLink": {
+      "dark": "darkCyanBright",
+      "light": "lightCyan"
+    },
+    "markdownLinkText": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "markdownCode": {
+      "dark": "darkGreenBright",
+      "light": "lightGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "darkGray",
+      "light": "lightGray"
+    },
+    "markdownEmph": {
+      "dark": "darkMagenta",
+      "light": "lightMagenta"
+    },
+    "markdownStrong": {
+      "dark": "darkFg0",
+      "light": "lightFg0"
+    },
+    "markdownHorizontalRule": {
+      "dark": "darkGray",
+      "light": "lightGray"
+    },
+    "markdownListItem": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkCyanBright",
+      "light": "lightCyan"
+    },
+    "markdownImage": {
+      "dark": "darkCyanBright",
+      "light": "lightCyan"
+    },
+    "markdownImageText": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkFg0",
+      "light": "lightFg0"
+    },
+    "syntaxComment": {
+      "dark": "darkGray",
+      "light": "lightGray"
+    },
+    "syntaxKeyword": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "syntaxFunction": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "syntaxVariable": {
+      "dark": "darkFg0",
+      "light": "lightFg0"
+    },
+    "syntaxString": {
+      "dark": "darkGreenBright",
+      "light": "lightGreen"
+    },
+    "syntaxNumber": {
+      "dark": "darkMagenta",
+      "light": "lightMagenta"
+    },
+    "syntaxType": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "syntaxOperator": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkFg0",
+      "light": "lightFg0"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/palenight--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/palenight--transparent.json
new file mode 100644
index 00000000000..5dbc00ad897
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/palenight--transparent.json
@@ -0,0 +1,219 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "background": "#292d3e",
+    "backgroundAlt": "#1e2132",
+    "backgroundPanel": "#32364a",
+    "foreground": "#a6accd",
+    "foregroundBright": "#bfc7d5",
+    "comment": "#676e95",
+    "red": "#f07178",
+    "orange": "#f78c6c",
+    "yellow": "#ffcb6b",
+    "green": "#c3e88d",
+    "cyan": "#89ddff",
+    "blue": "#82aaff",
+    "purple": "#c792ea",
+    "magenta": "#ff5370",
+    "pink": "#f07178"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "#4976eb"
+    },
+    "secondary": {
+      "dark": "purple",
+      "light": "#a854f2"
+    },
+    "accent": {
+      "dark": "cyan",
+      "light": "#00acc1"
+    },
+    "error": {
+      "dark": "red",
+      "light": "#e53935"
+    },
+    "warning": {
+      "dark": "yellow",
+      "light": "#ffb300"
+    },
+    "success": {
+      "dark": "green",
+      "light": "#91b859"
+    },
+    "info": {
+      "dark": "orange",
+      "light": "#f4511e"
+    },
+    "text": {
+      "dark": "foreground",
+      "light": "#292d3e"
+    },
+    "textMuted": {
+      "dark": "comment",
+      "light": "#8796b0"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "#1e2132",
+      "light": "#f5f5f5"
+    },
+    "backgroundElement": {
+      "dark": "#32364a",
+      "light": "#e7e7e8"
+    },
+    "border": {
+      "dark": "#32364a",
+      "light": "#e0e0e0"
+    },
+    "borderActive": {
+      "dark": "blue",
+      "light": "#4976eb"
+    },
+    "borderSubtle": {
+      "dark": "#1e2132",
+      "light": "#eeeeee"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "#91b859"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "#e53935"
+    },
+    "diffContext": {
+      "dark": "comment",
+      "light": "#8796b0"
+    },
+    "diffHunkHeader": {
+      "dark": "cyan",
+      "light": "#00acc1"
+    },
+    "diffHighlightAdded": {
+      "dark": "green",
+      "light": "#91b859"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red",
+      "light": "#e53935"
+    },
+    "diffAddedBg": {
+      "dark": "#2e3c2b",
+      "light": "#e8f5e9"
+    },
+    "diffRemovedBg": {
+      "dark": "#3c2b2b",
+      "light": "#ffebee"
+    },
+    "diffContextBg": {
+      "dark": "#1e2132",
+      "light": "#f5f5f5"
+    },
+    "diffLineNumber": {
+      "dark": "#444760",
+      "light": "#cfd8dc"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#2e3c2b",
+      "light": "#e8f5e9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#3c2b2b",
+      "light": "#ffebee"
+    },
+    "markdownText": {
+      "dark": "foreground",
+      "light": "#292d3e"
+    },
+    "markdownHeading": {
+      "dark": "purple",
+      "light": "#a854f2"
+    },
+    "markdownLink": {
+      "dark": "blue",
+      "light": "#4976eb"
+    },
+    "markdownLinkText": {
+      "dark": "cyan",
+      "light": "#00acc1"
+    },
+    "markdownCode": {
+      "dark": "green",
+      "light": "#91b859"
+    },
+    "markdownBlockQuote": {
+      "dark": "comment",
+      "light": "#8796b0"
+    },
+    "markdownEmph": {
+      "dark": "yellow",
+      "light": "#ffb300"
+    },
+    "markdownStrong": {
+      "dark": "orange",
+      "light": "#f4511e"
+    },
+    "markdownHorizontalRule": {
+      "dark": "comment",
+      "light": "#8796b0"
+    },
+    "markdownListItem": {
+      "dark": "blue",
+      "light": "#4976eb"
+    },
+    "markdownListEnumeration": {
+      "dark": "cyan",
+      "light": "#00acc1"
+    },
+    "markdownImage": {
+      "dark": "blue",
+      "light": "#4976eb"
+    },
+    "markdownImageText": {
+      "dark": "cyan",
+      "light": "#00acc1"
+    },
+    "markdownCodeBlock": {
+      "dark": "foreground",
+      "light": "#292d3e"
+    },
+    "syntaxComment": {
+      "dark": "comment",
+      "light": "#8796b0"
+    },
+    "syntaxKeyword": {
+      "dark": "purple",
+      "light": "#a854f2"
+    },
+    "syntaxFunction": {
+      "dark": "blue",
+      "light": "#4976eb"
+    },
+    "syntaxVariable": {
+      "dark": "foreground",
+      "light": "#292d3e"
+    },
+    "syntaxString": {
+      "dark": "green",
+      "light": "#91b859"
+    },
+    "syntaxNumber": {
+      "dark": "orange",
+      "light": "#f4511e"
+    },
+    "syntaxType": {
+      "dark": "yellow",
+      "light": "#ffb300"
+    },
+    "syntaxOperator": {
+      "dark": "cyan",
+      "light": "#00acc1"
+    },
+    "syntaxPunctuation": {
+      "dark": "foreground",
+      "light": "#292d3e"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/rosepine--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/rosepine--transparent.json
new file mode 100644
index 00000000000..00ca5efdb4b
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/rosepine--transparent.json
@@ -0,0 +1,231 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "base": "#191724",
+    "surface": "#1f1d2e",
+    "overlay": "#26233a",
+    "muted": "#6e6a86",
+    "subtle": "#908caa",
+    "text": "#e0def4",
+    "love": "#eb6f92",
+    "gold": "#f6c177",
+    "rose": "#ebbcba",
+    "pine": "#31748f",
+    "foam": "#9ccfd8",
+    "iris": "#c4a7e7",
+    "highlightLow": "#21202e",
+    "highlightMed": "#403d52",
+    "highlightHigh": "#524f67",
+    "moonBase": "#232136",
+    "moonSurface": "#2a273f",
+    "moonOverlay": "#393552",
+    "moonMuted": "#6e6a86",
+    "moonSubtle": "#908caa",
+    "moonText": "#e0def4",
+    "dawnBase": "#faf4ed",
+    "dawnSurface": "#fffaf3",
+    "dawnOverlay": "#f2e9e1",
+    "dawnMuted": "#9893a5",
+    "dawnSubtle": "#797593",
+    "dawnText": "#575279"
+  },
+  "theme": {
+    "primary": {
+      "dark": "foam",
+      "light": "pine"
+    },
+    "secondary": {
+      "dark": "iris",
+      "light": "#907aa9"
+    },
+    "accent": {
+      "dark": "rose",
+      "light": "#d7827e"
+    },
+    "error": {
+      "dark": "love",
+      "light": "#b4637a"
+    },
+    "warning": {
+      "dark": "gold",
+      "light": "#ea9d34"
+    },
+    "success": {
+      "dark": "pine",
+      "light": "#286983"
+    },
+    "info": {
+      "dark": "foam",
+      "light": "#56949f"
+    },
+    "text": {
+      "dark": "#e0def4",
+      "light": "#575279"
+    },
+    "textMuted": {
+      "dark": "muted",
+      "light": "dawnMuted"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "surface",
+      "light": "dawnSurface"
+    },
+    "backgroundElement": {
+      "dark": "overlay",
+      "light": "dawnOverlay"
+    },
+    "border": {
+      "dark": "highlightMed",
+      "light": "#dfdad9"
+    },
+    "borderActive": {
+      "dark": "foam",
+      "light": "pine"
+    },
+    "borderSubtle": {
+      "dark": "highlightLow",
+      "light": "#f4ede8"
+    },
+    "diffAdded": {
+      "dark": "pine",
+      "light": "#286983"
+    },
+    "diffRemoved": {
+      "dark": "love",
+      "light": "#b4637a"
+    },
+    "diffContext": {
+      "dark": "muted",
+      "light": "dawnMuted"
+    },
+    "diffHunkHeader": {
+      "dark": "iris",
+      "light": "#907aa9"
+    },
+    "diffHighlightAdded": {
+      "dark": "pine",
+      "light": "#286983"
+    },
+    "diffHighlightRemoved": {
+      "dark": "love",
+      "light": "#b4637a"
+    },
+    "diffAddedBg": {
+      "dark": "#1f2d3a",
+      "light": "#e5f2f3"
+    },
+    "diffRemovedBg": {
+      "dark": "#3a1f2d",
+      "light": "#fce5e8"
+    },
+    "diffContextBg": {
+      "dark": "surface",
+      "light": "dawnSurface"
+    },
+    "diffLineNumber": {
+      "dark": "muted",
+      "light": "dawnMuted"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#1f2d3a",
+      "light": "#e5f2f3"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#3a1f2d",
+      "light": "#fce5e8"
+    },
+    "markdownText": {
+      "dark": "#e0def4",
+      "light": "#575279"
+    },
+    "markdownHeading": {
+      "dark": "iris",
+      "light": "#907aa9"
+    },
+    "markdownLink": {
+      "dark": "foam",
+      "light": "pine"
+    },
+    "markdownLinkText": {
+      "dark": "rose",
+      "light": "#d7827e"
+    },
+    "markdownCode": {
+      "dark": "pine",
+      "light": "#286983"
+    },
+    "markdownBlockQuote": {
+      "dark": "muted",
+      "light": "dawnMuted"
+    },
+    "markdownEmph": {
+      "dark": "gold",
+      "light": "#ea9d34"
+    },
+    "markdownStrong": {
+      "dark": "love",
+      "light": "#b4637a"
+    },
+    "markdownHorizontalRule": {
+      "dark": "highlightMed",
+      "light": "#dfdad9"
+    },
+    "markdownListItem": {
+      "dark": "foam",
+      "light": "pine"
+    },
+    "markdownListEnumeration": {
+      "dark": "rose",
+      "light": "#d7827e"
+    },
+    "markdownImage": {
+      "dark": "foam",
+      "light": "pine"
+    },
+    "markdownImageText": {
+      "dark": "rose",
+      "light": "#d7827e"
+    },
+    "markdownCodeBlock": {
+      "dark": "#e0def4",
+      "light": "#575279"
+    },
+    "syntaxComment": {
+      "dark": "muted",
+      "light": "dawnMuted"
+    },
+    "syntaxKeyword": {
+      "dark": "pine",
+      "light": "#286983"
+    },
+    "syntaxFunction": {
+      "dark": "rose",
+      "light": "#d7827e"
+    },
+    "syntaxVariable": {
+      "dark": "#e0def4",
+      "light": "#575279"
+    },
+    "syntaxString": {
+      "dark": "gold",
+      "light": "#ea9d34"
+    },
+    "syntaxNumber": {
+      "dark": "iris",
+      "light": "#907aa9"
+    },
+    "syntaxType": {
+      "dark": "foam",
+      "light": "#56949f"
+    },
+    "syntaxOperator": {
+      "dark": "subtle",
+      "light": "dawnSubtle"
+    },
+    "syntaxPunctuation": {
+      "dark": "subtle",
+      "light": "dawnSubtle"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/solarized--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/solarized--transparent.json
new file mode 100644
index 00000000000..394be6f7d54
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/solarized--transparent.json
@@ -0,0 +1,220 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "base03": "#002b36",
+    "base02": "#073642",
+    "base01": "#586e75",
+    "base00": "#657b83",
+    "base0": "#839496",
+    "base1": "#93a1a1",
+    "base2": "#eee8d5",
+    "base3": "#fdf6e3",
+    "yellow": "#b58900",
+    "orange": "#cb4b16",
+    "red": "#dc322f",
+    "magenta": "#d33682",
+    "violet": "#6c71c4",
+    "blue": "#268bd2",
+    "cyan": "#2aa198",
+    "green": "#859900"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "blue"
+    },
+    "secondary": {
+      "dark": "violet",
+      "light": "violet"
+    },
+    "accent": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "error": {
+      "dark": "red",
+      "light": "red"
+    },
+    "warning": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "success": {
+      "dark": "green",
+      "light": "green"
+    },
+    "info": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "text": {
+      "dark": "base0",
+      "light": "base00"
+    },
+    "textMuted": {
+      "dark": "base01",
+      "light": "base1"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "base02",
+      "light": "base2"
+    },
+    "backgroundElement": {
+      "dark": "#073642",
+      "light": "#eee8d5"
+    },
+    "border": {
+      "dark": "base02",
+      "light": "base2"
+    },
+    "borderActive": {
+      "dark": "base01",
+      "light": "base1"
+    },
+    "borderSubtle": {
+      "dark": "#073642",
+      "light": "#eee8d5"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffContext": {
+      "dark": "base01",
+      "light": "base1"
+    },
+    "diffHunkHeader": {
+      "dark": "base01",
+      "light": "base1"
+    },
+    "diffHighlightAdded": {
+      "dark": "green",
+      "light": "green"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red",
+      "light": "red"
+    },
+    "diffAddedBg": {
+      "dark": "#073642",
+      "light": "#eee8d5"
+    },
+    "diffRemovedBg": {
+      "dark": "#073642",
+      "light": "#eee8d5"
+    },
+    "diffContextBg": {
+      "dark": "base02",
+      "light": "base2"
+    },
+    "diffLineNumber": {
+      "dark": "base01",
+      "light": "base1"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#073642",
+      "light": "#eee8d5"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#073642",
+      "light": "#eee8d5"
+    },
+    "markdownText": {
+      "dark": "base0",
+      "light": "base00"
+    },
+    "markdownHeading": {
+      "dark": "blue",
+      "light": "blue"
+    },
+    "markdownLink": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownLinkText": {
+      "dark": "violet",
+      "light": "violet"
+    },
+    "markdownCode": {
+      "dark": "green",
+      "light": "green"
+    },
+    "markdownBlockQuote": {
+      "dark": "base01",
+      "light": "base1"
+    },
+    "markdownEmph": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "markdownStrong": {
+      "dark": "orange",
+      "light": "orange"
+    },
+    "markdownHorizontalRule": {
+      "dark": "base01",
+      "light": "base1"
+    },
+    "markdownListItem": {
+      "dark": "blue",
+      "light": "blue"
+    },
+    "markdownListEnumeration": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownImage": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "markdownImageText": {
+      "dark": "violet",
+      "light": "violet"
+    },
+    "markdownCodeBlock": {
+      "dark": "base0",
+      "light": "base00"
+    },
+    "syntaxComment": {
+      "dark": "base01",
+      "light": "base1"
+    },
+    "syntaxKeyword": {
+      "dark": "green",
+      "light": "green"
+    },
+    "syntaxFunction": {
+      "dark": "blue",
+      "light": "blue"
+    },
+    "syntaxVariable": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "syntaxString": {
+      "dark": "cyan",
+      "light": "cyan"
+    },
+    "syntaxNumber": {
+      "dark": "magenta",
+      "light": "magenta"
+    },
+    "syntaxType": {
+      "dark": "yellow",
+      "light": "yellow"
+    },
+    "syntaxOperator": {
+      "dark": "green",
+      "light": "green"
+    },
+    "syntaxPunctuation": {
+      "dark": "base0",
+      "light": "base00"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/synthwave84--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/synthwave84--transparent.json
new file mode 100644
index 00000000000..309b862d6cf
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/synthwave84--transparent.json
@@ -0,0 +1,223 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "background": "#262335",
+    "backgroundAlt": "#1e1a29",
+    "backgroundPanel": "#2a2139",
+    "foreground": "#ffffff",
+    "foregroundMuted": "#848bbd",
+    "pink": "#ff7edb",
+    "pinkBright": "#ff92df",
+    "cyan": "#36f9f6",
+    "cyanBright": "#72f1f8",
+    "yellow": "#fede5d",
+    "yellowBright": "#fff95d",
+    "orange": "#ff8b39",
+    "orangeBright": "#ff9f43",
+    "purple": "#b084eb",
+    "purpleBright": "#c792ea",
+    "red": "#fe4450",
+    "redBright": "#ff5e5b",
+    "green": "#72f1b8",
+    "greenBright": "#97f1d8"
+  },
+  "theme": {
+    "primary": {
+      "dark": "cyan",
+      "light": "#00bcd4"
+    },
+    "secondary": {
+      "dark": "pink",
+      "light": "#e91e63"
+    },
+    "accent": {
+      "dark": "purple",
+      "light": "#9c27b0"
+    },
+    "error": {
+      "dark": "red",
+      "light": "#f44336"
+    },
+    "warning": {
+      "dark": "yellow",
+      "light": "#ff9800"
+    },
+    "success": {
+      "dark": "green",
+      "light": "#4caf50"
+    },
+    "info": {
+      "dark": "orange",
+      "light": "#ff5722"
+    },
+    "text": {
+      "dark": "foreground",
+      "light": "#262335"
+    },
+    "textMuted": {
+      "dark": "foregroundMuted",
+      "light": "#5c5c8a"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "#1e1a29",
+      "light": "#f5f5f5"
+    },
+    "backgroundElement": {
+      "dark": "#2a2139",
+      "light": "#eeeeee"
+    },
+    "border": {
+      "dark": "#495495",
+      "light": "#e0e0e0"
+    },
+    "borderActive": {
+      "dark": "cyan",
+      "light": "#00bcd4"
+    },
+    "borderSubtle": {
+      "dark": "#241b2f",
+      "light": "#f0f0f0"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "#4caf50"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "#f44336"
+    },
+    "diffContext": {
+      "dark": "foregroundMuted",
+      "light": "#5c5c8a"
+    },
+    "diffHunkHeader": {
+      "dark": "purple",
+      "light": "#9c27b0"
+    },
+    "diffHighlightAdded": {
+      "dark": "greenBright",
+      "light": "#4caf50"
+    },
+    "diffHighlightRemoved": {
+      "dark": "redBright",
+      "light": "#f44336"
+    },
+    "diffAddedBg": {
+      "dark": "#1a3a2a",
+      "light": "#e8f5e9"
+    },
+    "diffRemovedBg": {
+      "dark": "#3a1a2a",
+      "light": "#ffebee"
+    },
+    "diffContextBg": {
+      "dark": "#1e1a29",
+      "light": "#f5f5f5"
+    },
+    "diffLineNumber": {
+      "dark": "#495495",
+      "light": "#b0b0b0"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#1a3a2a",
+      "light": "#e8f5e9"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#3a1a2a",
+      "light": "#ffebee"
+    },
+    "markdownText": {
+      "dark": "foreground",
+      "light": "#262335"
+    },
+    "markdownHeading": {
+      "dark": "pink",
+      "light": "#e91e63"
+    },
+    "markdownLink": {
+      "dark": "cyan",
+      "light": "#00bcd4"
+    },
+    "markdownLinkText": {
+      "dark": "purple",
+      "light": "#9c27b0"
+    },
+    "markdownCode": {
+      "dark": "green",
+      "light": "#4caf50"
+    },
+    "markdownBlockQuote": {
+      "dark": "foregroundMuted",
+      "light": "#5c5c8a"
+    },
+    "markdownEmph": {
+      "dark": "yellow",
+      "light": "#ff9800"
+    },
+    "markdownStrong": {
+      "dark": "orange",
+      "light": "#ff5722"
+    },
+    "markdownHorizontalRule": {
+      "dark": "#495495",
+      "light": "#e0e0e0"
+    },
+    "markdownListItem": {
+      "dark": "cyan",
+      "light": "#00bcd4"
+    },
+    "markdownListEnumeration": {
+      "dark": "purple",
+      "light": "#9c27b0"
+    },
+    "markdownImage": {
+      "dark": "cyan",
+      "light": "#00bcd4"
+    },
+    "markdownImageText": {
+      "dark": "purple",
+      "light": "#9c27b0"
+    },
+    "markdownCodeBlock": {
+      "dark": "foreground",
+      "light": "#262335"
+    },
+    "syntaxComment": {
+      "dark": "foregroundMuted",
+      "light": "#5c5c8a"
+    },
+    "syntaxKeyword": {
+      "dark": "pink",
+      "light": "#e91e63"
+    },
+    "syntaxFunction": {
+      "dark": "orange",
+      "light": "#ff5722"
+    },
+    "syntaxVariable": {
+      "dark": "foreground",
+      "light": "#262335"
+    },
+    "syntaxString": {
+      "dark": "yellow",
+      "light": "#ff9800"
+    },
+    "syntaxNumber": {
+      "dark": "purple",
+      "light": "#9c27b0"
+    },
+    "syntaxType": {
+      "dark": "cyan",
+      "light": "#00bcd4"
+    },
+    "syntaxOperator": {
+      "dark": "pink",
+      "light": "#e91e63"
+    },
+    "syntaxPunctuation": {
+      "dark": "foreground",
+      "light": "#262335"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/tokyo-night--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/tokyo-night--transparent.json
new file mode 100644
index 00000000000..967c8077c9b
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/tokyo-night--transparent.json
@@ -0,0 +1,243 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkStep1": "#1a1b26",
+    "darkStep2": "#1e2030",
+    "darkStep3": "#222436",
+    "darkStep4": "#292e42",
+    "darkStep5": "#3b4261",
+    "darkStep6": "#545c7e",
+    "darkStep7": "#737aa2",
+    "darkStep8": "#9099b2",
+    "darkStep9": "#82aaff",
+    "darkStep10": "#89b4fa",
+    "darkStep11": "#828bb8",
+    "darkStep12": "#c8d3f5",
+    "darkRed": "#ff757f",
+    "darkOrange": "#ff966c",
+    "darkYellow": "#ffc777",
+    "darkGreen": "#c3e88d",
+    "darkCyan": "#86e1fc",
+    "darkPurple": "#c099ff",
+    "lightStep1": "#e1e2e7",
+    "lightStep2": "#d5d6db",
+    "lightStep3": "#c8c9ce",
+    "lightStep4": "#b9bac1",
+    "lightStep5": "#a8aecb",
+    "lightStep6": "#9699a8",
+    "lightStep7": "#737a8c",
+    "lightStep8": "#5a607d",
+    "lightStep9": "#2e7de9",
+    "lightStep10": "#1a6ce7",
+    "lightStep11": "#8990a3",
+    "lightStep12": "#3760bf",
+    "lightRed": "#f52a65",
+    "lightOrange": "#b15c00",
+    "lightYellow": "#8c6c3e",
+    "lightGreen": "#587539",
+    "lightCyan": "#007197",
+    "lightPurple": "#9854f1"
+  },
+  "theme": {
+    "primary": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "secondary": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "accent": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "error": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "warning": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "success": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "info": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "text": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "textMuted": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "darkStep2",
+      "light": "lightStep2"
+    },
+    "backgroundElement": {
+      "dark": "darkStep3",
+      "light": "lightStep3"
+    },
+    "border": {
+      "dark": "darkStep7",
+      "light": "lightStep7"
+    },
+    "borderActive": {
+      "dark": "darkStep8",
+      "light": "lightStep8"
+    },
+    "borderSubtle": {
+      "dark": "darkStep6",
+      "light": "lightStep6"
+    },
+    "diffAdded": {
+      "dark": "#4fd6be",
+      "light": "#1e725c"
+    },
+    "diffRemoved": {
+      "dark": "#c53b53",
+      "light": "#c53b53"
+    },
+    "diffContext": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHunkHeader": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHighlightAdded": {
+      "dark": "#b8db87",
+      "light": "#4db380"
+    },
+    "diffHighlightRemoved": {
+      "dark": "#e26a75",
+      "light": "#f52a65"
+    },
+    "diffAddedBg": {
+      "dark": "#20303b",
+      "light": "#d5e5d5"
+    },
+    "diffRemovedBg": {
+      "dark": "#37222c",
+      "light": "#f7d8db"
+    },
+    "diffContextBg": {
+      "dark": "darkStep2",
+      "light": "lightStep2"
+    },
+    "diffLineNumber": {
+      "dark": "darkStep3",
+      "light": "lightStep3"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#1b2b34",
+      "light": "#c5d5c5"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2d1f26",
+      "light": "#e7c8cb"
+    },
+    "markdownText": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "markdownHeading": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "markdownLink": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownLinkText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCode": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownEmph": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownStrong": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "markdownHorizontalRule": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "markdownListItem": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownImage": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownImageText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "syntaxComment": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "syntaxKeyword": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "syntaxFunction": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "syntaxVariable": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "syntaxString": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "syntaxNumber": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "syntaxType": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "syntaxOperator": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/tokyo-night.json b/packages/opencode/src/cli/cmd/tui/context/theme/tokyo-night.json
new file mode 100644
index 00000000000..1c9503a4202
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/tokyo-night.json
@@ -0,0 +1,243 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkStep1": "#1a1b26",
+    "darkStep2": "#1e2030",
+    "darkStep3": "#222436",
+    "darkStep4": "#292e42",
+    "darkStep5": "#3b4261",
+    "darkStep6": "#545c7e",
+    "darkStep7": "#737aa2",
+    "darkStep8": "#9099b2",
+    "darkStep9": "#82aaff",
+    "darkStep10": "#89b4fa",
+    "darkStep11": "#828bb8",
+    "darkStep12": "#c8d3f5",
+    "darkRed": "#ff757f",
+    "darkOrange": "#ff966c",
+    "darkYellow": "#ffc777",
+    "darkGreen": "#c3e88d",
+    "darkCyan": "#86e1fc",
+    "darkPurple": "#c099ff",
+    "lightStep1": "#e1e2e7",
+    "lightStep2": "#d5d6db",
+    "lightStep3": "#c8c9ce",
+    "lightStep4": "#b9bac1",
+    "lightStep5": "#a8aecb",
+    "lightStep6": "#9699a8",
+    "lightStep7": "#737a8c",
+    "lightStep8": "#5a607d",
+    "lightStep9": "#2e7de9",
+    "lightStep10": "#1a6ce7",
+    "lightStep11": "#8990a3",
+    "lightStep12": "#3760bf",
+    "lightRed": "#f52a65",
+    "lightOrange": "#b15c00",
+    "lightYellow": "#8c6c3e",
+    "lightGreen": "#587539",
+    "lightCyan": "#007197",
+    "lightPurple": "#9854f1"
+  },
+  "theme": {
+    "primary": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "secondary": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "accent": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "error": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "warning": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "success": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "info": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "text": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "textMuted": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "background": {
+      "dark": "darkStep1",
+      "light": "lightStep1"
+    },
+    "backgroundPanel": {
+      "dark": "darkStep2",
+      "light": "lightStep2"
+    },
+    "backgroundElement": {
+      "dark": "darkStep3",
+      "light": "lightStep3"
+    },
+    "border": {
+      "dark": "darkStep7",
+      "light": "lightStep7"
+    },
+    "borderActive": {
+      "dark": "darkStep8",
+      "light": "lightStep8"
+    },
+    "borderSubtle": {
+      "dark": "darkStep6",
+      "light": "lightStep6"
+    },
+    "diffAdded": {
+      "dark": "#4fd6be",
+      "light": "#1e725c"
+    },
+    "diffRemoved": {
+      "dark": "#c53b53",
+      "light": "#c53b53"
+    },
+    "diffContext": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHunkHeader": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHighlightAdded": {
+      "dark": "#b8db87",
+      "light": "#4db380"
+    },
+    "diffHighlightRemoved": {
+      "dark": "#e26a75",
+      "light": "#f52a65"
+    },
+    "diffAddedBg": {
+      "dark": "#20303b",
+      "light": "#d5e5d5"
+    },
+    "diffRemovedBg": {
+      "dark": "#37222c",
+      "light": "#f7d8db"
+    },
+    "diffContextBg": {
+      "dark": "darkStep2",
+      "light": "lightStep2"
+    },
+    "diffLineNumber": {
+      "dark": "darkStep3",
+      "light": "lightStep3"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#1b2b34",
+      "light": "#c5d5c5"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2d1f26",
+      "light": "#e7c8cb"
+    },
+    "markdownText": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "markdownHeading": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "markdownLink": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownLinkText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCode": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownEmph": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownStrong": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "markdownHorizontalRule": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "markdownListItem": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownImage": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownImageText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "syntaxComment": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "syntaxKeyword": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "syntaxFunction": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "syntaxVariable": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "syntaxString": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "syntaxNumber": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "syntaxType": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "syntaxOperator": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/tokyonight--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/tokyonight--transparent.json
new file mode 100644
index 00000000000..967c8077c9b
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/tokyonight--transparent.json
@@ -0,0 +1,243 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkStep1": "#1a1b26",
+    "darkStep2": "#1e2030",
+    "darkStep3": "#222436",
+    "darkStep4": "#292e42",
+    "darkStep5": "#3b4261",
+    "darkStep6": "#545c7e",
+    "darkStep7": "#737aa2",
+    "darkStep8": "#9099b2",
+    "darkStep9": "#82aaff",
+    "darkStep10": "#89b4fa",
+    "darkStep11": "#828bb8",
+    "darkStep12": "#c8d3f5",
+    "darkRed": "#ff757f",
+    "darkOrange": "#ff966c",
+    "darkYellow": "#ffc777",
+    "darkGreen": "#c3e88d",
+    "darkCyan": "#86e1fc",
+    "darkPurple": "#c099ff",
+    "lightStep1": "#e1e2e7",
+    "lightStep2": "#d5d6db",
+    "lightStep3": "#c8c9ce",
+    "lightStep4": "#b9bac1",
+    "lightStep5": "#a8aecb",
+    "lightStep6": "#9699a8",
+    "lightStep7": "#737a8c",
+    "lightStep8": "#5a607d",
+    "lightStep9": "#2e7de9",
+    "lightStep10": "#1a6ce7",
+    "lightStep11": "#8990a3",
+    "lightStep12": "#3760bf",
+    "lightRed": "#f52a65",
+    "lightOrange": "#b15c00",
+    "lightYellow": "#8c6c3e",
+    "lightGreen": "#587539",
+    "lightCyan": "#007197",
+    "lightPurple": "#9854f1"
+  },
+  "theme": {
+    "primary": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "secondary": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "accent": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "error": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "warning": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "success": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "info": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "text": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "textMuted": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "darkStep2",
+      "light": "lightStep2"
+    },
+    "backgroundElement": {
+      "dark": "darkStep3",
+      "light": "lightStep3"
+    },
+    "border": {
+      "dark": "darkStep7",
+      "light": "lightStep7"
+    },
+    "borderActive": {
+      "dark": "darkStep8",
+      "light": "lightStep8"
+    },
+    "borderSubtle": {
+      "dark": "darkStep6",
+      "light": "lightStep6"
+    },
+    "diffAdded": {
+      "dark": "#4fd6be",
+      "light": "#1e725c"
+    },
+    "diffRemoved": {
+      "dark": "#c53b53",
+      "light": "#c53b53"
+    },
+    "diffContext": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHunkHeader": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHighlightAdded": {
+      "dark": "#b8db87",
+      "light": "#4db380"
+    },
+    "diffHighlightRemoved": {
+      "dark": "#e26a75",
+      "light": "#f52a65"
+    },
+    "diffAddedBg": {
+      "dark": "#20303b",
+      "light": "#d5e5d5"
+    },
+    "diffRemovedBg": {
+      "dark": "#37222c",
+      "light": "#f7d8db"
+    },
+    "diffContextBg": {
+      "dark": "darkStep2",
+      "light": "lightStep2"
+    },
+    "diffLineNumber": {
+      "dark": "darkStep3",
+      "light": "lightStep3"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#1b2b34",
+      "light": "#c5d5c5"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2d1f26",
+      "light": "#e7c8cb"
+    },
+    "markdownText": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "markdownHeading": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "markdownLink": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownLinkText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCode": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownEmph": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownStrong": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "markdownHorizontalRule": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "markdownListItem": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownImage": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "markdownImageText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "syntaxComment": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "syntaxKeyword": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "syntaxFunction": {
+      "dark": "darkStep9",
+      "light": "lightStep9"
+    },
+    "syntaxVariable": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "syntaxString": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "syntaxNumber": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "syntaxType": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "syntaxOperator": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/toxikat--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/toxikat--transparent.json
new file mode 100644
index 00000000000..6268fad317f
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/toxikat--transparent.json
@@ -0,0 +1,81 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "black": "#000000",
+    "amber": "#c90",
+    "amber_bright": "#eb0",
+    "amber_light": "#bb0",
+    "cyan": "#0dd",
+    "cyan_bright": "#6b9",
+    "green": "#00bb00",
+    "green_dark": "#0b0",
+    "green_muted": "#595",
+    "green_olive": "#680",
+    "orange": "#cb5",
+    "orange_bright": "#ff6600",
+    "pink": "#ff69b4",
+    "purple": "#da70d6",
+    "teal_dark": "#099",
+    "red": "#ff0000",
+    "red_orange": "#ff2200",
+    "gray_dark": "#111111",
+    "gray_extra_dark": "#0a0a0a",
+    "gray_medium": "#555555",
+    "gray_light": "#888888"
+  },
+  "theme": {
+    "primary": "green",
+    "secondary": "green_dark",
+    "accent": "teal_dark",
+    "error": "red",
+    "warning": "red_orange",
+    "success": "green_dark",
+    "info": "cyan",
+    "text": "amber",
+    "textMuted": "gray_light",
+    "background": "none",
+    "backgroundPanel": "gray_extra_dark",
+    "backgroundElement": "gray_extra_dark",
+    "border": "gray_medium",
+    "borderActive": "amber",
+    "borderSubtle": "gray_dark",
+    "diffAdded": "green_dark",
+    "diffRemoved": "red",
+    "diffContext": "amber",
+    "diffHunkHeader": "pink",
+    "diffHighlightAdded": "green_dark",
+    "diffHighlightRemoved": "red",
+    "diffAddedBg": "#003000",
+    "diffRemovedBg": "#300000",
+    "diffContextBg": "black",
+    "diffLineNumber": "gray_medium",
+    "diffAddedLineNumberBg": "#004400",
+    "diffRemovedLineNumberBg": "#440000",
+    "markdownCodeBlock": "#bb0",
+    "markdownText": "amber",
+    "markdownHeading": "amber_light",
+    "markdownLink": "cyan",
+    "markdownLinkText": "teal_dark",
+    "markdownCode": "#680",
+    "markdownBlockQuote": "gray_dark",
+    "markdownEmph": "orange",
+    "markdownStrong": "teal_dark",
+    "markdownHorizontalRule": "gray_medium",
+    "markdownListItem": "cyan",
+    "markdownListEnumeration": "amber_bright",
+    "markdownImage": "purple",
+    "markdownImageText": "pink",
+    "markdownCodeBlock": "#680",
+    "selectedListItemText": "black",
+    "syntaxComment": "gray_medium",
+    "syntaxKeyword": "#680",
+    "syntaxFunction": "amber_light",
+    "syntaxVariable": "green_dark",
+    "syntaxString": "green_olive",
+    "syntaxNumber": "orange",
+    "syntaxType": "purple",
+    "syntaxOperator": "teal_dark",
+    "syntaxPunctuation": "amber",
+    "thinkingOpacity": 0.8
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/toxikat--ultratransparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/toxikat--ultratransparent.json
new file mode 100644
index 00000000000..1a3778f6971
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/toxikat--ultratransparent.json
@@ -0,0 +1,80 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "black": "#000000",
+    "amber": "#c90",
+    "amber_bright": "#eb0",
+    "amber_light": "#bb0",
+    "cyan": "#0dd",
+    "cyan_bright": "#6b9",
+    "green": "#00bb00",
+    "green_dark": "#0b0",
+    "green_muted": "#595",
+    "green_olive": "#680",
+    "orange": "#cb5",
+    "orange_bright": "#ff6600",
+    "pink": "#ff69b4",
+    "purple": "#da70d6",
+    "teal_dark": "#099",
+    "red": "#ff0000",
+    "red_orange": "#ff2200",
+    "gray_dark": "#111111",
+    "gray_extra_dark": "#080808",
+    "gray_medium": "#555555",
+    "gray_light": "#888888"
+  },
+  "theme": {
+    "primary": "green",
+    "secondary": "green_dark",
+    "accent": "teal_dark",
+    "error": "red",
+    "warning": "red_orange",
+    "success": "green_dark",
+    "info": "cyan",
+    "text": "amber",
+    "textMuted": "gray_medium",
+    "background": "none",
+    "backgroundPanel": "none",
+    "backgroundElement": "none",
+    "border": "gray_medium",
+    "borderActive": "amber",
+    "borderSubtle": "gray_dark",
+    "diffAdded": "green_dark",
+    "diffRemoved": "red",
+    "diffContext": "amber",
+    "diffHunkHeader": "pink",
+    "diffHighlightAdded": "green_dark",
+    "diffHighlightRemoved": "red",
+    "diffAddedBg": "#003000",
+    "diffRemovedBg": "#300000",
+    "diffContextBg": "black",
+    "diffLineNumber": "gray_medium",
+    "diffAddedLineNumberBg": "#004400",
+    "diffRemovedLineNumberBg": "#440000",
+    "markdownCodeBlock": "#680",
+    "markdownText": "amber",
+    "markdownHeading": "amber_light",
+    "markdownLink": "cyan",
+    "markdownLinkText": "teal_dark",
+    "markdownCode": "#680",
+    "markdownBlockQuote": "gray_dark",
+    "markdownEmph": "orange",
+    "markdownStrong": "teal_dark",
+    "markdownHorizontalRule": "gray_medium",
+    "markdownListItem": "cyan",
+    "markdownListEnumeration": "amber_bright",
+    "markdownImage": "purple",
+    "markdownImageText": "pink",
+    "selectedListItemText": "black",
+    "syntaxComment": "gray_medium",
+    "syntaxKeyword": "#680",
+    "syntaxFunction": "amber_light",
+    "syntaxVariable": "green_dark",
+    "syntaxString": "green_olive",
+    "syntaxNumber": "orange",
+    "syntaxType": "purple",
+    "syntaxOperator": "teal_dark",
+    "syntaxPunctuation": "amber",
+    "thinkingOpacity": 0.8
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/toxikat.json b/packages/opencode/src/cli/cmd/tui/context/theme/toxikat.json
new file mode 100644
index 00000000000..d2a6386f790
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/toxikat.json
@@ -0,0 +1,80 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "black": "#000000",
+    "amber": "#c90",
+    "amber_bright": "#eb0",
+    "amber_light": "#bb0",
+    "cyan": "#0dd",
+    "cyan_bright": "#6b9",
+    "green": "#00bb00",
+    "green_dark": "#0b0",
+    "green_muted": "#595",
+    "green_olive": "#680",
+    "orange": "#cb5",
+    "orange_bright": "#ff6600",
+    "pink": "#ff69b4",
+    "purple": "#da70d6",
+    "teal_dark": "#099",
+    "red": "#ff0000",
+    "red_orange": "#ff2200",
+    "gray_dark": "#111111",
+    "gray_extra_dark": "#0a0a0a",
+    "gray_medium": "#555555",
+    "gray_light": "#888888"
+  },
+  "theme": {
+    "primary": "green",
+    "secondary": "green_dark",
+    "accent": "teal_dark",
+    "error": "red",
+    "warning": "red_orange",
+    "success": "green_dark",
+    "info": "cyan",
+    "text": "amber",
+    "textMuted": "gray_light",
+    "background": "black",
+    "backgroundPanel": "gray_extra_dark",
+    "backgroundElement": "gray_extra_dark",
+    "border": "gray_medium",
+    "borderActive": "amber",
+    "borderSubtle": "gray_dark",
+    "diffAdded": "green_dark",
+    "diffRemoved": "red",
+    "diffContext": "amber",
+    "diffHunkHeader": "pink",
+    "diffHighlightAdded": "green_dark",
+    "diffHighlightRemoved": "red",
+    "diffAddedBg": "#003000",
+    "diffRemovedBg": "#300000",
+    "diffContextBg": "black",
+    "diffLineNumber": "gray_medium",
+    "diffAddedLineNumberBg": "#004400",
+    "diffRemovedLineNumberBg": "#440000",
+    "markdownText": "amber",
+    "markdownHeading": "amber_light",
+    "markdownLink": "cyan",
+    "markdownLinkText": "teal_dark",
+    "markdownCode": "#680",
+    "markdownBlockQuote": "gray_dark",
+    "markdownEmph": "orange",
+    "markdownStrong": "teal_dark",
+    "markdownHorizontalRule": "gray_medium",
+    "markdownListItem": "cyan",
+    "markdownListEnumeration": "amber_bright",
+    "markdownImage": "purple",
+    "markdownImageText": "pink",
+    "markdownCodeBlock": "#680",
+    "selectedListItemText": "black",
+    "syntaxComment": "gray_medium",
+    "syntaxKeyword": "#680",
+    "syntaxFunction": "amber_light",
+    "syntaxVariable": "green_dark",
+    "syntaxString": "green_olive",
+    "syntaxNumber": "orange",
+    "syntaxType": "purple",
+    "syntaxOperator": "teal_dark",
+    "syntaxPunctuation": "amber",
+    "thinkingOpacity": 0.8
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/vercel--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/vercel--transparent.json
new file mode 100644
index 00000000000..d9829208be4
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/vercel--transparent.json
@@ -0,0 +1,245 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "background100": "#0A0A0A",
+    "background200": "#000000",
+    "gray100": "#1A1A1A",
+    "gray200": "#1F1F1F",
+    "gray300": "#292929",
+    "gray400": "#2E2E2E",
+    "gray500": "#454545",
+    "gray600": "#878787",
+    "gray700": "#8F8F8F",
+    "gray900": "#A1A1A1",
+    "gray1000": "#EDEDED",
+    "blue600": "#0099FF",
+    "blue700": "#0070F3",
+    "blue900": "#52A8FF",
+    "blue1000": "#EBF8FF",
+    "red700": "#E5484D",
+    "red900": "#FF6166",
+    "red1000": "#FDECED",
+    "amber700": "#FFB224",
+    "amber900": "#F2A700",
+    "amber1000": "#FDF4DC",
+    "green700": "#46A758",
+    "green900": "#63C46D",
+    "green1000": "#E6F9E9",
+    "teal700": "#12A594",
+    "teal900": "#0AC7AC",
+    "purple700": "#8E4EC6",
+    "purple900": "#BF7AF0",
+    "pink700": "#E93D82",
+    "pink900": "#F75590",
+    "highlightPink": "#FF0080",
+    "highlightPurple": "#F81CE5",
+    "cyan": "#50E3C2",
+    "lightBackground": "#FFFFFF",
+    "lightGray100": "#FAFAFA",
+    "lightGray200": "#EAEAEA",
+    "lightGray600": "#666666",
+    "lightGray1000": "#171717"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue700",
+      "light": "blue700"
+    },
+    "secondary": {
+      "dark": "blue900",
+      "light": "#0062D1"
+    },
+    "accent": {
+      "dark": "purple700",
+      "light": "purple700"
+    },
+    "error": {
+      "dark": "red700",
+      "light": "#DC3545"
+    },
+    "warning": {
+      "dark": "amber700",
+      "light": "#FF9500"
+    },
+    "success": {
+      "dark": "green700",
+      "light": "#388E3C"
+    },
+    "info": {
+      "dark": "blue900",
+      "light": "blue700"
+    },
+    "text": {
+      "dark": "gray1000",
+      "light": "lightGray1000"
+    },
+    "textMuted": {
+      "dark": "gray600",
+      "light": "lightGray600"
+    },
+    "background": {
+      "dark": "none",
+      "light": "none"
+    },
+    "backgroundPanel": {
+      "dark": "gray100",
+      "light": "lightGray100"
+    },
+    "backgroundElement": {
+      "dark": "gray300",
+      "light": "lightGray200"
+    },
+    "border": {
+      "dark": "gray200",
+      "light": "lightGray200"
+    },
+    "borderActive": {
+      "dark": "gray500",
+      "light": "#999999"
+    },
+    "borderSubtle": {
+      "dark": "gray100",
+      "light": "#EAEAEA"
+    },
+    "diffAdded": {
+      "dark": "green900",
+      "light": "green700"
+    },
+    "diffRemoved": {
+      "dark": "red900",
+      "light": "red700"
+    },
+    "diffContext": {
+      "dark": "gray600",
+      "light": "lightGray600"
+    },
+    "diffHunkHeader": {
+      "dark": "gray600",
+      "light": "lightGray600"
+    },
+    "diffHighlightAdded": {
+      "dark": "green900",
+      "light": "green700"
+    },
+    "diffHighlightRemoved": {
+      "dark": "red900",
+      "light": "red700"
+    },
+    "diffAddedBg": {
+      "dark": "#0B1D0F",
+      "light": "#E6F9E9"
+    },
+    "diffRemovedBg": {
+      "dark": "#2A1314",
+      "light": "#FDECED"
+    },
+    "diffContextBg": {
+      "dark": "background200",
+      "light": "lightBackground"
+    },
+    "diffLineNumber": {
+      "dark": "gray600",
+      "light": "lightGray600"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#0F2613",
+      "light": "#D6F5D6"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#3C1618",
+      "light": "#FFE5E5"
+    },
+    "markdownText": {
+      "dark": "gray1000",
+      "light": "lightGray1000"
+    },
+    "markdownHeading": {
+      "dark": "purple900",
+      "light": "purple700"
+    },
+    "markdownLink": {
+      "dark": "blue900",
+      "light": "blue700"
+    },
+    "markdownLinkText": {
+      "dark": "teal900",
+      "light": "teal700"
+    },
+    "markdownCode": {
+      "dark": "green900",
+      "light": "green700"
+    },
+    "markdownBlockQuote": {
+      "dark": "gray600",
+      "light": "lightGray600"
+    },
+    "markdownEmph": {
+      "dark": "amber900",
+      "light": "amber700"
+    },
+    "markdownStrong": {
+      "dark": "pink900",
+      "light": "pink700"
+    },
+    "markdownHorizontalRule": {
+      "dark": "gray500",
+      "light": "#999999"
+    },
+    "markdownListItem": {
+      "dark": "gray1000",
+      "light": "lightGray1000"
+    },
+    "markdownListEnumeration": {
+      "dark": "blue900",
+      "light": "blue700"
+    },
+    "markdownImage": {
+      "dark": "teal900",
+      "light": "teal700"
+    },
+    "markdownImageText": {
+      "dark": "cyan",
+      "light": "teal700"
+    },
+    "markdownCodeBlock": {
+      "dark": "gray1000",
+      "light": "lightGray1000"
+    },
+    "syntaxComment": {
+      "dark": "gray600",
+      "light": "#888888"
+    },
+    "syntaxKeyword": {
+      "dark": "pink900",
+      "light": "pink700"
+    },
+    "syntaxFunction": {
+      "dark": "purple900",
+      "light": "purple700"
+    },
+    "syntaxVariable": {
+      "dark": "blue900",
+      "light": "blue700"
+    },
+    "syntaxString": {
+      "dark": "green900",
+      "light": "green700"
+    },
+    "syntaxNumber": {
+      "dark": "amber900",
+      "light": "amber700"
+    },
+    "syntaxType": {
+      "dark": "teal900",
+      "light": "teal700"
+    },
+    "syntaxOperator": {
+      "dark": "pink900",
+      "light": "pink700"
+    },
+    "syntaxPunctuation": {
+      "dark": "gray1000",
+      "light": "lightGray1000"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/vesper--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/vesper--transparent.json
new file mode 100644
index 00000000000..bc7eeeb2863
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/vesper--transparent.json
@@ -0,0 +1,215 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "vesperBg": "#101010",
+    "vesperFg": "#FFF",
+    "vesperComment": "#8b8b8b94",
+    "vesperKeyword": "#A0A0A0",
+    "vesperFunction": "#FFC799",
+    "vesperString": "#99FFE4",
+    "vesperNumber": "#FFC799",
+    "vesperError": "#FF8080",
+    "vesperWarning": "#FFC799",
+    "vesperSuccess": "#99FFE4",
+    "vesperMuted": "#A0A0A0"
+  },
+  "theme": {
+    "primary": {
+      "dark": "#FFC799",
+      "light": "#FFC799"
+    },
+    "secondary": {
+      "dark": "#99FFE4",
+      "light": "#99FFE4"
+    },
+    "accent": {
+      "dark": "#FFC799",
+      "light": "#FFC799"
+    },
+    "error": {
+      "dark": "vesperError",
+      "light": "vesperError"
+    },
+    "warning": {
+      "dark": "vesperWarning",
+      "light": "vesperWarning"
+    },
+    "success": {
+      "dark": "vesperSuccess",
+      "light": "vesperSuccess"
+    },
+    "info": {
+      "dark": "#FFC799",
+      "light": "#FFC799"
+    },
+    "text": {
+      "dark": "vesperFg",
+      "light": "vesperBg"
+    },
+    "textMuted": {
+      "dark": "vesperMuted",
+      "light": "vesperMuted"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "vesperBg",
+      "light": "#F0F0F0"
+    },
+    "backgroundElement": {
+      "dark": "vesperBg",
+      "light": "#E0E0E0"
+    },
+    "border": {
+      "dark": "#282828",
+      "light": "#D0D0D0"
+    },
+    "borderActive": {
+      "dark": "#FFC799",
+      "light": "#FFC799"
+    },
+    "borderSubtle": {
+      "dark": "#1C1C1C",
+      "light": "#E8E8E8"
+    },
+    "diffAdded": {
+      "dark": "vesperSuccess",
+      "light": "vesperSuccess"
+    },
+    "diffRemoved": {
+      "dark": "vesperError",
+      "light": "vesperError"
+    },
+    "diffContext": {
+      "dark": "vesperMuted",
+      "light": "vesperMuted"
+    },
+    "diffHunkHeader": {
+      "dark": "vesperMuted",
+      "light": "vesperMuted"
+    },
+    "diffHighlightAdded": {
+      "dark": "vesperSuccess",
+      "light": "vesperSuccess"
+    },
+    "diffHighlightRemoved": {
+      "dark": "vesperError",
+      "light": "vesperError"
+    },
+    "diffAddedBg": {
+      "dark": "#0d2818",
+      "light": "#e8f5e8"
+    },
+    "diffRemovedBg": {
+      "dark": "#281a1a",
+      "light": "#f5e8e8"
+    },
+    "diffContextBg": {
+      "dark": "vesperBg",
+      "light": "#F8F8F8"
+    },
+    "diffLineNumber": {
+      "dark": "#505050",
+      "light": "#808080"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#0d2818",
+      "light": "#e8f5e8"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#281a1a",
+      "light": "#f5e8e8"
+    },
+    "markdownText": {
+      "dark": "vesperFg",
+      "light": "vesperBg"
+    },
+    "markdownHeading": {
+      "dark": "#FFC799",
+      "light": "#FFC799"
+    },
+    "markdownLink": {
+      "dark": "#FFC799",
+      "light": "#FFC799"
+    },
+    "markdownLinkText": {
+      "dark": "vesperMuted",
+      "light": "vesperMuted"
+    },
+    "markdownCode": {
+      "dark": "vesperMuted",
+      "light": "vesperMuted"
+    },
+    "markdownBlockQuote": {
+      "dark": "vesperFg",
+      "light": "vesperBg"
+    },
+    "markdownEmph": {
+      "dark": "vesperFg",
+      "light": "vesperBg"
+    },
+    "markdownStrong": {
+      "dark": "vesperFg",
+      "light": "vesperBg"
+    },
+    "markdownHorizontalRule": {
+      "dark": "#65737E",
+      "light": "#65737E"
+    },
+    "markdownListItem": {
+      "dark": "vesperFg",
+      "light": "vesperBg"
+    },
+    "markdownListEnumeration": {
+      "dark": "vesperFg",
+      "light": "vesperBg"
+    },
+    "markdownImage": {
+      "dark": "#FFC799",
+      "light": "#FFC799"
+    },
+    "markdownImageText": {
+      "dark": "vesperMuted",
+      "light": "vesperMuted"
+    },
+    "markdownCodeBlock": {
+      "dark": "vesperFg",
+      "light": "vesperBg"
+    },
+    "syntaxComment": {
+      "dark": "vesperComment",
+      "light": "vesperComment"
+    },
+    "syntaxKeyword": {
+      "dark": "vesperKeyword",
+      "light": "vesperKeyword"
+    },
+    "syntaxFunction": {
+      "dark": "vesperFunction",
+      "light": "vesperFunction"
+    },
+    "syntaxVariable": {
+      "dark": "vesperFg",
+      "light": "vesperBg"
+    },
+    "syntaxString": {
+      "dark": "vesperString",
+      "light": "vesperString"
+    },
+    "syntaxNumber": {
+      "dark": "vesperNumber",
+      "light": "vesperNumber"
+    },
+    "syntaxType": {
+      "dark": "vesperFunction",
+      "light": "vesperFunction"
+    },
+    "syntaxOperator": {
+      "dark": "vesperKeyword",
+      "light": "vesperKeyword"
+    },
+    "syntaxPunctuation": {
+      "dark": "vesperFg",
+      "light": "vesperBg"
+    }
+  }
+}
diff --git a/packages/opencode/src/cli/cmd/tui/context/theme/zenburn--transparent.json b/packages/opencode/src/cli/cmd/tui/context/theme/zenburn--transparent.json
new file mode 100644
index 00000000000..bfb1ccd7f1d
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/context/theme/zenburn--transparent.json
@@ -0,0 +1,220 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "bg": "#3f3f3f",
+    "bgAlt": "#4f4f4f",
+    "bgPanel": "#5f5f5f",
+    "fg": "#dcdccc",
+    "fgMuted": "#9f9f9f",
+    "red": "#cc9393",
+    "redBright": "#dca3a3",
+    "green": "#7f9f7f",
+    "greenBright": "#8fb28f",
+    "yellow": "#f0dfaf",
+    "yellowDim": "#e0cf9f",
+    "blue": "#8cd0d3",
+    "blueDim": "#7cb8bb",
+    "magenta": "#dc8cc3",
+    "cyan": "#93e0e3",
+    "orange": "#dfaf8f"
+  },
+  "theme": {
+    "primary": {
+      "dark": "blue",
+      "light": "#5f7f8f"
+    },
+    "secondary": {
+      "dark": "magenta",
+      "light": "#8f5f8f"
+    },
+    "accent": {
+      "dark": "cyan",
+      "light": "#5f8f8f"
+    },
+    "error": {
+      "dark": "red",
+      "light": "#8f5f5f"
+    },
+    "warning": {
+      "dark": "yellow",
+      "light": "#8f8f5f"
+    },
+    "success": {
+      "dark": "green",
+      "light": "#5f8f5f"
+    },
+    "info": {
+      "dark": "orange",
+      "light": "#8f7f5f"
+    },
+    "text": {
+      "dark": "fg",
+      "light": "#3f3f3f"
+    },
+    "textMuted": {
+      "dark": "fgMuted",
+      "light": "#6f6f6f"
+    },
+    "background": "none",
+    "backgroundPanel": {
+      "dark": "bgAlt",
+      "light": "#f5f5e5"
+    },
+    "backgroundElement": {
+      "dark": "bgPanel",
+      "light": "#ebebdb"
+    },
+    "border": {
+      "dark": "#5f5f5f",
+      "light": "#d0d0c0"
+    },
+    "borderActive": {
+      "dark": "blue",
+      "light": "#5f7f8f"
+    },
+    "borderSubtle": {
+      "dark": "#4f4f4f",
+      "light": "#e0e0d0"
+    },
+    "diffAdded": {
+      "dark": "green",
+      "light": "#5f8f5f"
+    },
+    "diffRemoved": {
+      "dark": "red",
+      "light": "#8f5f5f"
+    },
+    "diffContext": {
+      "dark": "fgMuted",
+      "light": "#6f6f6f"
+    },
+    "diffHunkHeader": {
+      "dark": "cyan",
+      "light": "#5f8f8f"
+    },
+    "diffHighlightAdded": {
+      "dark": "greenBright",
+      "light": "#5f8f5f"
+    },
+    "diffHighlightRemoved": {
+      "dark": "redBright",
+      "light": "#8f5f5f"
+    },
+    "diffAddedBg": {
+      "dark": "#4f5f4f",
+      "light": "#efffef"
+    },
+    "diffRemovedBg": {
+      "dark": "#5f4f4f",
+      "light": "#ffefef"
+    },
+    "diffContextBg": {
+      "dark": "bgAlt",
+      "light": "#f5f5e5"
+    },
+    "diffLineNumber": {
+      "dark": "#6f6f6f",
+      "light": "#b0b0a0"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#4f5f4f",
+      "light": "#efffef"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#5f4f4f",
+      "light": "#ffefef"
+    },
+    "markdownText": {
+      "dark": "fg",
+      "light": "#3f3f3f"
+    },
+    "markdownHeading": {
+      "dark": "yellow",
+      "light": "#8f8f5f"
+    },
+    "markdownLink": {
+      "dark": "blue",
+      "light": "#5f7f8f"
+    },
+    "markdownLinkText": {
+      "dark": "cyan",
+      "light": "#5f8f8f"
+    },
+    "markdownCode": {
+      "dark": "green",
+      "light": "#5f8f5f"
+    },
+    "markdownBlockQuote": {
+      "dark": "fgMuted",
+      "light": "#6f6f6f"
+    },
+    "markdownEmph": {
+      "dark": "yellowDim",
+      "light": "#8f8f5f"
+    },
+    "markdownStrong": {
+      "dark": "orange",
+      "light": "#8f7f5f"
+    },
+    "markdownHorizontalRule": {
+      "dark": "fgMuted",
+      "light": "#6f6f6f"
+    },
+    "markdownListItem": {
+      "dark": "blue",
+      "light": "#5f7f8f"
+    },
+    "markdownListEnumeration": {
+      "dark": "cyan",
+      "light": "#5f8f8f"
+    },
+    "markdownImage": {
+      "dark": "blue",
+      "light": "#5f7f8f"
+    },
+    "markdownImageText": {
+      "dark": "cyan",
+      "light": "#5f8f8f"
+    },
+    "markdownCodeBlock": {
+      "dark": "fg",
+      "light": "#3f3f3f"
+    },
+    "syntaxComment": {
+      "dark": "#7f9f7f",
+      "light": "#5f7f5f"
+    },
+    "syntaxKeyword": {
+      "dark": "yellow",
+      "light": "#8f8f5f"
+    },
+    "syntaxFunction": {
+      "dark": "blue",
+      "light": "#5f7f8f"
+    },
+    "syntaxVariable": {
+      "dark": "fg",
+      "light": "#3f3f3f"
+    },
+    "syntaxString": {
+      "dark": "red",
+      "light": "#8f5f5f"
+    },
+    "syntaxNumber": {
+      "dark": "greenBright",
+      "light": "#5f8f5f"
+    },
+    "syntaxType": {
+      "dark": "cyan",
+      "light": "#5f8f8f"
+    },
+    "syntaxOperator": {
+      "dark": "yellow",
+      "light": "#8f8f5f"
+    },
+    "syntaxPunctuation": {
+      "dark": "fg",
+      "light": "#3f3f3f"
+    }
+  }
+}