@brimveyn/aimux-config 0.3.3 → 0.4.0

package/README.md

@@ -149,41 +149,58 @@ You can also bind a custom `ActionFn` for dynamic behavior.
 
 ## Themes
 
-Built-in theme IDs:
-
-- `aimux`
-- `dracula`
-- `dracula-at-night`
-- `everforest`
-- `tokyo-night`
-- `gruvbox-dark`
-- `catppuccin-mocha`
-- `nord`
-- `solarized-dark`
-- `one-dark`
-- `kanagawa`
-
-Helpers:
+aimux themes are [Shiki](https://shiki.style/themes) themes. Two house themes
+(`aimux`, `dracula-at-night`) ship alongside the full Shiki catalog — 67
+themes total. The same `Theme` object powers UI colors and code highlighting.
+
+Declare your own themes in config:
 
 ```ts
-themes.extend(baseThemeId, overrides)
-themes.create(colors)
+import { defineConfig, themes } from '@brimveyn/aimux-config'
+
+export default defineConfig({
+  theme: 'my-neon',
+  themes: {
+    // Palette shortcut — patch VSCode color keys on top of a base theme.
+    'my-neon': themes.define('My Neon', 'aimux', {
+      'textLink.foreground': '#ff00aa',
+      'terminal.ansiMagenta': '#00ffcc',
+    }),
+    // Or drop a full VSCode theme JSON verbatim:
+    'custom': themes.full({
+      name: 'custom',
+      displayName: 'Custom',
+      type: 'dark',
+      fg: '#eee',
+      bg: '#1a1a1a',
+      colors: {
+        /* VSCode workbench keys */
+      },
+      settings: [
+        /* TextMate token rules */
+      ],
+    }),
+  },
+})
 ```
 
-Typed theme config is currently only `Partially supported` by the runtime.
+See [`../../docs/guide/themes.md`](../../docs/guide/themes.md) for picker
+shortcuts, the VSCode color key reference, and migration notes if you're
+coming from the old palette alias API.
 
 ## Support Status
 
-| Surface      | Status              | Notes                                                                 |
-| ------------ | ------------------- | --------------------------------------------------------------------- |
-| `keymaps`    | Supported           | Fully registered by the runtime                                       |
-| `sessionBar` | Supported           | Used during app initialization                                        |
-| `gitPane`    | Supported           | Placement and rendering of the git file list (see docs reference)     |
-| `theme`      | Partially supported | Package surface exists, but runtime startup uses `aimux.json.themeId` |
-| `backends`   | Typed surface only  | Runtime wiring deferred                                               |
-| `sidebar`    | Typed surface only  | Type exists, runtime not currently driven by this field               |
-| `hooks`      | Typed surface only  | Type exists, runtime use not currently wired                          |
-| `snippets`   | Typed surface only  | Runtime currently uses `aimux-snippets.json`                          |
+| Surface      | Status             | Notes                                                                |
+| ------------ | ------------------ | -------------------------------------------------------------------- |
+| `keymaps`    | Supported          | Fully registered by the runtime                                      |
+| `sessionBar` | Supported          | Used during app initialization                                       |
+| `gitPane`    | Supported          | Placement and rendering of the git file list (see docs reference)    |
+| `theme`      | Supported          | Initial theme id; `aimux.json.themeId` wins if still known           |
+| `themes`     | Supported          | User themes; appear in the picker and power synthesized highlighting |
+| `backends`   | Typed surface only | Runtime wiring deferred                                              |
+| `sidebar`    | Typed surface only | Type exists, runtime not currently driven by this field              |
+| `hooks`      | Typed surface only | Type exists, runtime use not currently wired                         |
+| `snippets`   | Typed surface only | Runtime currently uses `aimux-snippets.json`                         |
 
 ## Backends Subpath
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brimveyn/aimux-config",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "description": "TypeScript configuration API for aimux — keymaps, themes, and backends with a fluent builder.",
   "keywords": [
     "aimux",
@@ -36,5 +36,8 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "dependencies": {
+    "shiki": "^4.0.2"
   }
 }

package/src/actions.ts

@@ -1,4 +1,4 @@
-import type { ActionFn, AppAction, KeyResult, ModeContext } from './types'
+import type { ActionFn, AppAction, KeyResult, ModeContext, ModeId } from './types'
 
 function r(
   actions: KeyResult['actions'] = [],
@@ -32,7 +32,9 @@ export const themePicker: KeyResult = r(
   [{ action: 'open', type: 'apply-theme' }],
   'modal.theme-picker'
 )
-export const helpModal: KeyResult = r([{ type: 'open-help-modal' }], [], 'modal.help')
+export function helpModal(scope?: ModeId): KeyResult {
+  return r([{ scope, type: 'open-help-modal' }])
+}
 
 export const toggleSidebar: KeyResult = r([{ type: 'toggle-sidebar' }])
 export const toggleGitPane: KeyResult = r([{ type: 'toggle-git-pane' }])
@@ -69,6 +71,8 @@ export const enterInsert: ActionFn = (ctx: ModeContext) => {
 
 export const closeModal: KeyResult = r([{ type: 'close-modal' }], [], 'navigation')
 
+export const closeOverlayModal: KeyResult = r([{ type: 'close-modal' }])
+
 // ---------------------------------------------------------------------------
 // Dynamic actions (need ctx at runtime — ActionFn)
 // ---------------------------------------------------------------------------
@@ -109,6 +113,17 @@ export function resizeGitPane(delta: number): KeyResult {
   return r([{ delta, type: 'resize-git-pane' }])
 }
 
+export function resizeGitDiffPane(delta: number): ActionFn {
+  return (ctx: ModeContext) => {
+    const nextRatio = Math.max(0.2, Math.min(0.8, ctx.state.gitPane.diffModeRatio + delta))
+    if (nextRatio === ctx.state.gitPane.diffModeRatio) return r([])
+    return r(
+      [{ delta, type: 'resize-git-diff-pane' }],
+      [{ ratio: nextRatio, type: 'persist-git-diff-mode-ratio' }]
+    )
+  }
+}
+
 export function focusPane(direction: 'left' | 'right' | 'up' | 'down'): KeyResult {
   return r(
     [
@@ -214,6 +229,12 @@ export const beginHelpFilter: KeyResult = r(
   'modal.help.filtering'
 )
 
+export const beginThemeFilter: KeyResult = r(
+  [{ type: 'begin-theme-filter' }],
+  [],
+  'modal.theme-picker.filtering'
+)
+
 export const confirmSplit: KeyResult = r([], [{ type: 'confirm-split' }])
 
 export const restoreTheme: KeyResult = r(
@@ -385,25 +406,65 @@ function clearPendingDelete(ctx: ModeContext): AppAction[] {
   return [{ path: null, type: 'git-mode-set-pending-delete' }]
 }
 
+function gitFileKey(section: string, path: string): string {
+  return `${section}:${path}`
+}
+
+function selectedGitFile(ctx: ModeContext) {
+  const key = ctx.state.gitMode.selectedEntryKey
+  if (!key) return null
+  return (
+    ctx.state.gitPanel.files.find((file) => gitFileKey(file.section, file.path) === key) ?? null
+  )
+}
+
 export const exitGitMode: KeyResult = r([{ type: 'exit-git-mode' }], [], 'navigation')
 
 export function selectGitFile(delta: -1 | 1): ActionFn {
   return (ctx: ModeContext) => {
-    const total = ctx.state.gitPanel.files.length
-    if (total === 0) return r([])
-    const current = ctx.state.gitMode.selectedFileIndex
-    const next = (current + delta + total) % total
-    if (next === current) return r([])
-    return r([{ delta, type: 'git-mode-select-file' }])
+    if (ctx.state.gitPanel.files.length === 0) return r([])
+    return r([{ delta, type: 'git-mode-move-selection' }])
   }
 }
 
+export function selectGitFileOnly(delta: -1 | 1): ActionFn {
+  return (ctx: ModeContext) => {
+    if (ctx.state.gitPanel.files.length === 0) return r([])
+    return r([{ delta, type: 'git-mode-move-file-selection' }])
+  }
+}
+
+export const toggleSelectedGitFolder: ActionFn = (ctx: ModeContext) => {
+  if (!ctx.state.gitMode.selectedEntryKey) return r([])
+  return r([{ type: 'git-mode-toggle-selected-folder' }])
+}
+
+export const collapseGitSelection: ActionFn = (ctx: ModeContext) => {
+  if (!ctx.state.gitMode.selectedEntryKey) return r([])
+  return r([{ type: 'git-mode-collapse-selection' }])
+}
+
+export const expandGitSelection: ActionFn = (ctx: ModeContext) => {
+  if (!ctx.state.gitMode.selectedEntryKey) return r([])
+  return r([{ type: 'git-mode-expand-selection' }])
+}
+
+export const toggleGitFileListMode: ActionFn = (ctx: ModeContext) => {
+  const mode = ctx.state.gitPane.fileListMode === 'tree' ? 'flat' : 'tree'
+  return r(
+    [{ type: 'git-mode-toggle-file-list-mode' }],
+    [{ mode, type: 'persist-git-file-list-mode' }]
+  )
+}
+
 export function scrollGitDiff(delta: number): KeyResult {
   return r([], [{ delta, type: 'scroll-git-diff' }])
 }
 
+export const toggleGitDiffView: KeyResult = r([{ type: 'git-mode-toggle-diff-view' }])
+
 export const gitStageSelected: ActionFn = (ctx: ModeContext) => {
-  const file = ctx.state.gitPanel.files[ctx.state.gitMode.selectedFileIndex]
+  const file = selectedGitFile(ctx)
   if (!file) return r(clearPendingDelete(ctx))
   const actions = clearPendingDelete(ctx)
   if (file.section === 'staged') return r(actions)
@@ -417,7 +478,7 @@ export const gitStageSelected: ActionFn = (ctx: ModeContext) => {
 }
 
 export const gitDestructiveSelected: ActionFn = (ctx: ModeContext) => {
-  const file = ctx.state.gitPanel.files[ctx.state.gitMode.selectedFileIndex]
+  const file = selectedGitFile(ctx)
   if (!file) return r(clearPendingDelete(ctx))
 
   if (file.section === 'staged') {

package/src/defaults.ts

@@ -37,7 +37,7 @@ export function getDefaultKeymapConfig(): ResolvedKeymapConfig {
         .map('k', actions.prevTab, 'Prev tab')
         .map('r', actions.renameTab, 'Rename tab')
         .map('i', actions.enterInsert, 'Focus terminal')
-        .map('?', actions.helpModal, 'Help')
+        .map('?', actions.helpModal(), 'Help')
     )
 
     // -----------------------------------------------------------------------
@@ -82,17 +82,29 @@ export function getDefaultKeymapConfig(): ResolvedKeymapConfig {
     // -----------------------------------------------------------------------
     .mode('git-mode', (m) =>
       m
+        .map('a', actions.gitStageSelected, 'Stage')
+        .map('d', actions.gitDestructiveSelected, 'Unstage/delete')
+        .map('c', actions.gitCommitOpen, 'Commit')
+        .map('p', actions.gitPush, 'Push')
+        .map('v', actions.toggleGitDiffView, 'Toggle split/stacked')
+        .map('t', actions.toggleGitFileListMode, 'Toggle flat/tree')
+        .map('?', actions.helpModal('git-mode'), 'Help')
         .map('<Esc>', actions.exitGitMode, 'Exit git')
-        .map('j', actions.selectGitFile(1), 'Next file')
-        .map('k', actions.selectGitFile(-1), 'Prev file')
+        .map('j', actions.selectGitFile(1), 'Next entry')
+        .map('k', actions.selectGitFile(-1), 'Prev entry')
+        .map('<C-n>', actions.selectGitFileOnly(1), 'Next file')
+        .map('<C-p>', actions.selectGitFileOnly(-1), 'Prev file')
+        .map('h', actions.toggleSelectedGitFolder, 'Toggle folder')
+        .map('l', actions.toggleSelectedGitFolder, 'Toggle folder')
         .map('<C-d>', actions.scrollGitDiff(20), 'Page down')
+        .map('<BS>', actions.resizeGitDiffPane(-0.05), 'File bar narrower')
+        .map('<C-h>', actions.resizeGitDiffPane(-0.05), 'File bar narrower')
+        .map('<C-l>', actions.resizeGitDiffPane(0.05), 'File bar wider')
         .map('<C-u>', actions.scrollGitDiff(-20), 'Page up')
+        .map('<Left>', actions.collapseGitSelection, 'Collapse folder')
+        .map('<Right>', actions.expandGitSelection, 'Expand folder')
         .map('<Down>', actions.scrollGitDiff(1), 'Scroll down')
         .map('<Up>', actions.scrollGitDiff(-1), 'Scroll up')
-        .map('a', actions.gitStageSelected, 'Stage')
-        .map('d', actions.gitDestructiveSelected, 'Unstage/delete')
-        .map('c', actions.gitCommitOpen, 'Commit')
-        .map('p', actions.gitPush, 'Push')
     )
 
     // -----------------------------------------------------------------------
@@ -100,7 +112,7 @@ export function getDefaultKeymapConfig(): ResolvedKeymapConfig {
     // -----------------------------------------------------------------------
     .mode('modal.help', (m) =>
       m
-        .map('<Esc>', actions.closeModal, 'Close')
+        .map('<Esc>', actions.closeOverlayModal, 'Close')
         .map('j', actions.moveModalSelection(1), 'Next')
         .map('k', actions.moveModalSelection(-1), 'Prev')
         .map('<Down>', actions.moveModalSelection(1))
@@ -136,6 +148,21 @@ export function getDefaultKeymapConfig(): ResolvedKeymapConfig {
         .map('<C-n>', actions.previewTheme(1))
         .map('<C-p>', actions.previewTheme(-1))
         .map('<CR>', actions.confirmTheme, 'Confirm')
+        .map('/', actions.beginThemeFilter, 'Filter')
+    )
+
+    // -----------------------------------------------------------------------
+    // Modal: theme-picker filtering
+    // -----------------------------------------------------------------------
+    .mode('modal.theme-picker.filtering', (m) =>
+      m
+        .map('<Esc>', actions.cancelCommandEdit('modal.theme-picker'), 'Cancel')
+        .map('<C-n>', actions.previewTheme(1), 'Next')
+        .map('<C-p>', actions.previewTheme(-1), 'Prev')
+        .map('<Down>', actions.previewTheme(1))
+        .map('<Up>', actions.previewTheme(-1))
+        .map('<CR>', actions.confirmTheme, 'Confirm')
+        .passthrough()
     )
 
     // -----------------------------------------------------------------------

package/src/house-themes.ts

@@ -0,0 +1,313 @@
+// Hand-curated aimux house themes, full Shiki theme shape. Colors follow the
+// VSCode workbench color key namespace; `settings` is a TextMate token rule
+// array shared by the in-repo diff highlighter and `shiki.loadTheme`.
+/* eslint-disable perfectionist/sort-objects */
+
+import type { Theme, ThemeColorMap } from './types'
+
+// --- aimux --------------------------------------------------------------
+//
+// Teal accents on a deep blue-black background. Designed to look at home
+// inside the aimux chrome.
+const AIMUX_BG = '#11151b'
+const AIMUX_FG = '#edf4ff'
+
+const AIMUX_COLORS: ThemeColorMap = {
+  'contrastBorder': '#3a4c60',
+  'descriptionForeground': '#6b829a',
+  'diffEditor.insertedLineBackground': '#1e3d2b',
+  'diffEditor.removedLineBackground': '#3b1e27',
+  'editor.background': AIMUX_BG,
+  'editor.foreground': AIMUX_FG,
+  'editor.lineHighlightBackground': '#1a2330',
+  'editor.selectionBackground': '#1f3344',
+  'editorCursor.foreground': '#7cd1b8',
+  'editorError.foreground': '#f38ba8',
+  'editorGroup.border': '#2d3f52',
+  'editorGroupHeader.tabsBackground': '#16202b',
+  'editorLineNumber.foreground': '#3e506a',
+  'editorWarning.foreground': '#f6c177',
+  'editorWidget.background': '#0b1016',
+  'errorForeground': '#f38ba8',
+  'focusBorder': '#7cd1b8',
+  'foreground': AIMUX_FG,
+  'gitDecoration.addedResourceForeground': '#8bd5ca',
+  'gitDecoration.deletedResourceForeground': '#f38ba8',
+  'gitDecoration.modifiedResourceForeground': '#f6c177',
+  'gitDecoration.untrackedResourceForeground': '#8bd5ca',
+  'input.background': '#1c2734',
+  'input.border': '#2d3f52',
+  'input.foreground': AIMUX_FG,
+  'list.activeSelectionBackground': '#1f3344',
+  'list.activeSelectionForeground': AIMUX_FG,
+  'list.hoverBackground': '#1a2330',
+  'panel.background': '#16202b',
+  'panel.border': '#2d3f52',
+  'sideBar.background': '#16202b',
+  'sideBar.foreground': AIMUX_FG,
+  'sideBarSectionHeader.background': '#1c2734',
+  'sideBarSectionHeader.foreground': '#b8c5d6',
+  'terminal.ansiBlue': '#7cb3ff',
+  'terminal.ansiCyan': '#7cd1b8',
+  'terminal.ansiGreen': '#8bd5ca',
+  'terminal.ansiMagenta': '#c4a7e7',
+  'terminal.ansiRed': '#f38ba8',
+  'terminal.ansiYellow': '#f6c177',
+  'textLink.activeForeground': '#7cd1b8',
+  'textLink.foreground': '#7cd1b8',
+}
+
+// --- dracula-at-night --------------------------------------------------
+const DAN_BG = '#0e1419'
+const DAN_FG = '#f8f8f2'
+
+const DAN_COLORS: ThemeColorMap = {
+  'contrastBorder': '#44475a',
+  'descriptionForeground': '#6272a4',
+  'diffEditor.insertedLineBackground': '#162b1d',
+  'diffEditor.removedLineBackground': '#2a1820',
+  'editor.background': DAN_BG,
+  'editor.foreground': DAN_FG,
+  'editor.lineHighlightBackground': '#1a2129',
+  'editor.selectionBackground': '#222a33',
+  'editorCursor.foreground': '#f8f8f0',
+  'editorError.foreground': '#ff5555',
+  'editorGroup.border': '#2a3440',
+  'editorGroupHeader.tabsBackground': '#131920',
+  'editorLineNumber.foreground': '#495466',
+  'editorWarning.foreground': '#f1fa8c',
+  'editorWidget.background': '#090d11',
+  'errorForeground': '#ff5555',
+  'focusBorder': '#bd93f9',
+  'foreground': DAN_FG,
+  'gitDecoration.addedResourceForeground': '#50fa7b',
+  'gitDecoration.deletedResourceForeground': '#ff5555',
+  'gitDecoration.modifiedResourceForeground': '#f1fa8c',
+  'gitDecoration.untrackedResourceForeground': '#50fa7b',
+  'input.background': '#1a2129',
+  'input.border': '#2a3440',
+  'input.foreground': DAN_FG,
+  'list.activeSelectionBackground': '#222a33',
+  'list.activeSelectionForeground': DAN_FG,
+  'list.hoverBackground': '#1a2129',
+  'panel.background': '#131920',
+  'panel.border': '#2a3440',
+  'sideBar.background': '#131920',
+  'sideBar.foreground': DAN_FG,
+  'sideBarSectionHeader.background': '#1a2129',
+  'sideBarSectionHeader.foreground': '#bdc3cf',
+  'terminal.ansiBlue': '#6272a4',
+  'terminal.ansiCyan': '#8be9fd',
+  'terminal.ansiGreen': '#50fa7b',
+  'terminal.ansiMagenta': '#ff79c6',
+  'terminal.ansiRed': '#ff5555',
+  'terminal.ansiYellow': '#f1fa8c',
+  'textLink.activeForeground': '#ff79c6',
+  'textLink.foreground': '#bd93f9',
+}
+
+// --- Shared TextMate rule helpers --------------------------------------
+
+const AIMUX_SETTINGS = [
+  { settings: { background: AIMUX_BG, foreground: AIMUX_FG } },
+  {
+    scope: ['comment', 'punctuation.definition.comment'],
+    settings: { fontStyle: 'italic', foreground: '#6b829a' },
+  },
+  { scope: ['comment.documentation'], settings: { foreground: '#8fa6bf', fontStyle: 'italic' } },
+  { scope: ['string', 'string.quoted'], settings: { foreground: '#f6c177' } },
+  { scope: ['string.template'], settings: { foreground: '#f6c177' } },
+  {
+    scope: ['string.regexp', 'string.escape', 'constant.character.escape'],
+    settings: { foreground: '#c4a7e7' },
+  },
+  {
+    scope: ['constant.numeric', 'constant.language', 'constant.language.boolean'],
+    settings: { foreground: '#f38ba8' },
+  },
+  { scope: ['constant.character', 'constant.other'], settings: { foreground: '#f38ba8' } },
+  {
+    scope: ['keyword', 'keyword.control', 'keyword.operator.new', 'keyword.other'],
+    settings: { fontStyle: 'bold', foreground: '#c4a7e7' },
+  },
+  {
+    scope: ['storage', 'storage.type', 'storage.modifier'],
+    settings: { fontStyle: 'bold', foreground: '#c4a7e7' },
+  },
+  {
+    scope: ['keyword.operator', 'punctuation', 'meta.brace', 'punctuation.separator'],
+    settings: { foreground: '#6b829a' },
+  },
+  {
+    scope: [
+      'entity.name.function',
+      'support.function',
+      'meta.function-call',
+      'entity.name.function.member',
+    ],
+    settings: { foreground: '#8bd5ca' },
+  },
+  {
+    scope: [
+      'entity.name.type',
+      'support.type',
+      'support.class',
+      'entity.name.class',
+      'entity.name.interface',
+      'entity.name.namespace',
+    ],
+    settings: { fontStyle: 'italic', foreground: '#7cd1b8' },
+  },
+  {
+    scope: ['entity.name.type.enum', 'entity.name.type.alias'],
+    settings: { foreground: '#7cd1b8' },
+  },
+  { scope: ['variable', 'meta.variable'], settings: { foreground: AIMUX_FG } },
+  {
+    scope: ['variable.parameter', 'meta.function.parameters'],
+    settings: { fontStyle: 'italic', foreground: AIMUX_FG },
+  },
+  {
+    scope: ['variable.other.property', 'variable.other.member', 'meta.object-literal.key'],
+    settings: { foreground: '#7cd1b8' },
+  },
+  {
+    scope: ['variable.language', 'variable.language.this'],
+    settings: { foreground: '#f38ba8', fontStyle: 'italic' },
+  },
+  { scope: ['entity.name.tag', 'meta.tag'], settings: { foreground: '#f38ba8' } },
+  {
+    scope: ['entity.other.attribute-name'],
+    settings: { fontStyle: 'italic', foreground: '#f6c177' },
+  },
+  { scope: ['support.constant'], settings: { foreground: '#f38ba8' } },
+  { scope: ['support.variable'], settings: { foreground: AIMUX_FG } },
+  // Markdown
+  { scope: ['markup.heading'], settings: { fontStyle: 'bold', foreground: '#7cd1b8' } },
+  { scope: ['markup.bold'], settings: { fontStyle: 'bold', foreground: AIMUX_FG } },
+  { scope: ['markup.italic'], settings: { fontStyle: 'italic', foreground: AIMUX_FG } },
+  { scope: ['markup.underline.link', 'markup.inline.raw'], settings: { foreground: '#8bd5ca' } },
+  { scope: ['markup.list'], settings: { foreground: '#c4a7e7' } },
+  { scope: ['markup.quote'], settings: { foreground: '#6b829a', fontStyle: 'italic' } },
+  { scope: ['markup.raw'], settings: { foreground: '#f6c177' } },
+  // JSX / TSX
+  {
+    scope: ['entity.name.tag.jsx', 'support.class.component'],
+    settings: { foreground: '#7cd1b8' },
+  },
+  { scope: ['meta.jsx.children'], settings: { foreground: AIMUX_FG } },
+  // Diff
+  { scope: ['markup.inserted', 'meta.diff.header.to-file'], settings: { foreground: '#8bd5ca' } },
+  { scope: ['markup.deleted', 'meta.diff.header.from-file'], settings: { foreground: '#f38ba8' } },
+  { scope: ['markup.changed'], settings: { foreground: '#f6c177' } },
+  { scope: ['meta.diff.range'], settings: { foreground: '#c4a7e7' } },
+]
+
+const DAN_SETTINGS = [
+  { settings: { background: DAN_BG, foreground: DAN_FG } },
+  {
+    scope: ['comment', 'punctuation.definition.comment'],
+    settings: { fontStyle: 'italic', foreground: '#6272a4' },
+  },
+  { scope: ['comment.documentation'], settings: { fontStyle: 'italic', foreground: '#8a96b4' } },
+  { scope: ['string', 'string.quoted'], settings: { foreground: '#f1fa8c' } },
+  { scope: ['string.template'], settings: { foreground: '#f1fa8c' } },
+  {
+    scope: ['string.regexp', 'string.escape', 'constant.character.escape'],
+    settings: { foreground: '#ff79c6' },
+  },
+  {
+    scope: ['constant.numeric', 'constant.language', 'constant.language.boolean'],
+    settings: { foreground: '#bd93f9' },
+  },
+  { scope: ['constant.character', 'constant.other'], settings: { foreground: '#bd93f9' } },
+  {
+    scope: ['keyword', 'keyword.control', 'keyword.other'],
+    settings: { fontStyle: 'bold', foreground: '#ff79c6' },
+  },
+  {
+    scope: ['storage', 'storage.type', 'storage.modifier'],
+    settings: { fontStyle: 'bold italic', foreground: '#ff79c6' },
+  },
+  {
+    scope: ['keyword.operator', 'punctuation', 'meta.brace', 'punctuation.separator'],
+    settings: { foreground: '#f8f8f2' },
+  },
+  {
+    scope: ['entity.name.function', 'support.function', 'meta.function-call'],
+    settings: { foreground: '#50fa7b' },
+  },
+  {
+    scope: [
+      'entity.name.type',
+      'support.type',
+      'support.class',
+      'entity.name.class',
+      'entity.name.interface',
+    ],
+    settings: { fontStyle: 'italic', foreground: '#8be9fd' },
+  },
+  {
+    scope: ['entity.name.type.enum', 'entity.name.type.alias'],
+    settings: { foreground: '#8be9fd' },
+  },
+  { scope: ['variable', 'meta.variable'], settings: { foreground: DAN_FG } },
+  {
+    scope: ['variable.parameter', 'meta.function.parameters'],
+    settings: { fontStyle: 'italic', foreground: '#ffb86c' },
+  },
+  {
+    scope: ['variable.other.property', 'variable.other.member', 'meta.object-literal.key'],
+    settings: { foreground: '#8be9fd' },
+  },
+  {
+    scope: ['variable.language', 'variable.language.this'],
+    settings: { foreground: '#bd93f9', fontStyle: 'italic' },
+  },
+  { scope: ['entity.name.tag', 'meta.tag'], settings: { foreground: '#ff79c6' } },
+  {
+    scope: ['entity.other.attribute-name'],
+    settings: { fontStyle: 'italic', foreground: '#50fa7b' },
+  },
+  { scope: ['support.constant'], settings: { foreground: '#bd93f9' } },
+  // Markdown
+  { scope: ['markup.heading'], settings: { fontStyle: 'bold', foreground: '#bd93f9' } },
+  { scope: ['markup.bold'], settings: { fontStyle: 'bold', foreground: '#ffb86c' } },
+  { scope: ['markup.italic'], settings: { fontStyle: 'italic', foreground: '#f1fa8c' } },
+  { scope: ['markup.underline.link', 'markup.inline.raw'], settings: { foreground: '#8be9fd' } },
+  { scope: ['markup.list'], settings: { foreground: '#ff79c6' } },
+  { scope: ['markup.quote'], settings: { foreground: '#6272a4', fontStyle: 'italic' } },
+  { scope: ['markup.raw'], settings: { foreground: '#f1fa8c' } },
+  // JSX / TSX
+  {
+    scope: ['entity.name.tag.jsx', 'support.class.component'],
+    settings: { foreground: '#8be9fd' },
+  },
+  // Diff
+  { scope: ['markup.inserted'], settings: { foreground: '#50fa7b' } },
+  { scope: ['markup.deleted'], settings: { foreground: '#ff5555' } },
+  { scope: ['markup.changed'], settings: { foreground: '#f1fa8c' } },
+]
+
+export const HOUSE_THEMES: Record<string, Theme> = {
+  'aimux': {
+    bg: AIMUX_BG,
+    colors: AIMUX_COLORS,
+    displayName: 'Aimux',
+    fg: AIMUX_FG,
+    name: 'aimux',
+    settings: AIMUX_SETTINGS,
+    type: 'dark',
+  },
+  'dracula-at-night': {
+    bg: DAN_BG,
+    colors: DAN_COLORS,
+    displayName: 'Dracula At Night',
+    fg: DAN_FG,
+    name: 'dracula-at-night',
+    settings: DAN_SETTINGS,
+    type: 'dark',
+  },
+}
+
+export const HOUSE_THEME_IDS: string[] = Object.keys(HOUSE_THEMES)

package/src/index.ts

@@ -2,7 +2,7 @@
 
 export { defineConfig } from './define-config'
 export * as actions from './actions'
-export { THEME_IDS, themes, THEMES } from './themes'
+export { migrateThemeId, THEME_IDS, themes, THEMES } from './themes'
 export { GroupBuilder, KeymapBuilder, ModeBindingBuilder } from './keymap-builder'
 export { getDefaultKeymapConfig } from './defaults'
 export { resolveConfig } from './resolver'
@@ -12,6 +12,7 @@ export type {
   // Action types
   Action,
   ActionFn,
+  AimuxColorKey,
   // User-facing config
   AimuxUserConfig,
   AppAction,
@@ -19,6 +20,7 @@ export type {
   BackendConfig,
   BindingDef,
   FocusMode,
+  GitFileListMode,
   GitPaneConfig,
   GitPaneDiffCountConfig,
   GitPaneEmbeddedConfig,
@@ -39,6 +41,8 @@ export type {
   // Mode / state
   ModeId,
   ModeKeymapDef,
+  NamedTheme,
+  NamedThemeDefinition,
   // Resolved config (internal, but exported for tooling)
   ResolvedConfig,
   ResolvedKeymapConfig,
@@ -49,8 +53,11 @@ export type {
   SnippetRecord,
   SplitDirection,
   TabSession,
-  // Themes
-  ThemeColors,
+  Theme,
+  ThemeColorMap,
   ThemeDefinition,
   ThemeId,
+  ThemeSettings,
+  ThemeTokenRule,
 } from './types'
+export { AIMUX_COLOR_KEYS } from './types'