@brimveyn/aimux-config 0.5.5 → 0.5.7

package/src/tui/themes/zenburn.json

@@ -0,0 +1,223 @@
+{
+  "$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": {
+      "dark": "bg",
+      "light": "#ffffef"
+    },
+    "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": "#d2d2d2",
+      "light": "textMuted"
+    },
+    "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"
+    }
+  }
+}

package/src/tui/tokens.ts

@@ -0,0 +1,111 @@
+// 44-token namespace ported 1:1 from opencode TUI
+// (opencode/packages/plugin/src/tui.ts:191-245).
+
+export type TuiColorToken =
+  | 'primary'
+  | 'secondary'
+  | 'accent'
+  | 'error'
+  | 'warning'
+  | 'success'
+  | 'info'
+  | 'text'
+  | 'textMuted'
+  | 'selectedListItemText'
+  | 'background'
+  | 'backgroundPanel'
+  | 'backgroundElement'
+  | 'backgroundMenu'
+  | 'border'
+  | 'borderActive'
+  | 'borderSubtle'
+  | 'diffAdded'
+  | 'diffRemoved'
+  | 'diffContext'
+  | 'diffHunkHeader'
+  | 'diffHighlightAdded'
+  | 'diffHighlightRemoved'
+  | 'diffAddedBg'
+  | 'diffRemovedBg'
+  | 'diffContextBg'
+  | 'diffLineNumber'
+  | 'diffAddedLineNumberBg'
+  | 'diffRemovedLineNumberBg'
+  | 'markdownText'
+  | 'markdownHeading'
+  | 'markdownLink'
+  | 'markdownLinkText'
+  | 'markdownCode'
+  | 'markdownBlockQuote'
+  | 'markdownEmph'
+  | 'markdownStrong'
+  | 'markdownHorizontalRule'
+  | 'markdownListItem'
+  | 'markdownListEnumeration'
+  | 'markdownImage'
+  | 'markdownImageText'
+  | 'markdownCodeBlock'
+  | 'syntaxComment'
+  | 'syntaxKeyword'
+  | 'syntaxFunction'
+  | 'syntaxVariable'
+  | 'syntaxString'
+  | 'syntaxNumber'
+  | 'syntaxType'
+  | 'syntaxOperator'
+  | 'syntaxPunctuation'
+
+export const TUI_COLOR_TOKENS: readonly TuiColorToken[] = [
+  'primary',
+  'secondary',
+  'accent',
+  'error',
+  'warning',
+  'success',
+  'info',
+  'text',
+  'textMuted',
+  'selectedListItemText',
+  'background',
+  'backgroundPanel',
+  'backgroundElement',
+  'backgroundMenu',
+  'border',
+  'borderActive',
+  'borderSubtle',
+  'diffAdded',
+  'diffRemoved',
+  'diffContext',
+  'diffHunkHeader',
+  'diffHighlightAdded',
+  'diffHighlightRemoved',
+  'diffAddedBg',
+  'diffRemovedBg',
+  'diffContextBg',
+  'diffLineNumber',
+  'diffAddedLineNumberBg',
+  'diffRemovedLineNumberBg',
+  'markdownText',
+  'markdownHeading',
+  'markdownLink',
+  'markdownLinkText',
+  'markdownCode',
+  'markdownBlockQuote',
+  'markdownEmph',
+  'markdownStrong',
+  'markdownHorizontalRule',
+  'markdownListItem',
+  'markdownListEnumeration',
+  'markdownImage',
+  'markdownImageText',
+  'markdownCodeBlock',
+  'syntaxComment',
+  'syntaxKeyword',
+  'syntaxFunction',
+  'syntaxVariable',
+  'syntaxString',
+  'syntaxNumber',
+  'syntaxType',
+  'syntaxOperator',
+  'syntaxPunctuation',
+] as const

package/src/tui/types.ts

@@ -0,0 +1,30 @@
+import type { TuiColorToken } from './tokens'
+
+export type ThemeMode = 'dark' | 'light'
+
+/** RGBA in 0..255 (alpha 0..255, where 255 == opaque). */
+export interface RGBA {
+  r: number
+  g: number
+  b: number
+  a: number
+}
+
+/** A single color value as it appears in a TUI theme JSON. */
+export type TuiColorValue =
+  | string // hex (#rgb, #rrggbb, #rrggbbaa), ref to defs/token, "transparent", "none"
+  | number // ANSI color code 0..255
+  | { dark: TuiColorValue; light: TuiColorValue }
+
+export interface TuiThemeJson {
+  $schema?: string
+  defs?: Record<string, TuiColorValue>
+  theme: Partial<Record<TuiColorToken, TuiColorValue>> & {
+    thinkingOpacity?: number
+  }
+}
+
+/** Resolved theme: every color token → CSS-style color string consumable by opentui. */
+export type ResolvedTuiTheme = Record<TuiColorToken, string> & {
+  thinkingOpacity: number
+}

package/src/types.ts

@@ -656,40 +656,10 @@ export interface ModeContext {
 
 // ─── Themes ───────────────────────────────────────────────────────────────────
 
-/**
- * Compact opencode-style semantic palette. Required tokens cover every UI role;
- * optional tokens fall back via helpers in `palette-utils.ts`.
- */
-export interface AimuxPalette {
-  // required
-  neutral: string
-  ink: string
-  primary: string
-  success: string
-  warning: string
-  error: string
-  info: string
-  // optional
-  accent?: string
-  interactive?: string
-  diffAdd?: string
-  diffDelete?: string
-}
+// Theme types now live in `./tui` (1:1 port of opencode TUI). The aliases
+// below preserve internal type wiring for the user-facing config API.
 
 export type ThemeMode = 'light' | 'dark'
-// eslint-disable-next-line typescript/no-redundant-type-constituents
-export type ThemeId = 'aimux-light' | 'aimux-dark' | (string & {})
-
-export interface AimuxTheme {
-  name: string
-  mode: ThemeMode
-  displayName: string
-  palette: AimuxPalette
-  fg: string
-  bg: string
-}
-
-export type Theme = AimuxTheme
 
 // ─── Backend config (stub) ────────────────────────────────────────────────────
 
@@ -846,9 +816,10 @@ export interface MultiRepoConfig {
 }
 
 export interface AimuxThemeConfig {
-  /** Startup override for light/dark theme family. Reapplied on each launch. */
+  /** Startup theme id (one of `THEME_IDS` from `@brimveyn/aimux-config`). */
+  initialId?: string
+  /** Startup override for light/dark mode. Reapplied on each launch. */
   initialMode?: ThemeMode
-  paletteOverrides?: Partial<AimuxPalette>
   /** @deprecated Use `initialMode` instead. */
   mode?: ThemeMode
 }
@@ -906,8 +877,8 @@ export interface ResolvedKeymapConfig {
 export interface ResolvedConfig {
   theme:
     | {
+        initialId?: string
         initialMode?: ThemeMode
-        paletteOverrides?: Partial<AimuxPalette>
       }
     | undefined
   keymaps: ResolvedKeymapConfig

package/src/house-themes.ts

@@ -1,55 +0,0 @@
-// Hand-curated aimux house palettes. The opencode-style semantic palette
-// drives both UI chrome and the runtime-generated Shiki theme — see
-// `palette-to-shiki.ts`.
-/* eslint-disable perfectionist/sort-objects */
-
-import type { AimuxPalette, AimuxTheme } from './types'
-
-const AIMUX_DARK_PALETTE: AimuxPalette = {
-  neutral: '#11151b',
-  ink: '#edf4ff',
-  primary: '#7cd1b8',
-  success: '#8bd5ca',
-  warning: '#f6c177',
-  error: '#f38ba8',
-  info: '#7cb3ff',
-  accent: '#c4a7e7',
-  interactive: '#1f3344',
-  diffAdd: '#1e3d2b',
-  diffDelete: '#3b1e27',
-}
-
-const AIMUX_LIGHT_PALETTE: AimuxPalette = {
-  neutral: '#f7f9fc',
-  ink: '#11151b',
-  primary: '#1f8a72',
-  success: '#2e9a83',
-  warning: '#b8770f',
-  error: '#c43b58',
-  info: '#2e6cc1',
-  accent: '#7d57b8',
-  interactive: '#dbe6f0',
-  diffAdd: '#d4ebd9',
-  diffDelete: '#f0d6dc',
-}
-
-export const HOUSE_THEMES: Record<string, AimuxTheme> = {
-  'aimux-dark': {
-    name: 'aimux',
-    mode: 'dark',
-    displayName: 'Aimux Dark',
-    palette: AIMUX_DARK_PALETTE,
-    fg: AIMUX_DARK_PALETTE.ink,
-    bg: AIMUX_DARK_PALETTE.neutral,
-  },
-  'aimux-light': {
-    name: 'aimux',
-    mode: 'light',
-    displayName: 'Aimux Light',
-    palette: AIMUX_LIGHT_PALETTE,
-    fg: AIMUX_LIGHT_PALETTE.ink,
-    bg: AIMUX_LIGHT_PALETTE.neutral,
-  },
-}
-
-export const HOUSE_THEME_IDS: string[] = ['aimux-dark', 'aimux-light']

package/src/neutral-scale.ts

@@ -1,75 +0,0 @@
-// Port (minimal) of sst/opencode's generateNeutralScale + generateNeutralAlphaScale
-// from packages/ui/src/theme/resolve.ts. Only the `ink`-provided branch of
-// generateNeutralScale is needed — every aimux theme supplies an `ink` seed.
-
-import { blend, hexToOklch, mixColors, oklchToHex } from './oklch'
-
-function clamp(v: number, min: number, max: number): number {
-  return Math.max(min, Math.min(max, v))
-}
-
-export type NeutralScale = readonly [
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-]
-
-function pickDarkBg(base: { c: number; h: number; l: number }): string {
-  const tone = clamp(0.19 + Math.max(0, base.l - 0.12) * 0.33 + base.c * 1.95, 0.17, 0.27)
-  return oklchToHex({
-    c: base.c * Math.max(0, 1 - tone * 0.12),
-    h: base.h,
-    l: base.l * (1 - tone),
-  })
-}
-
-function pickLightBg(base: { c: number; h: number; l: number }): string {
-  const tone =
-    base.l < 0.82 ? 0.86 : clamp(0.1 + base.c * 3.2 + Math.max(0, 0.95 - base.l) * 0.35, 0.1, 0.28)
-  return oklchToHex({
-    c: base.c * Math.max(0, 1 - tone),
-    h: base.h,
-    l: base.l + (1 - base.l) * tone,
-  })
-}
-
-/**
- * Produce a 12-step neutral scale from a palette seed.
- *
- * Step 0 is the effective app background (`palette.neutral` is treated as a
- * seed, not a direct hex). Step 11 lands close to `ink`. Intermediate steps
- * mix the computed bg toward ink using opencode's fixed lightness stops.
- */
-export function generateNeutralScale(seed: string, isDark: boolean, ink: string): NeutralScale {
-  const base = hexToOklch(seed)
-  const bg = isDark ? pickDarkBg(base) : pickLightBg(base)
-
-  const steps = isDark
-    ? [0, 0.018, 0.039, 0.064, 0.097, 0.143, 0.212, 0.31, 0.46, 0.649, 0.845, 0.984]
-    : [0, 0.022, 0.042, 0.068, 0.102, 0.146, 0.208, 0.296, 0.432, 0.61, 0.81, 0.965]
-
-  return steps.map((step) => mixColors(bg, ink, step)) as unknown as NeutralScale
-}
-
-/**
- * 12-step alpha overlay scale blending ink → bg. Used for surface-base /
- * surface-hover / border-base tokens so they stay consistent with the
- * computed bg above.
- */
-export function generateNeutralAlphaScale(neutral: NeutralScale, isDark: boolean): NeutralScale {
-  const alphas = isDark
-    ? [0.038, 0.066, 0.1, 0.142, 0.19, 0.252, 0.334, 0.446, 0.58, 0.718, 0.854, 0.985]
-    : [0.03, 0.06, 0.1, 0.145, 0.2, 0.265, 0.35, 0.47, 0.61, 0.74, 0.86, 0.97]
-  const ink = neutral[11]
-  const bg = neutral[0]
-  return alphas.map((alpha) => blend(ink, bg, alpha)) as unknown as NeutralScale
-}