@yeshwanthyk/open-tui 0.1.4 → 0.1.6

package/dist/context/theme.js

@@ -1,4 +1,7 @@
-import { jsx as _jsx } from "solid-js/h/jsx-runtime";
+import { createComponent as _$createComponent } from "@opentui/solid";
+/**
+ * Theme context - provides theming for TUI components
+ */
 import { parseColor, RGBA, SyntaxStyle } from "@opentui/core";
 import { createContext, createEffect, createMemo, useContext } from "solid-js";
 import { createStore } from "solid-js/store";
@@ -34,615 +37,836 @@ import vercel from "../themes/vercel.json";
 import vesper from "../themes/vesper.json";
 import zenburn from "../themes/zenburn.json";
 export const BUILTIN_THEMES = {
-    marvin: marvin,
-    aura: aura,
-    ayu: ayu,
-    catppuccin: catppuccin,
-    "catppuccin-macchiato": catppuccinMacchiato,
-    cobalt2: cobalt2,
-    dracula: dracula,
-    everforest: everforest,
-    flexoki: flexoki,
-    github: github,
-    gruvbox: gruvbox,
-    kanagawa: kanagawa,
-    "lucent-orng": lucentOrng,
-    material: material,
-    matrix: matrix,
-    mercury: mercury,
-    monokai: monokai,
-    nightowl: nightowl,
-    nord: nord,
-    "one-dark": onedark,
-    opencode: opencode,
-    orng: orng,
-    palenight: palenight,
-    rosepine: rosepine,
-    solarized: solarized,
-    synthwave84: synthwave84,
-    tokyonight: tokyonight,
-    vercel: vercel,
-    vesper: vesper,
-    zenburn: zenburn,
+  marvin: marvin,
+  aura: aura,
+  ayu: ayu,
+  catppuccin: catppuccin,
+  "catppuccin-macchiato": catppuccinMacchiato,
+  cobalt2: cobalt2,
+  dracula: dracula,
+  everforest: everforest,
+  flexoki: flexoki,
+  github: github,
+  gruvbox: gruvbox,
+  kanagawa: kanagawa,
+  "lucent-orng": lucentOrng,
+  material: material,
+  matrix: matrix,
+  mercury: mercury,
+  monokai: monokai,
+  nightowl: nightowl,
+  nord: nord,
+  "one-dark": onedark,
+  opencode: opencode,
+  orng: orng,
+  palenight: palenight,
+  rosepine: rosepine,
+  solarized: solarized,
+  synthwave84: synthwave84,
+  tokyonight: tokyonight,
+  vercel: vercel,
+  vesper: vesper,
+  zenburn: zenburn
 };
 /**
  * Default dark theme colors - soft contrast, minimal aesthetic
  */
 const defaultDarkTheme = {
-    // Muted, desaturated primaries
-    primary: parseColor("#d4a373"), // warm muted tan
-    secondary: parseColor("#7d9bba"), // soft steel blue
-    accent: parseColor("#87a987"), // sage green
-    error: parseColor("#c47a7a"), // soft coral
-    warning: parseColor("#d4b483"), // muted gold
-    success: parseColor("#87a987"), // sage green
-    info: parseColor("#7d9bba"), // soft steel blue
-    text: parseColor("#c8c8c8"), // soft white
-    textMuted: parseColor("#6b6b6b"), // medium gray
-    background: parseColor("#161616"), // near black
-    backgroundPanel: parseColor("#1a1a1a"), // slightly lifted
-    backgroundElement: parseColor("#222222"), // subtle contrast
-    backgroundMenu: parseColor("#131313"),
-    border: parseColor("#2a2a2a"), // very subtle
-    borderSubtle: parseColor("#222222"),
-    borderActive: parseColor("#7d9bba"),
-    selectionBg: parseColor("#333333"),
-    selectionFg: parseColor("#e0e0e0"),
-    // Softer diff colors
-    diffAdded: parseColor("#87a987"),
-    diffRemoved: parseColor("#c47a7a"),
-    diffContext: parseColor("#6b6b6b"),
-    diffAddedBg: parseColor("#1a2a1a"),
-    diffRemovedBg: parseColor("#2a1a1a"),
-    diffContextBg: parseColor("transparent"),
-    diffLineNumberFg: parseColor("#4a4a4a"),
-    diffLineNumberBg: parseColor("transparent"),
-    diffAddedLineNumberBg: parseColor("#1a2a1a"),
-    diffRemovedLineNumberBg: parseColor("#2a1a1a"),
-    diffAddedSign: parseColor("#6b9b6b"),
-    diffRemovedSign: parseColor("#b06060"),
-    diffHighlightAddedBg: parseColor("#253525"),
-    diffHighlightRemovedBg: parseColor("#352525"),
-    // Markdown - muted
-    markdownText: parseColor("#c8c8c8"),
-    markdownHeading: parseColor("#a0a0a0"),
-    markdownLink: parseColor("#9090a0"),
-    markdownLinkUrl: parseColor("#606060"),
-    markdownCode: parseColor("#b0a090"),
-    markdownCodeBlock: parseColor("#b0b0b0"),
-    markdownCodeBlockBorder: parseColor("#2a2a2a"),
-    markdownBlockQuote: parseColor("#707070"),
-    markdownBlockQuoteBorder: parseColor("#303030"),
-    markdownHr: parseColor("#303030"),
-    markdownListBullet: parseColor("#707070"),
-    markdownStrong: parseColor("#c8c8c8"),
-    markdownEmph: parseColor("#d4c48a"),
-    markdownListEnumeration: parseColor("#7d9bba"),
-    markdownImage: parseColor("#9090a0"),
-    markdownStrikethrough: parseColor("#6b6b6b"),
-    // Syntax - soft but readable contrast
-    syntaxComment: parseColor("#5a5a5a"),
-    syntaxString: parseColor("#98b998"), // sage green, slightly brighter
-    syntaxKeyword: parseColor("#b09cc0"), // soft lavender
-    syntaxFunction: parseColor("#8aafc8"), // steel blue
-    syntaxVariable: parseColor("#c0c0c0"),
-    syntaxType: parseColor("#d4c48a"), // warm gold
-    syntaxNumber: parseColor("#d4a87a"), // soft orange
-    syntaxConstant: parseColor("#d4a87a"),
-    syntaxOperator: parseColor("#a0a0a0"),
-    syntaxPunctuation: parseColor("#909090"),
-    syntaxProperty: parseColor("#8ac0b0"), // teal
-    syntaxTag: parseColor("#c09090"), // dusty rose
-    syntaxAttribute: parseColor("#d4c48a"),
+  // Muted, desaturated primaries
+  primary: parseColor("#d4a373"),
+  // warm muted tan
+  secondary: parseColor("#7d9bba"),
+  // soft steel blue
+  accent: parseColor("#87a987"),
+  // sage green
+  error: parseColor("#c47a7a"),
+  // soft coral
+  warning: parseColor("#d4b483"),
+  // muted gold
+  success: parseColor("#87a987"),
+  // sage green
+  info: parseColor("#7d9bba"),
+  // soft steel blue
+  text: parseColor("#c8c8c8"),
+  // soft white
+  textMuted: parseColor("#6b6b6b"),
+  // medium gray
+  background: parseColor("#161616"),
+  // near black
+  backgroundPanel: parseColor("#1a1a1a"),
+  // slightly lifted
+  backgroundElement: parseColor("#222222"),
+  // subtle contrast
+  backgroundMenu: parseColor("#131313"),
+  border: parseColor("#2a2a2a"),
+  // very subtle
+  borderSubtle: parseColor("#222222"),
+  borderActive: parseColor("#7d9bba"),
+  selectionBg: parseColor("#333333"),
+  selectionFg: parseColor("#e0e0e0"),
+  // Softer diff colors
+  diffAdded: parseColor("#87a987"),
+  diffRemoved: parseColor("#c47a7a"),
+  diffContext: parseColor("#6b6b6b"),
+  diffAddedBg: parseColor("#1a2a1a"),
+  diffRemovedBg: parseColor("#2a1a1a"),
+  diffContextBg: parseColor("transparent"),
+  diffLineNumberFg: parseColor("#4a4a4a"),
+  diffLineNumberBg: parseColor("transparent"),
+  diffAddedLineNumberBg: parseColor("#1a2a1a"),
+  diffRemovedLineNumberBg: parseColor("#2a1a1a"),
+  diffAddedSign: parseColor("#6b9b6b"),
+  diffRemovedSign: parseColor("#b06060"),
+  diffHighlightAddedBg: parseColor("#253525"),
+  diffHighlightRemovedBg: parseColor("#352525"),
+  // Markdown - muted
+  markdownText: parseColor("#c8c8c8"),
+  markdownHeading: parseColor("#a0a0a0"),
+  markdownLink: parseColor("#9090a0"),
+  markdownLinkUrl: parseColor("#606060"),
+  markdownCode: parseColor("#b0a090"),
+  markdownCodeBlock: parseColor("#b0b0b0"),
+  markdownCodeBlockBorder: parseColor("#2a2a2a"),
+  markdownBlockQuote: parseColor("#707070"),
+  markdownBlockQuoteBorder: parseColor("#303030"),
+  markdownHr: parseColor("#303030"),
+  markdownListBullet: parseColor("#707070"),
+  markdownStrong: parseColor("#c8c8c8"),
+  markdownEmph: parseColor("#d4c48a"),
+  markdownListEnumeration: parseColor("#7d9bba"),
+  markdownImage: parseColor("#9090a0"),
+  markdownStrikethrough: parseColor("#6b6b6b"),
+  // Syntax - soft but readable contrast
+  syntaxComment: parseColor("#5a5a5a"),
+  syntaxString: parseColor("#98b998"),
+  // sage green, slightly brighter
+  syntaxKeyword: parseColor("#b09cc0"),
+  // soft lavender
+  syntaxFunction: parseColor("#8aafc8"),
+  // steel blue
+  syntaxVariable: parseColor("#c0c0c0"),
+  syntaxType: parseColor("#d4c48a"),
+  // warm gold
+  syntaxNumber: parseColor("#d4a87a"),
+  // soft orange
+  syntaxConstant: parseColor("#d4a87a"),
+  syntaxOperator: parseColor("#a0a0a0"),
+  syntaxPunctuation: parseColor("#909090"),
+  syntaxProperty: parseColor("#8ac0b0"),
+  // teal
+  syntaxTag: parseColor("#c09090"),
+  // dusty rose
+  syntaxAttribute: parseColor("#d4c48a")
 };
 /**
  * Default light theme colors - optimized for high contrast on light backgrounds
  */
 const defaultLightTheme = {
-    primary: parseColor("#b06000"), // darker orange for better contrast
-    secondary: parseColor("#0550ae"), // darker blue
-    accent: parseColor("#1a7f37"), // darker green for tool labels
-    error: parseColor("#c21f3a"),
-    warning: parseColor("#9a6700"), // darker gold/amber
-    success: parseColor("#1a7f37"),
-    info: parseColor("#0550ae"),
-    text: parseColor("#1f2328"), // near-black for main text
-    textMuted: parseColor("#656d76"), // darker gray for better readability
-    background: parseColor("#ffffff"),
-    backgroundPanel: parseColor("#f6f8fa"),
-    backgroundElement: parseColor("#eaeef2"),
-    backgroundMenu: parseColor("#f6f8fa"),
-    border: parseColor("#d0d7de"),
-    borderSubtle: parseColor("#e6e9ef"),
-    borderActive: parseColor("#0550ae"),
-    selectionBg: parseColor("#ddf4ff"),
-    selectionFg: parseColor("#1f2328"),
-    diffAdded: parseColor("#1a7f37"),
-    diffRemoved: parseColor("#c21f3a"),
-    diffContext: parseColor("#656d76"),
-    diffAddedBg: parseColor("#dafbe1"),
-    diffRemovedBg: parseColor("#ffebe9"),
-    diffContextBg: parseColor("transparent"),
-    diffLineNumberFg: parseColor("#656d76"),
-    diffLineNumberBg: parseColor("transparent"),
-    diffAddedLineNumberBg: parseColor("#dafbe1"),
-    diffRemovedLineNumberBg: parseColor("#ffebe9"),
-    diffAddedSign: parseColor("#1a7f37"),
-    diffRemovedSign: parseColor("#c21f3a"),
-    diffHighlightAddedBg: parseColor("#aceebb"),
-    diffHighlightRemovedBg: parseColor("#ffcecb"),
-    markdownText: parseColor("#1f2328"),
-    markdownHeading: parseColor("#0550ae"),
-    markdownLink: parseColor("#8250df"), // purple for links
-    markdownLinkUrl: parseColor("#656d76"),
-    markdownCode: parseColor("#9a6700"), // darker gold
-    markdownCodeBlock: parseColor("#1f2328"),
-    markdownCodeBlockBorder: parseColor("#d0d7de"),
-    markdownBlockQuote: parseColor("#656d76"),
-    markdownBlockQuoteBorder: parseColor("#d0d7de"),
-    markdownHr: parseColor("#d0d7de"),
-    markdownListBullet: parseColor("#1a7f37"),
-    markdownStrong: parseColor("#1f2328"),
-    markdownEmph: parseColor("#9a6700"),
-    markdownListEnumeration: parseColor("#0550ae"),
-    markdownImage: parseColor("#8250df"),
-    markdownStrikethrough: parseColor("#656d76"),
-    syntaxComment: parseColor("#6e7781"), // darker gray
-    syntaxString: parseColor("#0a3069"), // dark blue for strings
-    syntaxKeyword: parseColor("#8250df"), // purple
-    syntaxFunction: parseColor("#8250df"), // purple for functions
-    syntaxVariable: parseColor("#1f2328"),
-    syntaxType: parseColor("#953800"), // dark orange
-    syntaxNumber: parseColor("#0550ae"), // blue for numbers
-    syntaxConstant: parseColor("#0550ae"),
-    syntaxOperator: parseColor("#1f2328"),
-    syntaxPunctuation: parseColor("#1f2328"),
-    syntaxProperty: parseColor("#0550ae"),
-    syntaxTag: parseColor("#1a7f37"), // green for tags
-    syntaxAttribute: parseColor("#953800"),
+  primary: parseColor("#b06000"),
+  // darker orange for better contrast
+  secondary: parseColor("#0550ae"),
+  // darker blue
+  accent: parseColor("#1a7f37"),
+  // darker green for tool labels
+  error: parseColor("#c21f3a"),
+  warning: parseColor("#9a6700"),
+  // darker gold/amber
+  success: parseColor("#1a7f37"),
+  info: parseColor("#0550ae"),
+  text: parseColor("#1f2328"),
+  // near-black for main text
+  textMuted: parseColor("#656d76"),
+  // darker gray for better readability
+  background: parseColor("#ffffff"),
+  backgroundPanel: parseColor("#f6f8fa"),
+  backgroundElement: parseColor("#eaeef2"),
+  backgroundMenu: parseColor("#f6f8fa"),
+  border: parseColor("#d0d7de"),
+  borderSubtle: parseColor("#e6e9ef"),
+  borderActive: parseColor("#0550ae"),
+  selectionBg: parseColor("#ddf4ff"),
+  selectionFg: parseColor("#1f2328"),
+  diffAdded: parseColor("#1a7f37"),
+  diffRemoved: parseColor("#c21f3a"),
+  diffContext: parseColor("#656d76"),
+  diffAddedBg: parseColor("#dafbe1"),
+  diffRemovedBg: parseColor("#ffebe9"),
+  diffContextBg: parseColor("transparent"),
+  diffLineNumberFg: parseColor("#656d76"),
+  diffLineNumberBg: parseColor("transparent"),
+  diffAddedLineNumberBg: parseColor("#dafbe1"),
+  diffRemovedLineNumberBg: parseColor("#ffebe9"),
+  diffAddedSign: parseColor("#1a7f37"),
+  diffRemovedSign: parseColor("#c21f3a"),
+  diffHighlightAddedBg: parseColor("#aceebb"),
+  diffHighlightRemovedBg: parseColor("#ffcecb"),
+  markdownText: parseColor("#1f2328"),
+  markdownHeading: parseColor("#0550ae"),
+  markdownLink: parseColor("#8250df"),
+  // purple for links
+  markdownLinkUrl: parseColor("#656d76"),
+  markdownCode: parseColor("#9a6700"),
+  // darker gold
+  markdownCodeBlock: parseColor("#1f2328"),
+  markdownCodeBlockBorder: parseColor("#d0d7de"),
+  markdownBlockQuote: parseColor("#656d76"),
+  markdownBlockQuoteBorder: parseColor("#d0d7de"),
+  markdownHr: parseColor("#d0d7de"),
+  markdownListBullet: parseColor("#1a7f37"),
+  markdownStrong: parseColor("#1f2328"),
+  markdownEmph: parseColor("#9a6700"),
+  markdownListEnumeration: parseColor("#0550ae"),
+  markdownImage: parseColor("#8250df"),
+  markdownStrikethrough: parseColor("#656d76"),
+  syntaxComment: parseColor("#6e7781"),
+  // darker gray
+  syntaxString: parseColor("#0a3069"),
+  // dark blue for strings
+  syntaxKeyword: parseColor("#8250df"),
+  // purple
+  syntaxFunction: parseColor("#8250df"),
+  // purple for functions
+  syntaxVariable: parseColor("#1f2328"),
+  syntaxType: parseColor("#953800"),
+  // dark orange
+  syntaxNumber: parseColor("#0550ae"),
+  // blue for numbers
+  syntaxConstant: parseColor("#0550ae"),
+  syntaxOperator: parseColor("#1f2328"),
+  syntaxPunctuation: parseColor("#1f2328"),
+  syntaxProperty: parseColor("#0550ae"),
+  syntaxTag: parseColor("#1a7f37"),
+  // green for tags
+  syntaxAttribute: parseColor("#953800")
 };
 function clamp01(value) {
-    if (value < 0)
-        return 0;
-    if (value > 1)
-        return 1;
-    return value;
+  if (value < 0) return 0;
+  if (value > 1) return 1;
+  return value;
 }
 function srgbToLinear(channel) {
-    if (channel <= 0.04045)
-        return channel / 12.92;
-    return Math.pow((channel + 0.055) / 1.055, 2.4);
+  if (channel <= 0.04045) return channel / 12.92;
+  return Math.pow((channel + 0.055) / 1.055, 2.4);
 }
 function relativeLuminance(color) {
-    const r = srgbToLinear(clamp01(color.r));
-    const g = srgbToLinear(clamp01(color.g));
-    const b = srgbToLinear(clamp01(color.b));
-    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+  const r = srgbToLinear(clamp01(color.r));
+  const g = srgbToLinear(clamp01(color.g));
+  const b = srgbToLinear(clamp01(color.b));
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
 }
 function contrastRatio(a, b) {
-    const l1 = relativeLuminance(a);
-    const l2 = relativeLuminance(b);
-    const lighter = Math.max(l1, l2);
-    const darker = Math.min(l1, l2);
-    return (lighter + 0.05) / (darker + 0.05);
+  const l1 = relativeLuminance(a);
+  const l2 = relativeLuminance(b);
+  const lighter = Math.max(l1, l2);
+  const darker = Math.min(l1, l2);
+  return (lighter + 0.05) / (darker + 0.05);
 }
 function compositeOver(background, overlay) {
-    if (overlay.a >= 0.99)
-        return overlay;
-    if (overlay.a <= 0.01)
-        return background;
-    const inv = 1 - overlay.a;
-    return RGBA.fromValues(overlay.r * overlay.a + background.r * inv, overlay.g * overlay.a + background.g * inv, overlay.b * overlay.a + background.b * inv, 1);
+  if (overlay.a >= 0.99) return overlay;
+  if (overlay.a <= 0.01) return background;
+  const inv = 1 - overlay.a;
+  return RGBA.fromValues(overlay.r * overlay.a + background.r * inv, overlay.g * overlay.a + background.g * inv, overlay.b * overlay.a + background.b * inv, 1);
 }
 function contrastAgainst(background, foreground) {
-    const effective = compositeOver(background, foreground);
-    return contrastRatio(effective, background);
+  const effective = compositeOver(background, foreground);
+  return contrastRatio(effective, background);
 }
 function generateGrayScale(background, isDark) {
-    const grays = {};
-    const bgR = background.r * 255;
-    const bgG = background.g * 255;
-    const bgB = background.b * 255;
-    const luminance = 0.299 * bgR + 0.587 * bgG + 0.114 * bgB;
-    for (let i = 1; i <= 12; i += 1) {
-        const factor = i / 12.0;
-        let newR = 0;
-        let newG = 0;
-        let newB = 0;
-        if (isDark) {
-            if (luminance < 10) {
-                const grayValue = Math.floor(factor * 0.4 * 255);
-                newR = grayValue;
-                newG = grayValue;
-                newB = grayValue;
-            }
-            else {
-                const newLum = luminance + (255 - luminance) * factor * 0.4;
-                const ratio = newLum / luminance;
-                newR = Math.min(bgR * ratio, 255);
-                newG = Math.min(bgG * ratio, 255);
-                newB = Math.min(bgB * ratio, 255);
-            }
-        }
-        else if (luminance > 245) {
-            const grayValue = Math.floor(255 - factor * 0.4 * 255);
-            newR = grayValue;
-            newG = grayValue;
-            newB = grayValue;
-        }
-        else {
-            const newLum = luminance * (1 - factor * 0.4);
-            const ratio = newLum / luminance;
-            newR = Math.max(bgR * ratio, 0);
-            newG = Math.max(bgG * ratio, 0);
-            newB = Math.max(bgB * ratio, 0);
-        }
-        grays[i] = RGBA.fromInts(Math.floor(newR), Math.floor(newG), Math.floor(newB));
-    }
-    return grays;
+  const grays = {};
+  const bgR = background.r * 255;
+  const bgG = background.g * 255;
+  const bgB = background.b * 255;
+  const luminance = 0.299 * bgR + 0.587 * bgG + 0.114 * bgB;
+  for (let i = 1; i <= 12; i += 1) {
+    const factor = i / 12.0;
+    let newR = 0;
+    let newG = 0;
+    let newB = 0;
+    if (isDark) {
+      if (luminance < 10) {
+        const grayValue = Math.floor(factor * 0.4 * 255);
+        newR = grayValue;
+        newG = grayValue;
+        newB = grayValue;
+      } else {
+        const newLum = luminance + (255 - luminance) * factor * 0.4;
+        const ratio = newLum / luminance;
+        newR = Math.min(bgR * ratio, 255);
+        newG = Math.min(bgG * ratio, 255);
+        newB = Math.min(bgB * ratio, 255);
+      }
+    } else if (luminance > 245) {
+      const grayValue = Math.floor(255 - factor * 0.4 * 255);
+      newR = grayValue;
+      newG = grayValue;
+      newB = grayValue;
+    } else {
+      const newLum = luminance * (1 - factor * 0.4);
+      const ratio = newLum / luminance;
+      newR = Math.max(bgR * ratio, 0);
+      newG = Math.max(bgG * ratio, 0);
+      newB = Math.max(bgB * ratio, 0);
+    }
+    grays[i] = RGBA.fromInts(Math.floor(newR), Math.floor(newG), Math.floor(newB));
+  }
+  return grays;
 }
 function getGray(grays, index, fallback) {
-    const value = grays[index];
-    return value === undefined ? fallback : value;
+  const value = grays[index];
+  return value === undefined ? fallback : value;
 }
 function generateMutedTextColor(background, isDark) {
-    const bgR = background.r * 255;
-    const bgG = background.g * 255;
-    const bgB = background.b * 255;
-    const luminance = 0.299 * bgR + 0.587 * bgG + 0.114 * bgB;
-    let grayValue = 0;
-    if (isDark) {
-        if (luminance < 10) {
-            grayValue = 180;
-        }
-        else {
-            grayValue = Math.min(Math.floor(160 + luminance * 0.3), 200);
-        }
-    }
-    else if (luminance > 245) {
-        grayValue = 75;
+  const bgR = background.r * 255;
+  const bgG = background.g * 255;
+  const bgB = background.b * 255;
+  const luminance = 0.299 * bgR + 0.587 * bgG + 0.114 * bgB;
+  let grayValue = 0;
+  if (isDark) {
+    if (luminance < 10) {
+      grayValue = 180;
+    } else {
+      grayValue = Math.min(Math.floor(160 + luminance * 0.3), 200);
     }
-    else {
-        grayValue = Math.max(Math.floor(100 - (255 - luminance) * 0.2), 60);
-    }
-    return RGBA.fromInts(grayValue, grayValue, grayValue);
+  } else if (luminance > 245) {
+    grayValue = 75;
+  } else {
+    grayValue = Math.max(Math.floor(100 - (255 - luminance) * 0.2), 60);
+  }
+  return RGBA.fromInts(grayValue, grayValue, grayValue);
 }
 function ensureLightModeContrast(theme) {
-    const effectiveBackground = theme.background.a >= 0.99 ? theme.background : defaultLightTheme.background;
-    const overrides = {};
-    const selectionBgMatchesElement = theme.selectionBg === theme.backgroundElement;
-    const muted = generateMutedTextColor(effectiveBackground, false);
-    if (theme.background.a >= 0.99) {
-        const grays = generateGrayScale(effectiveBackground, false);
-        const panelFallback = getGray(grays, 2, theme.backgroundPanel);
-        const panel = contrastAgainst(effectiveBackground, theme.backgroundPanel) >= 1.04 ? theme.backgroundPanel : panelFallback;
-        if (panel !== theme.backgroundPanel)
-            overrides.backgroundPanel = panel;
-        const elementFallback = getGray(grays, 3, theme.backgroundElement);
-        const element = contrastAgainst(effectiveBackground, theme.backgroundElement) >= 1.08 ? theme.backgroundElement : elementFallback;
-        if (element !== theme.backgroundElement)
-            overrides.backgroundElement = element;
-        const menuFallback = getGray(grays, 3, theme.backgroundMenu);
-        const menu = contrastAgainst(effectiveBackground, theme.backgroundMenu) >= 1.08 ? theme.backgroundMenu : menuFallback;
-        if (menu !== theme.backgroundMenu)
-            overrides.backgroundMenu = menu;
-        const borderSubtleFallback = getGray(grays, 6, theme.borderSubtle);
-        const borderSubtle = contrastAgainst(effectiveBackground, theme.borderSubtle) >= 1.12 ? theme.borderSubtle : borderSubtleFallback;
-        if (borderSubtle !== theme.borderSubtle)
-            overrides.borderSubtle = borderSubtle;
-        const borderFallback = getGray(grays, 7, theme.border);
-        const border = contrastAgainst(effectiveBackground, theme.border) >= 1.2 ? theme.border : borderFallback;
-        if (border !== theme.border)
-            overrides.border = border;
-    }
-    const textMuted = contrastAgainst(effectiveBackground, theme.textMuted) >= 3 ? theme.textMuted : muted;
-    if (textMuted !== theme.textMuted)
-        overrides.textMuted = textMuted;
-    const backgroundElementOverride = overrides.backgroundElement;
-    if (selectionBgMatchesElement && backgroundElementOverride !== undefined) {
-        overrides.selectionBg = backgroundElementOverride;
-    }
-    const selectionBg = overrides.selectionBg ?? theme.selectionBg;
-    const selectionTarget = compositeOver(effectiveBackground, selectionBg);
-    const currentSelection = contrastAgainst(selectionTarget, theme.selectionFg);
-    if (currentSelection < 3) {
-        const textRatio = contrastAgainst(selectionTarget, theme.text);
-        const backgroundRatio = contrastAgainst(selectionTarget, theme.background);
-        let best = theme.text;
-        let bestRatio = textRatio;
-        if (backgroundRatio > bestRatio) {
-            best = theme.background;
-            bestRatio = backgroundRatio;
-        }
-        if (bestRatio < 3) {
-            const black = RGBA.fromInts(0, 0, 0);
-            const white = RGBA.fromInts(255, 255, 255);
-            best = contrastAgainst(selectionTarget, black) >= contrastAgainst(selectionTarget, white) ? black : white;
-        }
-        overrides.selectionFg = best;
-    }
-    if (Object.keys(overrides).length === 0)
-        return theme;
-    return { ...theme, ...overrides };
+  const effectiveBackground = theme.background.a >= 0.99 ? theme.background : defaultLightTheme.background;
+  const overrides = {};
+  const selectionBgMatchesElement = theme.selectionBg === theme.backgroundElement;
+  const muted = generateMutedTextColor(effectiveBackground, false);
+  if (theme.background.a >= 0.99) {
+    const grays = generateGrayScale(effectiveBackground, false);
+    const panelFallback = getGray(grays, 2, theme.backgroundPanel);
+    const panel = contrastAgainst(effectiveBackground, theme.backgroundPanel) >= 1.04 ? theme.backgroundPanel : panelFallback;
+    if (panel !== theme.backgroundPanel) overrides.backgroundPanel = panel;
+    const elementFallback = getGray(grays, 3, theme.backgroundElement);
+    const element = contrastAgainst(effectiveBackground, theme.backgroundElement) >= 1.08 ? theme.backgroundElement : elementFallback;
+    if (element !== theme.backgroundElement) overrides.backgroundElement = element;
+    const menuFallback = getGray(grays, 3, theme.backgroundMenu);
+    const menu = contrastAgainst(effectiveBackground, theme.backgroundMenu) >= 1.08 ? theme.backgroundMenu : menuFallback;
+    if (menu !== theme.backgroundMenu) overrides.backgroundMenu = menu;
+    const borderSubtleFallback = getGray(grays, 6, theme.borderSubtle);
+    const borderSubtle = contrastAgainst(effectiveBackground, theme.borderSubtle) >= 1.12 ? theme.borderSubtle : borderSubtleFallback;
+    if (borderSubtle !== theme.borderSubtle) overrides.borderSubtle = borderSubtle;
+    const borderFallback = getGray(grays, 7, theme.border);
+    const border = contrastAgainst(effectiveBackground, theme.border) >= 1.2 ? theme.border : borderFallback;
+    if (border !== theme.border) overrides.border = border;
+  }
+  const textMuted = contrastAgainst(effectiveBackground, theme.textMuted) >= 3 ? theme.textMuted : muted;
+  if (textMuted !== theme.textMuted) overrides.textMuted = textMuted;
+  const backgroundElementOverride = overrides.backgroundElement;
+  if (selectionBgMatchesElement && backgroundElementOverride !== undefined) {
+    overrides.selectionBg = backgroundElementOverride;
+  }
+  const selectionBg = overrides.selectionBg ?? theme.selectionBg;
+  const selectionTarget = compositeOver(effectiveBackground, selectionBg);
+  const currentSelection = contrastAgainst(selectionTarget, theme.selectionFg);
+  if (currentSelection < 3) {
+    const textRatio = contrastAgainst(selectionTarget, theme.text);
+    const backgroundRatio = contrastAgainst(selectionTarget, theme.background);
+    let best = theme.text;
+    let bestRatio = textRatio;
+    if (backgroundRatio > bestRatio) {
+      best = theme.background;
+      bestRatio = backgroundRatio;
+    }
+    if (bestRatio < 3) {
+      const black = RGBA.fromInts(0, 0, 0);
+      const white = RGBA.fromInts(255, 255, 255);
+      best = contrastAgainst(selectionTarget, black) >= contrastAgainst(selectionTarget, white) ? black : white;
+    }
+    overrides.selectionFg = best;
+  }
+  if (Object.keys(overrides).length === 0) return theme;
+  return {
+    ...theme,
+    ...overrides
+  };
 }
 /**
  * Resolve a ThemeJson to concrete RGBA colors for a given mode
  */
 function resolveThemeJson(themeJson, mode) {
-    const defs = themeJson.defs ?? {};
-    function resolveColor(c) {
-        if (c instanceof RGBA)
-            return c;
-        if (typeof c === "string") {
-            if (c === "transparent" || c === "none")
-                return parseColor("transparent");
-            if (c.startsWith("#"))
-                return parseColor(c);
-            // Reference to defs
-            if (defs[c] != null)
-                return resolveColor(defs[c]);
-            // Reference to another theme key
-            if (themeJson.theme[c] !== undefined)
-                return resolveColor(themeJson.theme[c]);
-            // Unknown reference - return magenta as debug indicator
-            console.warn(`Unknown color reference: ${c}`);
-            return parseColor("#ff00ff");
-        }
-        // Variant object { dark: ..., light: ... }
-        if (typeof c === "object" && c !== null && "dark" in c && "light" in c) {
-            return resolveColor(c[mode]);
-        }
-        // Unknown - return magenta
-        return parseColor("#ff00ff");
-    }
-    const resolved = {};
-    for (const [key, value] of Object.entries(themeJson.theme)) {
-        if (key === "$schema")
-            continue;
-        resolved[key] = resolveColor(value);
-    }
-    return resolved;
+  const defs = themeJson.defs ?? {};
+  function resolveColor(c) {
+    if (c instanceof RGBA) return c;
+    if (typeof c === "string") {
+      if (c === "transparent" || c === "none") return parseColor("transparent");
+      if (c.startsWith("#")) return parseColor(c);
+      // Reference to defs
+      if (defs[c] != null) return resolveColor(defs[c]);
+      // Reference to another theme key
+      if (themeJson.theme[c] !== undefined) return resolveColor(themeJson.theme[c]);
+      // Unknown reference - return magenta as debug indicator
+      console.warn(`Unknown color reference: ${c}`);
+      return parseColor("#ff00ff");
+    }
+    // Variant object { dark: ..., light: ... }
+    if (typeof c === "object" && c !== null && "dark" in c && "light" in c) {
+      return resolveColor(c[mode]);
+    }
+    // Unknown - return magenta
+    return parseColor("#ff00ff");
+  }
+  const resolved = {};
+  for (const [key, value] of Object.entries(themeJson.theme)) {
+    if (key === "$schema") continue;
+    resolved[key] = resolveColor(value);
+  }
+  return resolved;
 }
 /**
  * Map resolved opencode theme colors to marvin ThemeColors with fallbacks
  */
 function mapToThemeColors(resolved, mode) {
-    const base = mode === "dark" ? defaultDarkTheme : defaultLightTheme;
-    // Helper to get color with fallback
-    const get = (key, ...fallbacks) => {
-        const direct = resolved[key];
-        if (direct !== undefined)
-            return direct;
-        for (const fb of fallbacks) {
-            const fallback = resolved[fb];
-            if (fallback !== undefined)
-                return fallback;
-        }
-        return base[key] ?? base.text;
-    };
-    return {
-        primary: get("primary"),
-        secondary: get("secondary"),
-        accent: get("accent"),
-        error: get("error"),
-        warning: get("warning"),
-        success: get("success"),
-        info: get("info"),
-        text: get("text"),
-        textMuted: get("textMuted"),
-        background: get("background"),
-        backgroundPanel: get("backgroundPanel"),
-        backgroundElement: get("backgroundElement"),
-        backgroundMenu: get("backgroundMenu", "backgroundElement"),
-        border: get("border"),
-        borderSubtle: get("borderSubtle"),
-        borderActive: get("borderActive"),
-        selectionBg: get("selectionBg", "backgroundElement"),
-        selectionFg: get("selectionFg", "text"),
-        // Diff colors - map from opencode names
-        diffAdded: get("diffAdded"),
-        diffRemoved: get("diffRemoved"),
-        diffContext: get("diffContext"),
-        diffAddedBg: get("diffAddedBg"),
-        diffRemovedBg: get("diffRemovedBg"),
-        diffContextBg: get("diffContextBg"),
-        diffLineNumberFg: get("diffLineNumber", "textMuted"),
-        diffLineNumberBg: get("diffLineNumberBg", "background"),
-        diffAddedLineNumberBg: get("diffAddedLineNumberBg", "diffAddedBg"),
-        diffRemovedLineNumberBg: get("diffRemovedLineNumberBg", "diffRemovedBg"),
-        diffAddedSign: get("diffAddedSign", "diffAdded"),
-        diffRemovedSign: get("diffRemovedSign", "diffRemoved"),
-        diffHighlightAddedBg: get("diffHighlightAddedBg", "diffAddedBg"),
-        diffHighlightRemovedBg: get("diffHighlightRemovedBg", "diffRemovedBg"),
-        // Markdown colors
-        markdownText: get("markdownText", "text"),
-        markdownHeading: get("markdownHeading", "primary"),
-        markdownLink: get("markdownLink", "accent"),
-        markdownLinkUrl: get("markdownLinkUrl", "markdownLinkText", "textMuted"),
-        markdownCode: get("markdownCode", "success"),
-        markdownCodeBlock: get("markdownCodeBlock", "text"),
-        markdownCodeBlockBorder: get("markdownCodeBlockBorder", "border"),
-        markdownBlockQuote: get("markdownBlockQuote", "textMuted"),
-        markdownBlockQuoteBorder: get("markdownBlockQuoteBorder", "border"),
-        markdownHr: get("markdownHorizontalRule", "border"),
-        markdownListBullet: get("markdownListBullet", "markdownListItem", "accent"),
-        markdownStrong: get("markdownStrong", "text"),
-        markdownEmph: get("markdownEmph", "warning"),
-        markdownListEnumeration: get("markdownListEnumeration", "markdownListBullet"),
-        markdownImage: get("markdownImage", "markdownLink"),
-        markdownStrikethrough: get("markdownStrikethrough", "textMuted"),
-        // Syntax colors
-        syntaxComment: get("syntaxComment"),
-        syntaxString: get("syntaxString"),
-        syntaxKeyword: get("syntaxKeyword"),
-        syntaxFunction: get("syntaxFunction"),
-        syntaxVariable: get("syntaxVariable"),
-        syntaxType: get("syntaxType"),
-        syntaxNumber: get("syntaxNumber"),
-        syntaxConstant: get("syntaxConstant", "syntaxNumber"),
-        syntaxOperator: get("syntaxOperator"),
-        syntaxPunctuation: get("syntaxPunctuation"),
-        syntaxProperty: get("syntaxProperty", "syntaxVariable"),
-        syntaxTag: get("syntaxTag", "syntaxKeyword"),
-        syntaxAttribute: get("syntaxAttribute", "syntaxProperty"),
-    };
+  const base = mode === "dark" ? defaultDarkTheme : defaultLightTheme;
+  // Helper to get color with fallback
+  const get = (key, ...fallbacks) => {
+    const direct = resolved[key];
+    if (direct !== undefined) return direct;
+    for (const fb of fallbacks) {
+      const fallback = resolved[fb];
+      if (fallback !== undefined) return fallback;
+    }
+    return base[key] ?? base.text;
+  };
+  return {
+    primary: get("primary"),
+    secondary: get("secondary"),
+    accent: get("accent"),
+    error: get("error"),
+    warning: get("warning"),
+    success: get("success"),
+    info: get("info"),
+    text: get("text"),
+    textMuted: get("textMuted"),
+    background: get("background"),
+    backgroundPanel: get("backgroundPanel"),
+    backgroundElement: get("backgroundElement"),
+    backgroundMenu: get("backgroundMenu", "backgroundElement"),
+    border: get("border"),
+    borderSubtle: get("borderSubtle"),
+    borderActive: get("borderActive"),
+    selectionBg: get("selectionBg", "backgroundElement"),
+    selectionFg: get("selectionFg", "text"),
+    // Diff colors - map from opencode names
+    diffAdded: get("diffAdded"),
+    diffRemoved: get("diffRemoved"),
+    diffContext: get("diffContext"),
+    diffAddedBg: get("diffAddedBg"),
+    diffRemovedBg: get("diffRemovedBg"),
+    diffContextBg: get("diffContextBg"),
+    diffLineNumberFg: get("diffLineNumber", "textMuted"),
+    diffLineNumberBg: get("diffLineNumberBg", "background"),
+    diffAddedLineNumberBg: get("diffAddedLineNumberBg", "diffAddedBg"),
+    diffRemovedLineNumberBg: get("diffRemovedLineNumberBg", "diffRemovedBg"),
+    diffAddedSign: get("diffAddedSign", "diffAdded"),
+    diffRemovedSign: get("diffRemovedSign", "diffRemoved"),
+    diffHighlightAddedBg: get("diffHighlightAddedBg", "diffAddedBg"),
+    diffHighlightRemovedBg: get("diffHighlightRemovedBg", "diffRemovedBg"),
+    // Markdown colors
+    markdownText: get("markdownText", "text"),
+    markdownHeading: get("markdownHeading", "primary"),
+    markdownLink: get("markdownLink", "accent"),
+    markdownLinkUrl: get("markdownLinkUrl", "markdownLinkText", "textMuted"),
+    markdownCode: get("markdownCode", "success"),
+    markdownCodeBlock: get("markdownCodeBlock", "text"),
+    markdownCodeBlockBorder: get("markdownCodeBlockBorder", "border"),
+    markdownBlockQuote: get("markdownBlockQuote", "textMuted"),
+    markdownBlockQuoteBorder: get("markdownBlockQuoteBorder", "border"),
+    markdownHr: get("markdownHorizontalRule", "border"),
+    markdownListBullet: get("markdownListBullet", "markdownListItem", "accent"),
+    markdownStrong: get("markdownStrong", "text"),
+    markdownEmph: get("markdownEmph", "warning"),
+    markdownListEnumeration: get("markdownListEnumeration", "markdownListBullet"),
+    markdownImage: get("markdownImage", "markdownLink"),
+    markdownStrikethrough: get("markdownStrikethrough", "textMuted"),
+    // Syntax colors
+    syntaxComment: get("syntaxComment"),
+    syntaxString: get("syntaxString"),
+    syntaxKeyword: get("syntaxKeyword"),
+    syntaxFunction: get("syntaxFunction"),
+    syntaxVariable: get("syntaxVariable"),
+    syntaxType: get("syntaxType"),
+    syntaxNumber: get("syntaxNumber"),
+    syntaxConstant: get("syntaxConstant", "syntaxNumber"),
+    syntaxOperator: get("syntaxOperator"),
+    syntaxPunctuation: get("syntaxPunctuation"),
+    syntaxProperty: get("syntaxProperty", "syntaxVariable"),
+    syntaxTag: get("syntaxTag", "syntaxKeyword"),
+    syntaxAttribute: get("syntaxAttribute", "syntaxProperty")
+  };
 }
 export function createSyntaxStyle(theme, variant = "normal") {
-    const rules = getSyntaxRules(theme);
-    if (variant === "subtle") {
-        return SyntaxStyle.fromTheme(rules.map((rule) => ({
-            ...rule,
-            style: { ...rule.style, dim: true },
-        })));
-    }
-    return SyntaxStyle.fromTheme(rules);
+  const rules = getSyntaxRules(theme);
+  if (variant === "subtle") {
+    return SyntaxStyle.fromTheme(rules.map(rule => ({
+      ...rule,
+      style: {
+        ...rule.style,
+        dim: true
+      }
+    })));
+  }
+  return SyntaxStyle.fromTheme(rules);
 }
 function getSyntaxRules(theme) {
-    return [
-        // Default text
-        { scope: ["default"], style: { foreground: theme.text } },
-        // Comments
-        { scope: ["comment", "comment.documentation"], style: { foreground: theme.syntaxComment, italic: true } },
-        // Strings
-        { scope: ["string", "symbol"], style: { foreground: theme.syntaxString } },
-        { scope: ["string.escape", "string.regexp"], style: { foreground: theme.syntaxKeyword } },
-        { scope: ["character", "character.special"], style: { foreground: theme.syntaxString } },
-        // Numbers and constants
-        { scope: ["number", "boolean", "float"], style: { foreground: theme.syntaxNumber } },
-        { scope: ["constant", "constant.builtin"], style: { foreground: theme.syntaxConstant } },
-        // Keywords
-        { scope: ["keyword"], style: { foreground: theme.syntaxKeyword, italic: true } },
-        {
-            scope: ["keyword.function", "keyword.return", "keyword.conditional", "keyword.repeat"],
-            style: { foreground: theme.syntaxKeyword, italic: true },
-        },
-        { scope: ["keyword.operator", "operator"], style: { foreground: theme.syntaxOperator } },
-        { scope: ["keyword.import", "keyword.export"], style: { foreground: theme.syntaxKeyword } },
-        { scope: ["keyword.type"], style: { foreground: theme.syntaxType, bold: true, italic: true } },
-        // Functions
-        {
-            scope: ["function", "function.call", "function.method", "function.method.call", "function.builtin"],
-            style: { foreground: theme.syntaxFunction },
-        },
-        { scope: ["constructor"], style: { foreground: theme.syntaxFunction } },
-        // Variables and parameters
-        { scope: ["variable", "variable.parameter", "parameter"], style: { foreground: theme.syntaxVariable } },
-        { scope: ["variable.member", "property", "field"], style: { foreground: theme.syntaxProperty } },
-        { scope: ["variable.builtin", "variable.super"], style: { foreground: theme.error } },
-        // Types
-        { scope: ["type", "type.builtin", "type.definition"], style: { foreground: theme.syntaxType } },
-        { scope: ["class", "module", "namespace"], style: { foreground: theme.syntaxType } },
-        // Punctuation
-        { scope: ["punctuation", "punctuation.bracket", "punctuation.delimiter"], style: { foreground: theme.syntaxPunctuation } },
-        { scope: ["punctuation.special"], style: { foreground: theme.syntaxOperator } },
-        // Tags (HTML/XML)
-        { scope: ["tag"], style: { foreground: theme.syntaxTag } },
-        { scope: ["tag.attribute"], style: { foreground: theme.syntaxAttribute } },
-        { scope: ["tag.delimiter"], style: { foreground: theme.syntaxOperator } },
-        // Attributes and annotations
-        { scope: ["attribute", "annotation"], style: { foreground: theme.warning } },
-        // Markdown specific
-        {
-            scope: ["markup.heading", "markup.heading.1", "markup.heading.2", "markup.heading.3", "markup.heading.4", "markup.heading.5", "markup.heading.6"],
-            style: { foreground: theme.markdownHeading, bold: true },
-        },
-        { scope: ["markup.bold", "markup.strong"], style: { foreground: theme.markdownStrong, bold: true } },
-        { scope: ["markup.italic"], style: { foreground: theme.markdownEmph, italic: true } },
-        { scope: ["markup.strikethrough"], style: { foreground: theme.markdownStrikethrough } },
-        { scope: ["markup.link", "markup.link.url"], style: { foreground: theme.markdownLink, underline: true } },
-        { scope: ["markup.link.label", "label"], style: { foreground: theme.markdownLinkUrl } },
-        { scope: ["markup.raw", "markup.raw.inline", "markup.raw.block"], style: { foreground: theme.markdownCode } },
-        { scope: ["markup.list"], style: { foreground: theme.markdownListBullet } },
-        { scope: ["markup.list.checked"], style: { foreground: theme.success } },
-        { scope: ["markup.list.unchecked"], style: { foreground: theme.textMuted } },
-        { scope: ["markup.quote"], style: { foreground: theme.markdownBlockQuote, italic: true } },
-        // Diff
-        { scope: ["diff.plus"], style: { foreground: theme.diffAdded, background: theme.diffAddedBg } },
-        { scope: ["diff.minus"], style: { foreground: theme.diffRemoved, background: theme.diffRemovedBg } },
-        { scope: ["diff.delta"], style: { foreground: theme.diffContext, background: theme.diffContextBg } },
-        // Conceal (for hidden markdown syntax)
-        { scope: ["conceal"], style: { foreground: theme.textMuted } },
-        // Misc
-        { scope: ["spell", "nospell"], style: { foreground: theme.text } },
-        { scope: ["error"], style: { foreground: theme.error, bold: true } },
-        { scope: ["warning"], style: { foreground: theme.warning, bold: true } },
-        { scope: ["info"], style: { foreground: theme.info } },
-    ];
+  return [
+  // Default text
+  {
+    scope: ["default"],
+    style: {
+      foreground: theme.text
+    }
+  },
+  // Comments
+  {
+    scope: ["comment", "comment.documentation"],
+    style: {
+      foreground: theme.syntaxComment,
+      italic: true
+    }
+  },
+  // Strings
+  {
+    scope: ["string", "symbol"],
+    style: {
+      foreground: theme.syntaxString
+    }
+  }, {
+    scope: ["string.escape", "string.regexp"],
+    style: {
+      foreground: theme.syntaxKeyword
+    }
+  }, {
+    scope: ["character", "character.special"],
+    style: {
+      foreground: theme.syntaxString
+    }
+  },
+  // Numbers and constants
+  {
+    scope: ["number", "boolean", "float"],
+    style: {
+      foreground: theme.syntaxNumber
+    }
+  }, {
+    scope: ["constant", "constant.builtin"],
+    style: {
+      foreground: theme.syntaxConstant
+    }
+  },
+  // Keywords
+  {
+    scope: ["keyword"],
+    style: {
+      foreground: theme.syntaxKeyword,
+      italic: true
+    }
+  }, {
+    scope: ["keyword.function", "keyword.return", "keyword.conditional", "keyword.repeat"],
+    style: {
+      foreground: theme.syntaxKeyword,
+      italic: true
+    }
+  }, {
+    scope: ["keyword.operator", "operator"],
+    style: {
+      foreground: theme.syntaxOperator
+    }
+  }, {
+    scope: ["keyword.import", "keyword.export"],
+    style: {
+      foreground: theme.syntaxKeyword
+    }
+  }, {
+    scope: ["keyword.type"],
+    style: {
+      foreground: theme.syntaxType,
+      bold: true,
+      italic: true
+    }
+  },
+  // Functions
+  {
+    scope: ["function", "function.call", "function.method", "function.method.call", "function.builtin"],
+    style: {
+      foreground: theme.syntaxFunction
+    }
+  }, {
+    scope: ["constructor"],
+    style: {
+      foreground: theme.syntaxFunction
+    }
+  },
+  // Variables and parameters
+  {
+    scope: ["variable", "variable.parameter", "parameter"],
+    style: {
+      foreground: theme.syntaxVariable
+    }
+  }, {
+    scope: ["variable.member", "property", "field"],
+    style: {
+      foreground: theme.syntaxProperty
+    }
+  }, {
+    scope: ["variable.builtin", "variable.super"],
+    style: {
+      foreground: theme.error
+    }
+  },
+  // Types
+  {
+    scope: ["type", "type.builtin", "type.definition"],
+    style: {
+      foreground: theme.syntaxType
+    }
+  }, {
+    scope: ["class", "module", "namespace"],
+    style: {
+      foreground: theme.syntaxType
+    }
+  },
+  // Punctuation
+  {
+    scope: ["punctuation", "punctuation.bracket", "punctuation.delimiter"],
+    style: {
+      foreground: theme.syntaxPunctuation
+    }
+  }, {
+    scope: ["punctuation.special"],
+    style: {
+      foreground: theme.syntaxOperator
+    }
+  },
+  // Tags (HTML/XML)
+  {
+    scope: ["tag"],
+    style: {
+      foreground: theme.syntaxTag
+    }
+  }, {
+    scope: ["tag.attribute"],
+    style: {
+      foreground: theme.syntaxAttribute
+    }
+  }, {
+    scope: ["tag.delimiter"],
+    style: {
+      foreground: theme.syntaxOperator
+    }
+  },
+  // Attributes and annotations
+  {
+    scope: ["attribute", "annotation"],
+    style: {
+      foreground: theme.warning
+    }
+  },
+  // Markdown specific
+  {
+    scope: ["markup.heading", "markup.heading.1", "markup.heading.2", "markup.heading.3", "markup.heading.4", "markup.heading.5", "markup.heading.6"],
+    style: {
+      foreground: theme.markdownHeading,
+      bold: true
+    }
+  }, {
+    scope: ["markup.bold", "markup.strong"],
+    style: {
+      foreground: theme.markdownStrong,
+      bold: true
+    }
+  }, {
+    scope: ["markup.italic"],
+    style: {
+      foreground: theme.markdownEmph,
+      italic: true
+    }
+  }, {
+    scope: ["markup.strikethrough"],
+    style: {
+      foreground: theme.markdownStrikethrough
+    }
+  }, {
+    scope: ["markup.link", "markup.link.url"],
+    style: {
+      foreground: theme.markdownLink,
+      underline: true
+    }
+  }, {
+    scope: ["markup.link.label", "label"],
+    style: {
+      foreground: theme.markdownLinkUrl
+    }
+  }, {
+    scope: ["markup.raw", "markup.raw.inline", "markup.raw.block"],
+    style: {
+      foreground: theme.markdownCode
+    }
+  }, {
+    scope: ["markup.list"],
+    style: {
+      foreground: theme.markdownListBullet
+    }
+  }, {
+    scope: ["markup.list.checked"],
+    style: {
+      foreground: theme.success
+    }
+  }, {
+    scope: ["markup.list.unchecked"],
+    style: {
+      foreground: theme.textMuted
+    }
+  }, {
+    scope: ["markup.quote"],
+    style: {
+      foreground: theme.markdownBlockQuote,
+      italic: true
+    }
+  },
+  // Diff
+  {
+    scope: ["diff.plus"],
+    style: {
+      foreground: theme.diffAdded,
+      background: theme.diffAddedBg
+    }
+  }, {
+    scope: ["diff.minus"],
+    style: {
+      foreground: theme.diffRemoved,
+      background: theme.diffRemovedBg
+    }
+  }, {
+    scope: ["diff.delta"],
+    style: {
+      foreground: theme.diffContext,
+      background: theme.diffContextBg
+    }
+  },
+  // Conceal (for hidden markdown syntax)
+  {
+    scope: ["conceal"],
+    style: {
+      foreground: theme.textMuted
+    }
+  },
+  // Misc
+  {
+    scope: ["spell", "nospell"],
+    style: {
+      foreground: theme.text
+    }
+  }, {
+    scope: ["error"],
+    style: {
+      foreground: theme.error,
+      bold: true
+    }
+  }, {
+    scope: ["warning"],
+    style: {
+      foreground: theme.warning,
+      bold: true
+    }
+  }, {
+    scope: ["info"],
+    style: {
+      foreground: theme.info
+    }
+  }];
 }
 const ThemeContext = createContext();
 export function ThemeProvider(props) {
-    const [store, setStore] = createStore({
-        mode: props.mode ?? "dark",
-        themeName: props.themeName ?? "marvin",
-    });
-    // Sync themeName prop changes to store (for external control)
-    createEffect(() => {
-        if (props.themeName !== undefined && props.themeName !== store.themeName) {
-            setStore("themeName", props.themeName);
-        }
-    });
-    // Sync mode prop changes to store (for external light/dark toggle)
-    createEffect(() => {
-        if (props.mode !== undefined && props.mode !== store.mode) {
-            setStore("mode", props.mode);
-        }
-    });
-    const resolvedTheme = createMemo(() => {
-        const name = store.themeName;
-        const mode = store.mode;
-        // Fallback to defaults for unknown themes
-        if (!BUILTIN_THEMES[name]) {
-            const base = mode === "dark" ? defaultDarkTheme : defaultLightTheme;
-            const merged = { ...base, ...props.customTheme };
-            return mode === "light" ? ensureLightModeContrast(merged) : merged;
-        }
-        // Resolve named theme (including marvin)
-        const themeJson = BUILTIN_THEMES[name];
-        const resolved = resolveThemeJson(themeJson, mode);
-        const mapped = mapToThemeColors(resolved, mode);
-        const merged = { ...mapped, ...props.customTheme };
-        return mode === "light" ? ensureLightModeContrast(merged) : merged;
-    });
-    // Use createMemo for syntax styles - they'll recompute when theme changes
-    const syntaxStyle = createMemo(() => createSyntaxStyle(resolvedTheme(), "normal"));
-    const subtleSyntaxStyle = createMemo(() => createSyntaxStyle(resolvedTheme(), "subtle"));
-    // Note: SyntaxStyle cleanup is handled internally by opentui when memos recompute
-    const value = {
-        get theme() {
-            return resolvedTheme();
-        },
-        mode: () => store.mode,
-        setMode: (mode) => {
-            setStore("mode", mode);
-        },
-        get syntaxStyle() {
-            return syntaxStyle();
-        },
-        get subtleSyntaxStyle() {
-            return subtleSyntaxStyle();
-        },
-        themeName: () => store.themeName,
-        setTheme: (name) => {
-            setStore("themeName", name);
-            props.onThemeChange?.(name);
-        },
-        availableThemes: () => Object.keys(BUILTIN_THEMES),
+  const [store, setStore] = createStore({
+    mode: props.mode ?? "dark",
+    themeName: props.themeName ?? "marvin"
+  });
+  // Sync themeName prop changes to store (for external control)
+  createEffect(() => {
+    if (props.themeName !== undefined && props.themeName !== store.themeName) {
+      setStore("themeName", props.themeName);
+    }
+  });
+  // Sync mode prop changes to store (for external light/dark toggle)
+  createEffect(() => {
+    if (props.mode !== undefined && props.mode !== store.mode) {
+      setStore("mode", props.mode);
+    }
+  });
+  const resolvedTheme = createMemo(() => {
+    const name = store.themeName;
+    const mode = store.mode;
+    // Fallback to defaults for unknown themes
+    if (!BUILTIN_THEMES[name]) {
+      const base = mode === "dark" ? defaultDarkTheme : defaultLightTheme;
+      const merged = {
+        ...base,
+        ...props.customTheme
+      };
+      return mode === "light" ? ensureLightModeContrast(merged) : merged;
+    }
+    // Resolve named theme (including marvin)
+    const themeJson = BUILTIN_THEMES[name];
+    const resolved = resolveThemeJson(themeJson, mode);
+    const mapped = mapToThemeColors(resolved, mode);
+    const merged = {
+      ...mapped,
+      ...props.customTheme
     };
-    return _jsx(ThemeContext.Provider, { value: value, children: props.children });
+    return mode === "light" ? ensureLightModeContrast(merged) : merged;
+  });
+  // Use createMemo for syntax styles - they'll recompute when theme changes
+  const syntaxStyle = createMemo(() => createSyntaxStyle(resolvedTheme(), "normal"));
+  const subtleSyntaxStyle = createMemo(() => createSyntaxStyle(resolvedTheme(), "subtle"));
+  // Note: SyntaxStyle cleanup is handled internally by opentui when memos recompute
+  const value = {
+    get theme() {
+      return resolvedTheme();
+    },
+    mode: () => store.mode,
+    setMode: mode => {
+      setStore("mode", mode);
+    },
+    get syntaxStyle() {
+      return syntaxStyle();
+    },
+    get subtleSyntaxStyle() {
+      return subtleSyntaxStyle();
+    },
+    themeName: () => store.themeName,
+    setTheme: name => {
+      setStore("themeName", name);
+      props.onThemeChange?.(name);
+    },
+    availableThemes: () => Object.keys(BUILTIN_THEMES)
+  };
+  return _$createComponent(ThemeContext.Provider, {
+    value: value,
+    get children() {
+      return props.children;
+    }
+  });
 }
 export function useTheme() {
-    const context = useContext(ThemeContext);
-    if (!context) {
-        throw new Error("useTheme must be used within a ThemeProvider");
-    }
-    return context;
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
 }
 /**
  * Parse a color input to RGBA
  */
 export function toRGBA(color) {
-    return parseColor(color);
+  return parseColor(color);
 }
 // Re-export RGBA for convenience
-export { RGBA } from "@opentui/core";
-//# sourceMappingURL=theme.js.map
+export { RGBA } from "@opentui/core";