mixdog 0.9.1 → 0.9.2

package/src/tui/themes/base.mjs

@@ -0,0 +1,86 @@
+/**
+ * src/tui/themes/base.mjs — One Dark base palette (the full key set).
+ *
+ * Every TUI theme is defined as a COMPLETE set of `rgb(r,g,b)` string keys.
+ * Non-default palettes spread this base first (`{ ...basePalette, ...overrides }`)
+ * so a missing key can never leak the previous theme's color through the live
+ * `Object.assign(theme, palette)` switch in theme.mjs.
+ *
+ * Source: One Dark (atom/joshdick) — bg0 #282c34, fg #abb2bf, blue #61afef
+ * (signature accent), purple #c678dd, green #98c379, orange #d19a66,
+ * yellow #e5c07b, cyan #56b6c2, red #e86671, grey #5c6370.
+ */
+
+/** One Dark — full key set; signature accent is blue (#61afef). */
+export const basePalette = {
+  background: 'transparent', // bg0 #282c34
+  claude: 'rgb(97,175,239)', // blue accent
+  logo: 'rgb(120,195,255)', // welcome banner — brighter than the accent
+  claudeShimmer: 'rgb(140,200,245)', // lighter blue
+  mixdogOrange: 'rgb(97,175,239)', // signature accent (blue)
+  mixdogAmber: 'rgb(140,200,245)', // lighter accent
+  mixdogIvory: 'rgb(171,178,191)', // fg #abb2bf
+  spinnerGlyph: 'rgb(97,175,239)',
+  spinnerText: 'rgb(97,175,239)',
+  spinnerShimmer: 'rgb(140,200,245)',
+  thinkingAccent: 'rgb(132,139,152)', // light_grey #848b98
+  thinkingText: 'rgb(171,178,191)', // fg
+  thinkingBase: 'rgb(92,99,112)', // grey #5c6370
+  thinkingGlow: 'rgb(200,206,216)', // brighter fg
+  statusText: 'rgb(171,178,191)', // fg
+  statusSubtle: 'rgb(132,139,152)', // light_grey
+  timerText: 'rgb(132,139,152)', // light_grey
+  text: 'rgb(171,178,191)', // fg
+  inverseText: 'rgb(40,44,52)', // background
+  // Picker/list focus row. This is intentionally stronger than text selection.
+  selectionText: 'rgb(230,238,255)', // readable on selectionBackground
+  selectionBackground: 'rgb(38,79,120)', // classic dark-mode selection blue
+  // Mouse/drag text-selection overlay. Claude Code keeps this role separate:
+  // it replaces the cell background while text remains copy-highlight readable.
+  selectionHighlightText: 'rgb(255,255,255)',
+  selectionHighlightBackground: 'rgb(38,79,120)',
+  inactive: 'rgb(132,139,152)', // light_grey
+  subtle: 'rgb(132,139,152)', // light_grey
+  promptBorder: 'rgb(92,99,112)', // grey
+  success: 'rgb(152,195,121)', // green #98c379
+  error: 'rgb(224,108,117)', // red #e06c75
+  warning: 'rgb(229,192,123)', // yellow #e5c07b
+  suggestion: 'rgb(97,175,239)', // blue
+  panelTitle: 'rgb(97,175,239)', // blue
+  permission: 'rgb(224,108,117)', // red
+  code: 'rgb(97,175,239)', // blue
+  codeBlock: 'rgb(171,178,191)', // fg
+  mdHeading: 'rgb(229,192,123)', // yellow
+  mdCode: 'rgb(152,195,121)', // green
+  mdCodeBlock: 'rgb(171,178,191)', // fg
+  mdQuote: 'rgb(132,139,152)', // light_grey
+  mdQuoteBorder: 'rgb(132,139,152)', // light_grey
+  mdHr: 'rgb(132,139,152)', // light_grey
+  mdListBullet: 'rgb(97,175,239)', // blue accent
+  mdCodeBlockBorder: 'rgb(59,63,76)', // bg3 #3b3f4c
+  mdCodeBlockBg: 'rgb(49,53,63)', // bg1 #31353f
+  mdCodeSpanBg: 'rgb(57,63,74)', // bg2 #393f4a
+  mdLink: 'rgb(97,175,239)', // blue
+  mdLinkText: 'rgb(86,182,194)', // cyan #56b6c2
+  mdStrong: 'rgb(209,154,102)', // orange #d19a66
+  mdEmph: 'rgb(229,192,123)', // yellow
+  mdDiffAdded: 'rgb(152,195,121)', // green
+  mdDiffRemoved: 'rgb(224,108,117)', // red
+  mdDiffHunk: 'rgb(92,99,112)', // grey
+  mdDiffHeader: 'rgb(198,120,221)', // purple #c678dd
+  mdDiffContext: 'rgb(132,139,152)', // light_grey
+  mdDiffAddedBg: 'rgb(49,57,43)', // diff_add #31392b
+  mdDiffRemovedBg: 'rgb(56,43,44)', // diff_delete #382b2c
+  syntaxComment: 'rgb(92,99,112)', // grey
+  syntaxKeyword: 'rgb(198,120,221)', // purple
+  syntaxFunction: 'rgb(97,175,239)', // blue
+  syntaxVariable: 'rgb(224,108,117)', // red
+  syntaxString: 'rgb(152,195,121)', // green
+  syntaxNumber: 'rgb(209,154,102)', // orange
+  syntaxType: 'rgb(229,192,123)', // yellow
+  syntaxOperator: 'rgb(86,182,194)', // cyan
+  syntaxPunctuation: 'rgb(171,178,191)', // fg
+  userMessageBackground: 'rgb(49,53,63)', // bg1
+  userMessageBackgroundHover: 'rgb(57,63,74)', // bg2
+  fastMode: 'rgb(255,140,60)', // vivid in-theme orange
+};

package/src/tui/themes/basic.mjs

@@ -0,0 +1,85 @@
+/**
+ * src/tui/themes/basic.mjs — Basic (amber-gold default dark).
+ *
+ * A clean amber / golden-orange accent carries the default theme identity
+ * (titles, headings, links, code), with a slightly hotter orange live spinner.
+ * Body text stays neutral/cool for readability so the theme does not feel
+ * muddy or yellowed. Warm stays more terracotta / cream, while Indigo owns the
+ * cool violet-blue family. Spreads `basePalette` first so the full key set is
+ * always present.
+ */
+import { basePalette } from './base.mjs';
+
+/** Basic — amber-gold default dark with a hot orange live state. */
+export const basicPalette = {
+  ...basePalette,
+  background: 'transparent',
+  text: 'rgb(232,234,238)',
+  statusText: 'rgb(232,234,238)',
+  // Thinking + spinner run a hotter orange than the golden UI accent.
+  thinkingText: 'rgb(238,184,122)',
+  thinkingGlow: 'rgb(255,214,158)',
+  mixdogIvory: 'rgb(232,234,238)',
+  inactive: 'rgb(142,144,150)',
+  subtle: 'rgb(124,126,132)',
+  thinkingAccent: 'rgb(242,136,48)',
+  thinkingBase: 'rgb(242,136,48)',
+  statusSubtle: 'rgb(154,156,162)',
+  timerText: 'rgb(154,156,162)',
+  promptBorder: 'rgb(112,112,118)',
+  // Accent: bright orange across titles, headings, links and code.
+  claude: 'rgb(255,150,58)',
+  logo: 'rgb(238,150,64)', // welcome banner — slightly deeper than the accent
+  mixdogOrange: 'rgb(255,150,58)',
+  panelTitle: 'rgb(255,150,58)',
+  mdHeading: 'rgb(255,150,58)',
+  claudeShimmer: 'rgb(255,210,118)',
+  mixdogAmber: 'rgb(255,210,118)',
+  suggestion: 'rgb(255,196,92)',
+  code: 'rgb(246,184,78)',
+  mdLink: 'rgb(255,196,92)',
+  mdListBullet: 'rgb(184,140,74)', // muted amber structural marker
+  mdCode: 'rgb(246,184,78)',
+  mdLinkText: 'rgb(255,218,138)',
+  // Spinner glyph/text/shimmer run a warm orange (a touch hotter than the gold
+  // accent, but no longer strongly red) so they harmonize with the thinking tone.
+  spinnerGlyph: 'rgb(244,120,58)',
+  spinnerText: 'rgb(244,120,58)',
+  spinnerShimmer: 'rgb(255,164,110)',
+  codeBlock: 'rgb(224,226,230)',
+  mdCodeBlock: 'rgb(224,226,230)',
+  success: 'rgb(140,190,118)',
+  error: 'rgb(224,92,96)',
+  warning: 'rgb(236,170,90)',
+  permission: 'rgb(224,92,96)',
+  mdStrong: 'rgb(255,196,92)',
+  mdEmph: 'rgb(255,218,138)',
+  inverseText: 'rgb(24,18,18)',
+  selectionText: 'rgb(255,238,208)',
+  selectionBackground: 'rgb(96,58,28)',
+  mdCodeBlockBg: 'rgb(27,27,30)',
+  mdCodeSpanBg: 'rgb(38,37,38)',
+  mdCodeBlockBorder: 'rgb(50,49,50)',
+  userMessageBackground: 'rgb(36,35,36)',
+  userMessageBackgroundHover: 'rgb(48,46,46)',
+  mdQuote: 'rgb(124,126,132)',
+  mdQuoteBorder: 'rgb(124,126,132)',
+  mdHr: 'rgb(124,126,132)',
+  syntaxComment: 'rgb(124,126,132)',
+  mdDiffContext: 'rgb(124,126,132)',
+  mdDiffAdded: 'rgb(140,190,118)',
+  mdDiffRemoved: 'rgb(224,92,96)',
+  mdDiffHunk: 'rgb(255,196,92)',
+  mdDiffHeader: 'rgb(255,210,118)',
+  mdDiffAddedBg: 'rgb(28,42,28)',
+  mdDiffRemovedBg: 'rgb(52,28,30)',
+  syntaxKeyword: 'rgb(232,156,48)',
+  syntaxFunction: 'rgb(255,196,92)',
+  syntaxString: 'rgb(170,194,128)',
+  syntaxNumber: 'rgb(236,170,90)',
+  syntaxType: 'rgb(255,218,138)',
+  syntaxVariable: 'rgb(232,234,238)',
+  syntaxOperator: 'rgb(255,196,92)',
+  syntaxPunctuation: 'rgb(224,226,230)',
+  fastMode: 'rgb(255,140,40)',
+};

package/src/tui/themes/catppuccin.mjs

@@ -0,0 +1,72 @@
+import { basePalette } from './base.mjs';
+
+/** Catppuccin Mocha — https://github.com/catppuccin/catppuccin */
+export const catppuccinPalette = {
+  ...basePalette,
+  background: 'transparent',
+  claude: 'rgb(137,180,250)',
+  logo: 'rgb(170,202,255)', // welcome banner — brighter than accent
+  claudeShimmer: 'rgb(180,190,254)',
+  mixdogOrange: 'rgb(137,180,250)',
+  mixdogAmber: 'rgb(180,190,254)',
+  mixdogIvory: 'rgb(205,214,244)',
+  spinnerGlyph: 'rgb(250,179,135)', // most-emphasized: peach
+  spinnerText: 'rgb(250,179,135)',
+  spinnerShimmer: 'rgb(252,200,170)',
+  thinkingAccent: 'rgb(108,112,134)',
+  thinkingText: 'rgb(205,214,244)',
+  thinkingBase: 'rgb(147,153,178)',
+  thinkingGlow: 'rgb(215,222,250)',
+  statusText: 'rgb(205,214,244)',
+  statusSubtle: 'rgb(147,153,178)',
+  timerText: 'rgb(147,153,178)',
+  text: 'rgb(205,214,244)',
+  inverseText: 'rgb(30,30,46)',
+  selectionText: 'rgb(226,232,255)',
+  selectionBackground: 'rgb(69,71,120)',
+  inactive: 'rgb(147,153,178)',
+  subtle: 'rgb(127,132,156)',
+  promptBorder: 'rgb(127,132,156)',
+  success: 'rgb(166,227,161)',
+  error: 'rgb(243,139,168)',
+  warning: 'rgb(249,226,175)',
+  suggestion: 'rgb(137,180,250)',
+  panelTitle: 'rgb(137,180,250)',
+  permission: 'rgb(243,139,168)',
+  code: 'rgb(137,180,250)',
+  codeBlock: 'rgb(205,214,244)',
+  mdHeading: 'rgb(203,166,247)',
+  mdCode: 'rgb(166,227,161)',
+  mdCodeBlock: 'rgb(205,214,244)',
+  mdQuote: 'rgb(147,153,178)',
+  mdQuoteBorder: 'rgb(147,153,178)',
+  mdHr: 'rgb(147,153,178)',
+  mdListBullet: 'rgb(137,180,250)',
+  mdCodeBlockBorder: 'rgb(69,71,90)',
+  mdCodeBlockBg: 'rgb(49,50,68)',
+  mdCodeSpanBg: 'rgb(69,71,90)',
+  mdLink: 'rgb(137,180,250)',
+  mdLinkText: 'rgb(137,220,235)',
+  mdStrong: 'rgb(250,179,135)',
+  mdEmph: 'rgb(249,226,175)',
+  mdDiffAdded: 'rgb(166,227,161)',
+  mdDiffRemoved: 'rgb(243,139,168)',
+  mdDiffHunk: 'rgb(250,179,135)',
+  mdDiffHeader: 'rgb(203,166,247)',
+  mdDiffContext: 'rgb(147,153,178)',
+  mdDiffAddedBg: 'rgb(36,49,43)',
+  mdDiffRemovedBg: 'rgb(60,42,50)',
+  syntaxComment: 'rgb(147,153,178)',
+  syntaxKeyword: 'rgb(203,166,247)',
+  syntaxFunction: 'rgb(137,180,250)',
+  syntaxVariable: 'rgb(243,139,168)',
+  syntaxString: 'rgb(166,227,161)',
+  syntaxNumber: 'rgb(250,179,135)',
+  syntaxType: 'rgb(249,226,175)',
+  syntaxOperator: 'rgb(137,220,235)',
+  syntaxPunctuation: 'rgb(205,214,244)',
+  userMessageBackground: 'rgb(49,50,68)',
+  userMessageBackgroundHover: 'rgb(69,71,90)',
+  fastMode: 'rgb(250,179,135)',
+};
+

package/src/tui/themes/dracula.mjs

@@ -0,0 +1,70 @@
+import { basePalette } from './base.mjs';
+/** Dracula — https://draculatheme.com/contribute */
+export const draculaPalette = {
+  ...basePalette,
+  background: 'transparent',
+  text: 'rgb(248,248,242)',
+  inverseText: 'rgb(40,42,54)',
+  selectionText: 'rgb(248,248,242)',
+  selectionBackground: 'rgb(68,71,120)',
+  claude: 'rgb(189,147,249)',
+  logo: 'rgb(214,180,255)', // welcome banner — brighter than accent
+  claudeShimmer: 'rgb(212,182,251)',
+  mixdogOrange: 'rgb(189,147,249)',
+  mixdogAmber: 'rgb(212,182,251)',
+  mixdogIvory: 'rgb(248,248,242)',
+  spinnerGlyph: 'rgb(255,121,198)', // most-emphasized: pink
+  spinnerText: 'rgb(255,121,198)',
+  spinnerShimmer: 'rgb(255,160,215)',
+  thinkingAccent: 'rgb(98,114,164)',
+  thinkingText: 'rgb(248,248,242)',
+  thinkingBase: 'rgb(98,114,164)',
+  thinkingGlow: 'rgb(220,220,235)',
+  statusText: 'rgb(248,248,242)',
+  statusSubtle: 'rgb(98,114,164)',
+  timerText: 'rgb(98,114,164)',
+  inactive: 'rgb(98,114,164)',
+  subtle: 'rgb(98,114,164)',
+  promptBorder: 'rgb(98,114,164)',
+  success: 'rgb(80,250,123)',
+  error: 'rgb(255,85,85)',
+  warning: 'rgb(241,250,140)',
+  suggestion: 'rgb(139,233,253)',
+  panelTitle: 'rgb(189,147,249)',
+  permission: 'rgb(255,85,85)',
+  code: 'rgb(139,233,253)',
+  codeBlock: 'rgb(248,248,242)',
+  mdHeading: 'rgb(189,147,249)',
+  mdCode: 'rgb(80,250,123)',
+  mdCodeBlock: 'rgb(248,248,242)',
+  mdQuote: 'rgb(145,154,195)',
+  mdQuoteBorder: 'rgb(145,154,195)',
+  mdHr: 'rgb(98,114,164)',
+  mdListBullet: 'rgb(189,147,249)',
+  mdCodeBlockBorder: 'rgb(68,71,90)',
+  mdCodeBlockBg: 'rgb(45,47,61)',
+  mdCodeSpanBg: 'rgb(52,55,70)',
+  mdLink: 'rgb(139,233,253)',
+  mdLinkText: 'rgb(255,121,198)',
+  mdStrong: 'rgb(255,184,108)',
+  mdEmph: 'rgb(241,250,140)',
+  mdDiffAdded: 'rgb(80,250,123)',
+  mdDiffRemoved: 'rgb(255,85,85)',
+  mdDiffHunk: 'rgb(98,114,164)',
+  mdDiffHeader: 'rgb(255,121,198)',
+  mdDiffContext: 'rgb(98,114,164)',
+  mdDiffAddedBg: 'rgb(26,58,26)',
+  mdDiffRemovedBg: 'rgb(58,26,26)',
+  syntaxComment: 'rgb(125,135,175)',
+  syntaxKeyword: 'rgb(255,121,198)',
+  syntaxFunction: 'rgb(80,250,123)',
+  syntaxVariable: 'rgb(248,248,242)',
+  syntaxString: 'rgb(241,250,140)',
+  syntaxNumber: 'rgb(189,147,249)',
+  syntaxType: 'rgb(139,233,253)',
+  syntaxOperator: 'rgb(255,121,198)',
+  syntaxPunctuation: 'rgb(248,248,242)',
+  userMessageBackground: 'rgb(68,71,90)',
+  userMessageBackgroundHover: 'rgb(86,89,114)',
+  fastMode: 'rgb(255,184,108)',
+};

package/src/tui/themes/everforest.mjs

@@ -0,0 +1,71 @@
+import { basePalette } from './base.mjs';
+
+/** Everforest dark medium (sainnhe/everforest) */
+export const everforestPalette = {
+  ...basePalette,
+  background: 'transparent',
+  text: 'rgb(211,198,170)',
+  inverseText: 'rgb(45,53,59)',
+  selectionText: 'rgb(230,220,195)',
+  selectionBackground: 'rgb(72,88,76)',
+  inactive: 'rgb(133,146,137)',
+  subtle: 'rgb(133,146,137)',
+  promptBorder: 'rgb(133,146,137)',
+  statusText: 'rgb(211,198,170)',
+  statusSubtle: 'rgb(133,146,137)',
+  timerText: 'rgb(133,146,137)',
+  thinkingText: 'rgb(211,198,170)',
+  thinkingBase: 'rgb(133,146,137)',
+  thinkingAccent: 'rgb(133,146,137)',
+  thinkingGlow: 'rgb(230,220,195)',
+  claude: 'rgb(214,153,182)',
+  logo: 'rgb(232,180,205)', // welcome banner — brighter than accent
+  claudeShimmer: 'rgb(131,192,146)',
+  mixdogOrange: 'rgb(214,153,182)',
+  mixdogAmber: 'rgb(131,192,146)',
+  mixdogIvory: 'rgb(211,198,170)',
+  spinnerGlyph: 'rgb(230,152,117)', // most-emphasized: earthy orange (fits muted green)
+  spinnerText: 'rgb(230,152,117)',
+  spinnerShimmer: 'rgb(243,180,150)',
+  panelTitle: 'rgb(214,153,182)',
+  success: 'rgb(167,192,128)',
+  error: 'rgb(230,126,128)',
+  warning: 'rgb(230,152,117)',
+  permission: 'rgb(230,126,128)',
+  suggestion: 'rgb(127,187,179)',
+  code: 'rgb(127,187,179)',
+  codeBlock: 'rgb(211,198,170)',
+  userMessageBackground: 'rgb(52,63,68)',
+  userMessageBackgroundHover: 'rgb(61,72,77)',
+  fastMode: 'rgb(230,152,117)',
+  mdHeading: 'rgb(214,153,182)',
+  mdCode: 'rgb(167,192,128)',
+  mdCodeBlock: 'rgb(211,198,170)',
+  mdQuote: 'rgb(219,188,127)',
+  mdQuoteBorder: 'rgb(133,146,137)',
+  mdHr: 'rgb(133,146,137)',
+  mdListBullet: 'rgb(167,192,128)',
+  mdCodeBlockBorder: 'rgb(61,72,77)',
+  mdCodeBlockBg: 'rgb(52,63,68)',
+  mdCodeSpanBg: 'rgb(61,72,77)',
+  mdLink: 'rgb(167,192,128)',
+  mdLinkText: 'rgb(131,192,146)',
+  mdStrong: 'rgb(230,152,117)',
+  mdEmph: 'rgb(219,188,127)',
+  mdDiffAdded: 'rgb(167,192,128)',
+  mdDiffRemoved: 'rgb(230,126,128)',
+  mdDiffHunk: 'rgb(127,187,179)',
+  mdDiffHeader: 'rgb(214,153,182)',
+  mdDiffContext: 'rgb(133,146,137)',
+  mdDiffAddedBg: 'rgb(32,48,59)',
+  mdDiffRemovedBg: 'rgb(55,34,44)',
+  syntaxComment: 'rgb(133,146,137)',
+  syntaxKeyword: 'rgb(214,153,182)',
+  syntaxFunction: 'rgb(167,192,128)',
+  syntaxVariable: 'rgb(230,126,128)',
+  syntaxString: 'rgb(167,192,128)',
+  syntaxNumber: 'rgb(230,152,117)',
+  syntaxType: 'rgb(219,188,127)',
+  syntaxOperator: 'rgb(131,192,146)',
+  syntaxPunctuation: 'rgb(211,198,170)',
+};

package/src/tui/themes/gruvbox.mjs

@@ -0,0 +1,71 @@
+import { basePalette } from './base.mjs';
+
+/** Gruvbox dark medium (morhetz/gruvbox) */
+export const gruvboxPalette = {
+  ...basePalette,
+  background: 'transparent',
+  text: 'rgb(235,219,178)',
+  inverseText: 'rgb(40,40,40)',
+  selectionText: 'rgb(251,241,199)',
+  selectionBackground: 'rgb(92,70,42)',
+  inactive: 'rgb(146,131,116)',
+  subtle: 'rgb(146,131,116)',
+  promptBorder: 'rgb(146,131,116)',
+  statusText: 'rgb(235,219,178)',
+  statusSubtle: 'rgb(146,131,116)',
+  timerText: 'rgb(146,131,116)',
+  thinkingText: 'rgb(235,219,178)',
+  thinkingBase: 'rgb(146,131,116)',
+  thinkingAccent: 'rgb(146,131,116)',
+  thinkingGlow: 'rgb(251,241,199)',
+  claude: 'rgb(142,192,124)',
+  logo: 'rgb(176,216,152)', // welcome banner — brighter than accent
+  claudeShimmer: 'rgb(184,187,38)',
+  mixdogOrange: 'rgb(142,192,124)',
+  mixdogAmber: 'rgb(184,187,38)',
+  mixdogIvory: 'rgb(235,219,178)',
+  spinnerGlyph: 'rgb(214,93,14)', // most-emphasized: gruvbox neutral orange (retro-fit)
+  spinnerText: 'rgb(214,93,14)',
+  spinnerShimmer: 'rgb(244,135,50)',
+  panelTitle: 'rgb(142,192,124)',
+  success: 'rgb(184,187,38)',
+  error: 'rgb(251,73,52)',
+  warning: 'rgb(254,128,25)',
+  permission: 'rgb(251,73,52)',
+  suggestion: 'rgb(131,165,152)',
+  code: 'rgb(131,165,152)',
+  codeBlock: 'rgb(235,219,178)',
+  userMessageBackground: 'rgb(60,56,54)',
+  userMessageBackgroundHover: 'rgb(80,73,69)',
+  fastMode: 'rgb(254,128,25)',
+  mdHeading: 'rgb(131,165,152)',
+  mdCode: 'rgb(250,189,47)',
+  mdCodeBlock: 'rgb(235,219,178)',
+  mdQuote: 'rgb(146,131,116)',
+  mdQuoteBorder: 'rgb(146,131,116)',
+  mdHr: 'rgb(146,131,116)',
+  mdListBullet: 'rgb(131,165,152)',
+  mdCodeBlockBorder: 'rgb(80,73,69)',
+  mdCodeBlockBg: 'rgb(60,56,54)',
+  mdCodeSpanBg: 'rgb(80,73,69)',
+  mdLink: 'rgb(142,192,124)',
+  mdLinkText: 'rgb(184,187,38)',
+  mdStrong: 'rgb(254,128,25)',
+  mdEmph: 'rgb(211,134,155)',
+  mdDiffAdded: 'rgb(152,151,26)',
+  mdDiffRemoved: 'rgb(204,36,29)',
+  mdDiffHunk: 'rgb(131,165,152)',
+  mdDiffHeader: 'rgb(211,134,155)',
+  mdDiffContext: 'rgb(146,131,116)',
+  mdDiffAddedBg: 'rgb(50,48,47)',
+  mdDiffRemovedBg: 'rgb(50,41,41)',
+  syntaxComment: 'rgb(146,131,116)',
+  syntaxKeyword: 'rgb(251,73,52)',
+  syntaxFunction: 'rgb(184,187,38)',
+  syntaxVariable: 'rgb(131,165,152)',
+  syntaxString: 'rgb(250,189,47)',
+  syntaxNumber: 'rgb(211,134,155)',
+  syntaxType: 'rgb(142,192,124)',
+  syntaxOperator: 'rgb(254,128,25)',
+  syntaxPunctuation: 'rgb(235,219,178)',
+};

package/src/tui/themes/index.mjs

@@ -0,0 +1,71 @@
+/**
+ * src/tui/themes/index.mjs — theme registry, order, and default id.
+ *
+ * Each theme lives in its own module and exports a COMPLETE palette built on
+ * `basePalette` (One Dark). This index wires them into the registry consumed by
+ * theme.mjs. The runtime singleton (`theme`) is seeded from the softened
+ * `basicPalette` export below.
+ */
+import { basePalette } from './base.mjs';
+import { basicPalette as rawBasicPalette } from './basic.mjs';
+import { indigoPalette as rawIndigoPalette } from './indigo.mjs';
+import { warmPalette as rawWarmPalette } from './warm.mjs';
+import { lightPalette as rawLightPalette } from './light.mjs';
+import { tealPalette as rawTealPalette } from './teal.mjs';
+import { onedarkPalette as rawOnedarkPalette } from './onedark.mjs';
+import { tokyonightPalette as rawTokyonightPalette } from './tokyonight.mjs';
+import { kanagawaPalette as rawKanagawaPalette } from './kanagawa.mjs';
+import { catppuccinPalette as rawCatppuccinPalette } from './catppuccin.mjs';
+import { draculaPalette as rawDraculaPalette } from './dracula.mjs';
+import { rosepinePalette as rawRosepinePalette } from './rosepine.mjs';
+import { nordPalette as rawNordPalette } from './nord.mjs';
+import { gruvboxPalette as rawGruvboxPalette } from './gruvbox.mjs';
+import { everforestPalette as rawEverforestPalette } from './everforest.mjs';
+import { softenTypographyColors } from './utils.mjs';
+
+/** Default theme id (Basic — amber-gold default dark). */
+export const DEFAULT_THEME_ID = 'basic';
+
+/** Backward-compatible ids accepted from older persisted configs. */
+export const THEME_ALIASES = {
+  basicIndigo: 'indigo',
+};
+
+export const basicPalette = softenTypographyColors(rawBasicPalette);
+const indigoPalette = softenTypographyColors(rawIndigoPalette);
+const warmPalette = softenTypographyColors(rawWarmPalette);
+// Light is terminal high-contrast; skip soften so syntax/accents stay saturated.
+const lightPalette = rawLightPalette;
+const tealPalette = softenTypographyColors(rawTealPalette);
+const onedarkPalette = softenTypographyColors(rawOnedarkPalette);
+const tokyonightPalette = softenTypographyColors(rawTokyonightPalette);
+const kanagawaPalette = softenTypographyColors(rawKanagawaPalette);
+const catppuccinPalette = softenTypographyColors(rawCatppuccinPalette);
+const draculaPalette = softenTypographyColors(rawDraculaPalette);
+const rosepinePalette = softenTypographyColors(rawRosepinePalette);
+const nordPalette = softenTypographyColors(rawNordPalette);
+const gruvboxPalette = softenTypographyColors(rawGruvboxPalette);
+const everforestPalette = softenTypographyColors(rawEverforestPalette);
+
+/** Theme registry: id -> { id, label, description, palette }. */
+export const THEME_REGISTRY = {
+  basic:      { id: 'basic',      label: 'Basic',        description: 'Amber-gold default dark with a hot orange live state.', palette: basicPalette },
+  indigo:     { id: 'indigo',     label: 'Indigo',       description: 'Cool blue-indigo brand dark with orange live state.', palette: indigoPalette },
+  warm:       { id: 'warm',       label: 'Warm',         description: 'Soft sunset coral on neutral charcoal.', palette: warmPalette },
+  teal:       { id: 'teal',       label: 'Teal',          description: 'pi-style teal accent with soft body text.', palette: tealPalette },
+  onedark:    { id: 'onedark',    label: 'One Dark',      description: 'Atom One Dark — blue accent on slate, balanced syntax.', palette: onedarkPalette },
+  tokyonight: { id: 'tokyonight', label: 'Tokyo Night',   description: 'Storm variant — soft blue/purple dark with neon markdown.', palette: tokyonightPalette },
+  kanagawa:   { id: 'kanagawa',   label: 'Kanagawa',      description: 'Wave variant — muted ink dark with crystal-blue accent.', palette: kanagawaPalette },
+  catppuccin: { id: 'catppuccin', label: 'Catppuccin',    description: 'Mocha — gentle pastel violet/blue dark.', palette: catppuccinPalette },
+  dracula:    { id: 'dracula',    label: 'Dracula',       description: 'Classic purple/pink accents with cyan links.', palette: draculaPalette },
+  rosepine:   { id: 'rosepine',   label: 'Rosé Pine',     description: 'Muted rose/pine dark with soho elegance.', palette: rosepinePalette },
+  nord:       { id: 'nord',       label: 'Nord',          description: 'Cool arctic blue/teal frost dark.', palette: nordPalette },
+  gruvbox:    { id: 'gruvbox',    label: 'Gruvbox',       description: 'Retro warm earthy dark with green/orange accents.', palette: gruvboxPalette },
+  everforest: { id: 'everforest', label: 'Everforest',    description: 'Soft natural green dark, easy on the eyes.', palette: everforestPalette },
+  light:      { id: 'light',      label: 'Light',        description: 'GitHub Light high-contrast — solid blue selection, terminal-ready chrome.', palette: lightPalette },
+};
+
+/** Display order for the theme picker. */
+export const THEME_ORDER = ['basic', 'indigo', 'warm', 'teal', 'onedark', 'tokyonight', 'kanagawa', 'catppuccin', 'dracula', 'rosepine', 'nord', 'gruvbox', 'everforest', 'light'];
+
+export { basePalette };

package/src/tui/themes/indigo.mjs

@@ -0,0 +1,78 @@
+/**
+ * src/tui/themes/indigo.mjs — Indigo (cool blue-indigo brand dark).
+ *
+ * Mixdog brand theme: saturated blue-indigo primary (#5B7CFF family) with
+ * cyan secondary on lifted blue-black surfaces — not violet/purple. Spreads
+ * `basePalette` first so the full key set is always present.
+ */
+import { basePalette } from './base.mjs';
+
+/** Indigo — true blue-indigo brand dark. */
+export const indigoPalette = {
+  ...basePalette,
+  background: 'transparent',
+  text: 'rgb(226,228,242)',
+  statusText: 'rgb(226,228,242)',
+  thinkingText: 'rgb(188,194,222)',
+  thinkingGlow: 'rgb(210,220,255)',
+  mixdogIvory: 'rgb(226,228,242)',
+  inactive: 'rgb(132,140,172)',
+  subtle: 'rgb(108,118,152)',
+  thinkingAccent: 'rgb(100,124,190)',
+  thinkingBase: 'rgb(72,88,140)',
+  statusSubtle: 'rgb(132,140,172)',
+  timerText: 'rgb(132,140,172)',
+  promptBorder: 'rgb(72,82,124)',
+  claude: 'rgb(91,124,255)',
+  logo: 'rgb(110,168,255)',
+  mixdogOrange: 'rgb(91,124,255)',
+  spinnerGlyph: 'rgb(255,126,26)',
+  spinnerText: 'rgb(255,126,26)',
+  panelTitle: 'rgb(91,124,255)',
+  mdHeading: 'rgb(110,168,255)',
+  claudeShimmer: 'rgb(130,160,255)',
+  spinnerShimmer: 'rgb(255,165,90)',
+  mixdogAmber: 'rgb(130,160,255)',
+  suggestion: 'rgb(150,175,255)',
+  code: 'rgb(110,168,255)',
+  mdLink: 'rgb(150,175,255)',
+  mdListBullet: 'rgb(91,124,255)',
+  mdCode: 'rgb(110,168,255)',
+  mdLinkText: 'rgb(100,200,230)',
+  codeBlock: 'rgb(214,218,232)',
+  mdCodeBlock: 'rgb(214,218,232)',
+  success: 'rgb(86,180,110)',
+  error: 'rgb(225,95,95)',
+  warning: 'rgb(231,172,78)',
+  permission: 'rgb(225,95,95)',
+  mdStrong: 'rgb(130,160,255)',
+  mdEmph: 'rgb(100,200,230)',
+  inverseText: 'rgb(16,18,28)',
+  selectionText: 'rgb(232,236,255)',
+  selectionBackground: 'rgb(48,62,120)',
+  mdCodeBlockBg: 'rgb(22,24,40)',
+  mdCodeSpanBg: 'rgb(32,34,54)',
+  mdCodeBlockBorder: 'rgb(48,54,88)',
+  userMessageBackground: 'rgb(28,30,48)',
+  userMessageBackgroundHover: 'rgb(40,44,68)',
+  mdQuote: 'rgb(108,118,152)',
+  mdQuoteBorder: 'rgb(108,118,152)',
+  mdHr: 'rgb(108,118,152)',
+  syntaxComment: 'rgb(108,118,152)',
+  mdDiffContext: 'rgb(108,118,152)',
+  mdDiffAdded: 'rgb(86,180,110)',
+  mdDiffRemoved: 'rgb(225,95,95)',
+  mdDiffHunk: 'rgb(91,124,255)',
+  mdDiffHeader: 'rgb(130,160,255)',
+  mdDiffAddedBg: 'rgb(24,46,38)',
+  mdDiffRemovedBg: 'rgb(48,28,38)',
+  syntaxKeyword: 'rgb(150,175,255)',
+  syntaxFunction: 'rgb(100,200,230)',
+  syntaxString: 'rgb(150,190,120)',
+  syntaxNumber: 'rgb(255,176,92)',
+  syntaxType: 'rgb(100,200,230)',
+  syntaxVariable: 'rgb(226,228,242)',
+  syntaxOperator: 'rgb(150,175,255)',
+  syntaxPunctuation: 'rgb(214,218,232)',
+  fastMode: 'rgb(255,126,26)',
+};