mixdog 0.9.0 → 0.9.2

package/src/tui/themes/kanagawa.mjs

@@ -0,0 +1,80 @@
+/**
+ * src/tui/themes/kanagawa.mjs — Kanagawa (Wave).
+ *
+ * Source: rebelot/kanagawa.nvim "wave" — sumiInk3 #1F1F28 (bg),
+ * fujiWhite #DCD7BA (fg), crystalBlue #7E9CD8 (signature accent),
+ * oniViolet #957FB8, springGreen #98BB6C, carpYellow #E6C384,
+ * springBlue #7FB4CA, surimiOrange #FFA066, peachRed #FF5D62,
+ * waveRed #E46876, waveAqua2 #7AA89F, fujiGray #727169.
+ */
+import { basePalette } from './base.mjs';
+
+/** Kanagawa Wave — muted ink dark with crystal-blue accent. */
+export const kanagawaPalette = {
+  ...basePalette,
+  background: 'transparent', // sumiInk3 #1F1F28
+  claude: 'rgb(210,126,153)', // sakuraPink accent (opencode)
+  logo: 'rgb(232,156,182)', // welcome banner — brighter than accent
+  claudeShimmer: 'rgb(156,171,202)', // springViolet2 #9CABCA (lighter accent)
+  mixdogOrange: 'rgb(210,126,153)', // sakuraPink accent (opencode)
+  mixdogAmber: 'rgb(156,171,202)', // lighter accent
+  mixdogIvory: 'rgb(220,215,186)', // fujiWhite #DCD7BA
+  spinnerGlyph: 'rgb(228,104,118)', // most-emphasized: waveRed
+  spinnerText: 'rgb(228,104,118)',
+  spinnerShimmer: 'rgb(255,140,150)',
+  thinkingAccent: 'rgb(114,113,105)', // fujiGray #727169
+  thinkingText: 'rgb(220,215,186)', // fg
+  thinkingBase: 'rgb(114,113,105)', // fujiGray
+  thinkingGlow: 'rgb(235,231,205)', // brighter fg
+  statusText: 'rgb(220,215,186)', // fg
+  statusSubtle: 'rgb(114,113,105)', // fujiGray
+  timerText: 'rgb(114,113,105)', // fujiGray
+  text: 'rgb(220,215,186)', // fujiWhite #DCD7BA
+  inverseText: 'rgb(31,31,40)', // background
+  selectionText: 'rgb(238,232,204)',
+  selectionBackground: 'rgb(61,70,96)',
+  inactive: 'rgb(114,113,105)', // fujiGray
+  subtle: 'rgb(114,113,105)', // fujiGray
+  promptBorder: 'rgb(114,113,105)', // fujiGray (muted grey)
+  success: 'rgb(152,187,108)', // springGreen #98BB6C
+  error: 'rgb(232,36,36)', // dragonRed #E82424
+  warning: 'rgb(215,166,87)', // roninYellow #D7A657
+  suggestion: 'rgb(126,156,216)', // crystalBlue
+  panelTitle: 'rgb(210,126,153)', // sakuraPink
+  permission: 'rgb(228,104,118)', // waveRed #E46876
+  code: 'rgb(126,156,216)', // crystalBlue
+  codeBlock: 'rgb(220,215,186)', // fg
+  mdHeading: 'rgb(149,127,184)', // oniViolet
+  mdCode: 'rgb(152,187,108)', // lotusGreen #98BB6C
+  mdCodeBlock: 'rgb(220,215,186)', // fg
+  mdQuote: 'rgb(142,140,132)', // lifted fujiGray
+  mdQuoteBorder: 'rgb(142,140,132)', // lifted fujiGray
+  mdHr: 'rgb(114,113,105)', // fujiGray
+  mdListBullet: 'rgb(126,156,216)', // crystalBlue accent
+  mdCodeBlockBorder: 'rgb(54,54,70)', // sumiInk5 #363646
+  mdCodeBlockBg: 'rgb(42,42,55)', // sumiInk4 #2A2A37 (lifted)
+  mdCodeSpanBg: 'rgb(54,54,70)', // sumiInk5 #363646
+  mdLink: 'rgb(126,156,216)', // crystalBlue
+  mdLinkText: 'rgb(118,148,106)', // waveAqua #76946A
+  mdStrong: 'rgb(215,166,87)', // roninYellow #D7A657
+  mdEmph: 'rgb(195,141,157)', // carpYellow opencode #C38D9D
+  mdDiffAdded: 'rgb(152,187,108)', // springGreen
+  mdDiffRemoved: 'rgb(255,93,98)', // peachRed
+  mdDiffHunk: 'rgb(45,79,103)', // waveBlue #2D4F67
+  mdDiffHeader: 'rgb(149,127,184)', // oniViolet #957FB8
+  mdDiffContext: 'rgb(114,113,105)', // fujiGray
+  mdDiffAddedBg: 'rgb(37,46,37)', // #252E25
+  mdDiffRemovedBg: 'rgb(54,32,32)', // #362020
+  syntaxComment: 'rgb(142,140,132)', // lifted fujiGray
+  syntaxKeyword: 'rgb(149,127,184)', // oniViolet
+  syntaxFunction: 'rgb(126,156,216)', // crystalBlue
+  syntaxVariable: 'rgb(220,215,186)', // fujiWhite
+  syntaxString: 'rgb(152,187,108)', // springGreen
+  syntaxNumber: 'rgb(215,166,87)', // roninYellow #D7A657
+  syntaxType: 'rgb(195,141,157)', // carpYellow opencode #C38D9D
+  syntaxOperator: 'rgb(210,126,153)', // sakuraPink
+  syntaxPunctuation: 'rgb(220,215,186)', // fg
+  userMessageBackground: 'rgb(42,42,55)', // sumiInk4 #2A2A37
+  userMessageBackgroundHover: 'rgb(34,50,73)', // waveBlue1 #223249
+  fastMode: 'rgb(255,158,59)', // roninYellow #FF9E3B (vivid in-theme orange)
+};

package/src/tui/themes/light.mjs

@@ -0,0 +1,81 @@
+/**
+ * src/tui/themes/light.mjs — GitHub Light / VS Code 2026 Light (terminal TUI).
+ *
+ * High-contrast light palette for Windows Terminal and picker rows: white
+ * surface, near-black ink, solid blue selection (#0069CC), visible chrome
+ * borders, and GitHub/VS Code light syntax (no pastel wash). Spreads
+ * `basePalette` first so the full key set is always present.
+ */
+import { basePalette } from './base.mjs';
+
+/** GitHub Light high-contrast — terminal-first readability. */
+export const lightPalette = {
+  ...basePalette,
+  background: 'rgb(255,255,255)', // lightBg #ffffff
+  text: 'rgb(32,32,32)', // VS Code 2026 Light fg #202020
+  inverseText: 'rgb(255,255,255)',
+  selectionText: 'rgb(255,255,255)', // quickInputList.focusForeground
+  selectionBackground: 'rgb(0,105,204)', // #0069CC focus / active list
+  selectionHighlightText: 'rgb(0,0,0)',
+  selectionHighlightBackground: 'rgb(180,213,255)', // classic light-mode text selection blue
+  inactive: 'rgb(87,96,106)', // lightFgMuted #57606a
+  subtle: 'rgb(110,119,129)', // #6e7781
+  promptBorder: 'rgb(175,184,193)', // darker than #d0d7de for visible chrome
+  statusText: 'rgb(32,32,32)',
+  statusSubtle: 'rgb(87,96,106)',
+  timerText: 'rgb(87,96,106)',
+  thinkingText: 'rgb(32,32,32)',
+  thinkingBase: 'rgb(110,119,129)',
+  thinkingAccent: 'rgb(87,96,106)',
+  thinkingGlow: 'rgb(20,24,28)',
+  claude: 'rgb(9,105,218)', // lightBlue #0969da (signature accent)
+  logo: 'rgb(9,105,218)', // welcome banner — high-contrast on white
+  claudeShimmer: 'rgb(84,153,237)',
+  mixdogOrange: 'rgb(9,105,218)',
+  mixdogAmber: 'rgb(84,153,237)',
+  mixdogIvory: 'rgb(32,32,32)',
+  spinnerGlyph: 'rgb(9,105,218)',
+  spinnerText: 'rgb(9,105,218)',
+  spinnerShimmer: 'rgb(84,153,237)',
+  panelTitle: 'rgb(9,105,218)',
+  success: 'rgb(26,127,55)', // lightGreen #1a7f37
+  error: 'rgb(207,34,46)', // lightRed #cf222e
+  warning: 'rgb(154,103,0)', // lightYellow #9a6700
+  permission: 'rgb(207,34,46)',
+  suggestion: 'rgb(9,105,218)',
+  code: 'rgb(9,105,218)',
+  codeBlock: 'rgb(32,32,32)',
+  userMessageBackground: 'rgb(240,243,246)', // lightBgPanel #f0f3f6
+  userMessageBackgroundHover: 'rgb(246,248,250)', // lightBgAlt #f6f8fa
+  fastMode: 'rgb(188,76,0)', // lightOrange #bc4c00
+  mdHeading: 'rgb(9,105,218)', // lightBlue
+  mdCode: 'rgb(191,57,137)', // lightPink #bf3989 (inline code)
+  mdCodeBlock: 'rgb(36,41,47)', // GitHub fg #24292f
+  mdQuote: 'rgb(87,96,106)',
+  mdQuoteBorder: 'rgb(175,184,193)',
+  mdHr: 'rgb(175,184,193)',
+  mdListBullet: 'rgb(9,105,218)',
+  mdCodeBlockBorder: 'rgb(216,216,216)', // VS Code panel border #D8D8D8
+  mdCodeBlockBg: 'rgb(246,248,250)', // #f6f8fa
+  mdCodeSpanBg: 'rgb(240,243,246)', // #f0f3f6
+  mdLink: 'rgb(9,105,218)',
+  mdLinkText: 'rgb(27,124,131)', // lightCyan #1b7c83
+  mdStrong: 'rgb(149,56,0)', // #953800
+  mdEmph: 'rgb(154,103,0)', // lightYellow #9a6700
+  mdDiffAdded: 'rgb(26,127,55)',
+  mdDiffRemoved: 'rgb(207,34,46)',
+  mdDiffHunk: 'rgb(9,105,218)',
+  mdDiffHeader: 'rgb(130,80,223)', // lightPurple #8250df
+  mdDiffContext: 'rgb(87,96,106)',
+  mdDiffAddedBg: 'rgb(218,251,225)', // #dafbe1
+  mdDiffRemovedBg: 'rgb(255,235,233)', // #ffebe9
+  syntaxComment: 'rgb(110,119,129)', // #6e7781
+  syntaxKeyword: 'rgb(207,34,46)', // lightRed
+  syntaxFunction: 'rgb(130,80,223)', // lightPurple
+  syntaxVariable: 'rgb(149,56,0)', // #953800
+  syntaxString: 'rgb(10,48,105)', // #0a3069 dark blue strings
+  syntaxNumber: 'rgb(27,124,131)', // lightCyan
+  syntaxType: 'rgb(149,56,0)', // #953800
+  syntaxOperator: 'rgb(207,34,46)', // lightRed
+  syntaxPunctuation: 'rgb(36,41,47)', // dark ink
+};

package/src/tui/themes/nord.mjs

@@ -0,0 +1,72 @@
+import { basePalette } from './base.mjs';
+
+/** Nord (nordtheme.com) — Polar Night, Snow Storm, Frost, Aurora */
+export const nordPalette = {
+  ...basePalette,
+  background: 'transparent',
+  text: 'rgb(216,222,233)',
+  inverseText: 'rgb(46,52,64)',
+  selectionText: 'rgb(229,233,240)',
+  selectionBackground: 'rgb(67,92,122)',
+  inactive: 'rgb(76,86,106)',
+  subtle: 'rgb(76,86,106)',
+  promptBorder: 'rgb(76,86,106)',
+  statusText: 'rgb(216,222,233)',
+  statusSubtle: 'rgb(76,86,106)',
+  timerText: 'rgb(76,86,106)',
+  thinkingText: 'rgb(216,222,233)',
+  thinkingBase: 'rgb(76,86,106)',
+  thinkingAccent: 'rgb(76,86,106)',
+  thinkingGlow: 'rgb(229,233,240)',
+  claude: 'rgb(136,192,208)',
+  logo: 'rgb(170,218,232)', // welcome banner — brighter than accent
+  claudeShimmer: 'rgb(143,188,187)',
+  mixdogOrange: 'rgb(136,192,208)',
+  mixdogAmber: 'rgb(143,188,187)',
+  mixdogIvory: 'rgb(216,222,233)',
+  spinnerGlyph: 'rgb(208,135,112)', // most-emphasized: aurora orange
+  spinnerText: 'rgb(208,135,112)',
+  spinnerShimmer: 'rgb(224,160,140)',
+  panelTitle: 'rgb(136,192,208)',
+  success: 'rgb(163,190,140)',
+  error: 'rgb(191,97,106)',
+  warning: 'rgb(235,203,139)',
+  permission: 'rgb(191,97,106)',
+  suggestion: 'rgb(129,161,193)',
+  code: 'rgb(129,161,193)',
+  codeBlock: 'rgb(216,222,233)',
+  userMessageBackground: 'rgb(59,66,82)',
+  userMessageBackgroundHover: 'rgb(67,76,94)',
+  fastMode: 'rgb(208,135,112)',
+  mdHeading: 'rgb(180,142,173)',
+  mdCode: 'rgb(143,188,187)',
+  mdCodeBlock: 'rgb(216,222,233)',
+  mdQuote: 'rgb(130,142,168)',
+  mdQuoteBorder: 'rgb(130,142,168)',
+  mdHr: 'rgb(76,86,106)',
+  mdListBullet: 'rgb(136,192,208)',
+  mdCodeBlockBorder: 'rgb(67,76,94)',
+  mdCodeBlockBg: 'rgb(59,66,82)',
+  mdCodeSpanBg: 'rgb(67,76,94)',
+  mdLink: 'rgb(129,161,193)',
+  mdLinkText: 'rgb(143,188,187)',
+  mdStrong: 'rgb(208,135,112)',
+  mdEmph: 'rgb(235,203,139)',
+  mdDiffAdded: 'rgb(163,190,140)',
+  mdDiffRemoved: 'rgb(191,97,106)',
+  mdDiffHunk: 'rgb(94,129,172)',
+  mdDiffHeader: 'rgb(180,142,173)',
+  mdDiffContext: 'rgb(76,86,106)',
+  mdDiffAddedBg: 'rgb(52,68,58)',
+  mdDiffRemovedBg: 'rgb(68,52,56)',
+  syntaxComment: 'rgb(130,142,168)',
+  syntaxKeyword: 'rgb(129,161,193)',
+  syntaxFunction: 'rgb(136,192,208)',
+  syntaxVariable: 'rgb(191,97,106)',
+  syntaxString: 'rgb(163,190,140)',
+  syntaxNumber: 'rgb(180,142,173)',
+  syntaxType: 'rgb(143,188,187)',
+  syntaxOperator: 'rgb(129,161,193)',
+  syntaxPunctuation: 'rgb(216,222,233)',
+};
+

package/src/tui/themes/onedark.mjs

@@ -0,0 +1,16 @@
+/**
+ * src/tui/themes/onedark.mjs — One Dark (the default theme).
+ *
+ * One Dark IS the base palette, so this theme simply re-exports the full base
+ * key set under the `onedarkPalette` name expected by the registry.
+ */
+import { basePalette } from './base.mjs';
+
+/** One Dark — base palette with a hot coral-red spinner (most-emphasized live state). */
+export const onedarkPalette = {
+  ...basePalette,
+  spinnerGlyph: 'rgb(224,108,117)', // most-emphasized: coral red
+  spinnerText: 'rgb(224,108,117)',
+  spinnerShimmer: 'rgb(240,140,148)',
+  syntaxComment: 'rgb(118,126,142)', // lifted grey for code-block readability
+};

package/src/tui/themes/rosepine.mjs

@@ -0,0 +1,70 @@
+import { basePalette } from './base.mjs';
+/** Rosé Pine main — https://rosepinetheme.com/palette/ingredients */
+export const rosepinePalette = {
+  ...basePalette,
+  background: 'transparent',
+  text: 'rgb(224,222,244)',
+  inverseText: 'rgb(25,23,36)',
+  selectionText: 'rgb(238,232,255)',
+  selectionBackground: 'rgb(65,52,92)',
+  claude: 'rgb(196,167,231)',
+  logo: 'rgb(220,196,245)', // welcome banner — brighter than accent
+  claudeShimmer: 'rgb(235,188,186)',
+  mixdogOrange: 'rgb(196,167,231)',
+  mixdogAmber: 'rgb(246,193,119)',
+  mixdogIvory: 'rgb(224,222,244)',
+  spinnerGlyph: 'rgb(235,111,146)', // most-emphasized: love
+  spinnerText: 'rgb(235,111,146)',
+  spinnerShimmer: 'rgb(245,150,175)',
+  thinkingAccent: 'rgb(110,106,134)',
+  thinkingText: 'rgb(224,222,244)',
+  thinkingBase: 'rgb(110,106,134)',
+  thinkingGlow: 'rgb(236,234,252)',
+  statusText: 'rgb(224,222,244)',
+  statusSubtle: 'rgb(144,140,170)',
+  timerText: 'rgb(110,106,134)',
+  inactive: 'rgb(110,106,134)',
+  subtle: 'rgb(144,140,170)',
+  promptBorder: 'rgb(110,106,134)',
+  success: 'rgb(110,158,135)',
+  error: 'rgb(235,111,146)',
+  warning: 'rgb(246,193,119)',
+  suggestion: 'rgb(156,207,216)',
+  panelTitle: 'rgb(196,167,231)',
+  permission: 'rgb(235,111,146)',
+  code: 'rgb(156,207,216)',
+  codeBlock: 'rgb(224,222,244)',
+  mdHeading: 'rgb(196,167,231)',
+  mdCode: 'rgb(156,207,216)',
+  mdCodeBlock: 'rgb(224,222,244)',
+  mdQuote: 'rgb(138,134,166)',
+  mdQuoteBorder: 'rgb(138,134,166)',
+  mdHr: 'rgb(144,140,170)',
+  mdListBullet: 'rgb(196,167,231)',
+  mdCodeBlockBorder: 'rgb(64,61,82)',
+  mdCodeBlockBg: 'rgb(31,29,46)',
+  mdCodeSpanBg: 'rgb(38,35,58)',
+  mdLink: 'rgb(156,207,216)',
+  mdLinkText: 'rgb(235,188,186)',
+  mdStrong: 'rgb(246,193,119)',
+  mdEmph: 'rgb(235,188,186)',
+  mdDiffAdded: 'rgb(110,158,135)',
+  mdDiffRemoved: 'rgb(235,111,146)',
+  mdDiffHunk: 'rgb(144,140,170)',
+  mdDiffHeader: 'rgb(196,167,231)',
+  mdDiffContext: 'rgb(144,140,170)',
+  mdDiffAddedBg: 'rgb(26,42,34)',
+  mdDiffRemovedBg: 'rgb(48,30,42)',
+  syntaxComment: 'rgb(110,106,134)',
+  syntaxKeyword: 'rgb(196,167,231)',
+  syntaxFunction: 'rgb(156,207,216)',
+  syntaxVariable: 'rgb(224,222,244)',
+  syntaxString: 'rgb(246,193,119)',
+  syntaxNumber: 'rgb(246,193,119)',
+  syntaxType: 'rgb(156,207,216)',
+  syntaxOperator: 'rgb(49,116,143)',
+  syntaxPunctuation: 'rgb(224,222,244)',
+  userMessageBackground: 'rgb(38,35,58)',
+  userMessageBackgroundHover: 'rgb(64,61,82)',
+  fastMode: 'rgb(246,193,119)',
+};

package/src/tui/themes/teal.mjs

@@ -0,0 +1,81 @@
+/**
+ * src/tui/themes/teal.mjs — Teal (pi style).
+ *
+ * Faithful port of pi's `dark.json` (refs/pi .../theme/dark.json). Values are
+ * taken verbatim: accent teal #8abeb7, body text #d4d4d4, page bg #18181e,
+ * green #b5bd68, red #cc6666, warning pure yellow #ffff00, blue #81a2be,
+ * mdHeading #f0c674, gray #808080. Syntax uses pi's VS Code Dark+ palette
+ * (keyword #569CD6, string #CE9178, function #DCDCAA, etc.). Spreads
+ * `basePalette` first so the full key set is always present.
+ */
+import { basePalette } from './base.mjs';
+
+/** Teal — pi-style teal accent with soft body text. */
+export const tealPalette = {
+  ...basePalette,
+  background: 'transparent', // export.pageBg #18181e
+  claude: 'rgb(138,190,183)', // accent #8abeb7
+  logo: 'rgb(174,216,210)', // welcome banner — brighter than accent
+  claudeShimmer: 'rgb(170,214,208)', // lighter accent
+  mixdogOrange: 'rgb(138,190,183)',
+  mixdogAmber: 'rgb(170,214,208)',
+  mixdogIvory: 'rgb(212,212,212)', // text #d4d4d4
+  spinnerGlyph: 'rgb(235,140,110)', // most-emphasized: warm coral (complementary to teal)
+  spinnerText: 'rgb(235,140,110)',
+  spinnerShimmer: 'rgb(245,170,145)',
+  thinkingAccent: 'rgb(128,128,128)', // gray #808080
+  thinkingText: 'rgb(128,128,128)', // thinkingText = gray #808080
+  thinkingBase: 'rgb(128,128,128)',
+  thinkingGlow: 'rgb(200,200,200)',
+  statusText: 'rgb(212,212,212)', // text #d4d4d4
+  statusSubtle: 'rgb(128,128,128)', // gray
+  timerText: 'rgb(128,128,128)',
+  text: 'rgb(212,212,212)', // text #d4d4d4
+  inverseText: 'rgb(24,24,30)',
+  selectionText: 'rgb(220,245,242)',
+  selectionBackground: 'rgb(35,78,82)',
+  inactive: 'rgb(128,128,128)', // muted/gray #808080
+  subtle: 'rgb(102,102,102)', // dim/dimGray #666666
+  promptBorder: 'rgb(80,80,80)', // borderMuted/darkGray #505050
+  success: 'rgb(181,189,104)', // green #b5bd68
+  error: 'rgb(204,102,102)', // red #cc6666
+  warning: 'rgb(255,255,0)', // yellow #ffff00 (pi uses pure yellow)
+  suggestion: 'rgb(129,162,190)', // mdLink #81a2be
+  panelTitle: 'rgb(138,190,183)', // accent
+  permission: 'rgb(204,102,102)', // red
+  code: 'rgb(138,190,183)', // mdCode = accent
+  codeBlock: 'rgb(181,189,104)', // mdCodeBlock = green
+  mdHeading: 'rgb(240,198,116)', // mdHeading #f0c674
+  mdCode: 'rgb(138,190,183)', // accent
+  mdCodeBlock: 'rgb(181,189,104)', // green
+  mdQuote: 'rgb(128,128,128)', // gray
+  mdQuoteBorder: 'rgb(128,128,128)',
+  mdHr: 'rgb(128,128,128)',
+  mdListBullet: 'rgb(138,190,183)', // accent
+  mdCodeBlockBorder: 'rgb(54,56,62)', // just above mdCodeSpanBg
+  mdCodeBlockBg: 'rgb(30,30,36)', // export.cardBg #1e1e24
+  mdCodeSpanBg: 'rgb(40,40,46)', // one step above cardBg
+  mdLink: 'rgb(129,162,190)', // mdLink #81a2be
+  mdLinkText: 'rgb(138,190,183)', // teal accent (readable link label)
+  mdStrong: 'rgb(240,198,116)', // heading-warm
+  mdEmph: 'rgb(229,192,123)',
+  mdDiffAdded: 'rgb(181,189,104)', // toolDiffAdded = green
+  mdDiffRemoved: 'rgb(204,102,102)', // toolDiffRemoved = red
+  mdDiffHunk: 'rgb(129,162,190)',
+  mdDiffHeader: 'rgb(149,117,205)', // customMessageLabel #9575cd purple
+  mdDiffContext: 'rgb(128,128,128)', // toolDiffContext = gray
+  mdDiffAddedBg: 'rgb(40,50,40)', // toolSuccessBg #283228
+  mdDiffRemovedBg: 'rgb(60,40,40)', // toolErrorBg #3c2828
+  syntaxComment: 'rgb(106,153,85)', // #6A9955 (VS Code Dark+)
+  syntaxKeyword: 'rgb(86,156,214)', // #569CD6
+  syntaxFunction: 'rgb(220,220,170)', // #DCDCAA
+  syntaxVariable: 'rgb(156,220,254)', // #9CDCFE
+  syntaxString: 'rgb(206,145,120)', // #CE9178
+  syntaxNumber: 'rgb(181,206,168)', // #B5CEA8
+  syntaxType: 'rgb(78,201,176)', // #4EC9B0
+  syntaxOperator: 'rgb(212,212,212)', // #D4D4D4
+  syntaxPunctuation: 'rgb(212,212,212)', // #D4D4D4
+  userMessageBackground: 'rgb(52,53,65)', // userMsgBg #343541
+  userMessageBackgroundHover: 'rgb(64,65,79)',
+  fastMode: 'rgb(255,120,20)',
+};

package/src/tui/themes/tokyonight.mjs

@@ -0,0 +1,79 @@
+/**
+ * src/tui/themes/tokyonight.mjs — Tokyo Night (Storm).
+ *
+ * Source: folke/tokyonight.nvim "storm" — bg #24283b, bgDark #1f2335,
+ * fg #c0caf5, comment #565f89, blue #7aa2f7 (signature accent),
+ * magenta #bb9af7, cyan #7dcfff, green #9ece6a, orange #ff9e64,
+ * yellow #e0af68, red #f7768e, terminalBlack #414868.
+ */
+import { basePalette } from './base.mjs';
+
+/** Tokyo Night Storm — soft blue/purple dark with neon markdown. */
+export const tokyonightPalette = {
+  ...basePalette,
+  background: 'transparent', // bg #24283b
+  claude: 'rgb(122,162,247)', // blue accent
+  logo: 'rgb(160,190,255)', // welcome banner — brighter than accent
+  claudeShimmer: 'rgb(160,190,255)', // lighter blue
+  mixdogOrange: 'rgb(122,162,247)', // signature accent (blue)
+  mixdogAmber: 'rgb(160,190,255)', // lighter accent
+  mixdogIvory: 'rgb(192,202,245)', // fg
+  spinnerGlyph: 'rgb(255,158,100)', // most-emphasized: orange
+  spinnerText: 'rgb(255,158,100)',
+  spinnerShimmer: 'rgb(255,180,130)',
+  thinkingAccent: 'rgb(86,95,137)', // comment #565f89
+  thinkingText: 'rgb(192,202,245)', // fg
+  thinkingBase: 'rgb(86,95,137)', // comment
+  thinkingGlow: 'rgb(215,222,255)', // brighter fg
+  statusText: 'rgb(192,202,245)', // fg
+  statusSubtle: 'rgb(86,95,137)', // comment
+  timerText: 'rgb(86,95,137)', // comment
+  text: 'rgb(192,202,245)', // fg #c0caf5
+  inverseText: 'rgb(36,40,59)', // background
+  selectionText: 'rgb(225,232,255)',
+  selectionBackground: 'rgb(52,72,130)',
+  inactive: 'rgb(86,95,137)', // comment
+  subtle: 'rgb(86,95,137)', // comment
+  promptBorder: 'rgb(86,95,137)', // comment (muted grey)
+  success: 'rgb(158,206,106)', // green #9ece6a
+  error: 'rgb(247,118,142)', // red #f7768e
+  warning: 'rgb(255,158,100)', // orange #ff9e64
+  suggestion: 'rgb(122,162,247)', // blue
+  panelTitle: 'rgb(122,162,247)', // blue
+  permission: 'rgb(247,118,142)', // red
+  code: 'rgb(122,162,247)', // blue
+  codeBlock: 'rgb(192,202,245)', // fg
+  mdHeading: 'rgb(187,154,247)', // magenta #bb9af7
+  mdCode: 'rgb(158,206,106)', // green
+  mdCodeBlock: 'rgb(192,202,245)', // fg
+  mdQuote: 'rgb(110,120,162)', // lifted comment
+  mdQuoteBorder: 'rgb(110,120,162)', // lifted comment
+  mdHr: 'rgb(86,95,137)', // comment
+  mdListBullet: 'rgb(122,162,247)', // blue accent
+  mdCodeBlockBorder: 'rgb(65,72,104)', // terminalBlack #414868
+  mdCodeBlockBg: 'rgb(42,46,66)', // surface (lifted from bg)
+  mdCodeSpanBg: 'rgb(50,55,77)', // one step above codeBlockBg
+  mdLink: 'rgb(122,162,247)', // blue
+  mdLinkText: 'rgb(125,207,255)', // cyan #7dcfff
+  mdStrong: 'rgb(255,158,100)', // orange
+  mdEmph: 'rgb(224,175,104)', // yellow #e0af68
+  mdDiffAdded: 'rgb(158,206,106)', // green
+  mdDiffRemoved: 'rgb(247,118,142)', // red
+  mdDiffHunk: 'rgb(86,95,137)', // comment
+  mdDiffHeader: 'rgb(187,154,247)', // magenta
+  mdDiffContext: 'rgb(86,95,137)', // comment
+  mdDiffAddedBg: 'rgb(32,48,40)', // dark green derived from bg
+  mdDiffRemovedBg: 'rgb(55,34,44)', // dark red derived from bg
+  syntaxComment: 'rgb(110,120,162)', // lifted comment
+  syntaxKeyword: 'rgb(187,154,247)', // magenta
+  syntaxFunction: 'rgb(122,162,247)', // blue
+  syntaxVariable: 'rgb(247,118,142)', // red
+  syntaxString: 'rgb(158,206,106)', // green
+  syntaxNumber: 'rgb(255,158,100)', // orange
+  syntaxType: 'rgb(224,175,104)', // yellow
+  syntaxOperator: 'rgb(125,207,255)', // cyan
+  syntaxPunctuation: 'rgb(192,202,245)', // fg
+  userMessageBackground: 'rgb(31,35,53)', // bgDark #1f2335
+  userMessageBackgroundHover: 'rgb(65,72,104)', // terminalBlack #414868
+  fastMode: 'rgb(255,150,70)', // vivid in-theme orange
+};

package/src/tui/themes/utils.mjs

@@ -0,0 +1,106 @@
+/**
+ * src/tui/themes/utils.mjs — palette post-processing helpers.
+ *
+ * Reference pattern (Claude Code / opencode / pi):
+ * - keep body text neutral and highly readable;
+ * - keep strong live-state colors for spinners/status;
+ * - use accent colors sparingly for headings, links and syntax, preferably
+ *   muted/desaturated enough for long coding sessions.
+ *
+ * Theme modules still define their full, expressive palettes. The registry runs
+ * them through `softenTypographyColors()` so text-bearing accent roles are a
+ * little less saturated without flattening each theme's signature color.
+ */
+
+const RGB_RE = /^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/;
+
+const SOFTEN_KEYS = [
+  'mdHeading',
+  'code',
+  'mdLink',
+  'mdLinkText',
+  'mdStrong',
+  'mdEmph',
+  'mdDiffHunk',
+  'mdDiffHeader',
+  'syntaxKeyword',
+  'syntaxFunction',
+  'syntaxString',
+  'syntaxNumber',
+  'syntaxType',
+  'syntaxOperator',
+];
+
+// Inline codespan (`emphasis`). Kept only lightly muted with a FIXED small
+// amount instead of the saturation-scaled soften, so accented inline code reads
+// a touch brighter/livelier instead of graying out on long sessions.
+const ACCENT_SOFTEN_KEYS = [
+  'mdCode',
+];
+const ACCENT_SOFTEN_AMOUNT = 0.14;
+
+const SUBTLE_SOFTEN_KEYS = [
+  'mdListBullet',
+];
+
+const UI_SOFTEN_KEYS = [
+  'panelTitle',
+];
+
+function parseRgb(value) {
+  const m = RGB_RE.exec(String(value || ''));
+  return m ? [Number(m[1]), Number(m[2]), Number(m[3])] : null;
+}
+
+function rgbString(rgb) {
+  return `rgb(${rgb.map((v) => Math.max(0, Math.min(255, Math.round(v)))).join(',')})`;
+}
+
+function mix(a, b, amount) {
+  return a.map((v, i) => v + (b[i] - v) * amount);
+}
+
+function saturation([r, g, b]) {
+  r /= 255; g /= 255; b /= 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const l = (max + min) / 2;
+  if (max === min) return 0;
+  const d = max - min;
+  return l > 0.5 ? d / (2 - max - min) : d / (max + min);
+}
+
+function softenAmount(rgb, base = 0.05) {
+  const s = saturation(rgb);
+  if (s >= 0.85) return base + 0.20;
+  if (s >= 0.65) return base + 0.15;
+  if (s >= 0.45) return base + 0.10;
+  if (s >= 0.25) return base + 0.06;
+  return base + 0.02;
+}
+
+function softenKey(out, key, target, baseAmount = 0.08) {
+  const rgb = parseRgb(out[key]);
+  if (!rgb || !target) return;
+  out[key] = rgbString(mix(rgb, target, softenAmount(rgb, baseAmount)));
+}
+
+function softenKeyFixed(out, key, target, amount) {
+  const rgb = parseRgb(out[key]);
+  if (!rgb || !target) return;
+  out[key] = rgbString(mix(rgb, target, amount));
+}
+
+export function softenTypographyColors(palette) {
+  const out = { ...palette };
+  const text = parseRgb(out.text) || parseRgb(out.mdCodeBlock) || parseRgb(out.statusText);
+  const subtle = parseRgb(out.subtle) || parseRgb(out.inactive) || text;
+  if (!text) return out;
+  const neutralText = subtle ? mix(text, subtle, 0.26) : text;
+
+  for (const key of SOFTEN_KEYS) softenKey(out, key, neutralText, 0.06);
+  for (const key of ACCENT_SOFTEN_KEYS) softenKeyFixed(out, key, neutralText, ACCENT_SOFTEN_AMOUNT);
+  for (const key of SUBTLE_SOFTEN_KEYS) softenKey(out, key, subtle || neutralText, 0.22);
+  for (const key of UI_SOFTEN_KEYS) softenKey(out, key, neutralText, 0.05);
+  return out;
+}

package/src/tui/themes/warm.mjs

@@ -0,0 +1,79 @@
+/**
+ * src/tui/themes/warm.mjs — Warm (soft sunset / coral on charcoal).
+ *
+ * Distinct from Basic (amber-gold) and earth-tone themes: neutral charcoal
+ * surfaces, readable cool-neutral body text, and coral–peach accents for
+ * titles, links, and live state. Spreads `basePalette` first so the full key
+ * set is always present.
+ */
+import { basePalette } from './base.mjs';
+
+/** Warm — soft sunset dark (coral accent, neutral ink). */
+export const warmPalette = {
+  ...basePalette,
+  background: 'transparent',
+  claude: 'rgb(255,120,96)',
+  logo: 'rgb(255,145,110)',
+  claudeShimmer: 'rgb(255,190,160)',
+  mixdogOrange: 'rgb(255,120,96)',
+  mixdogAmber: 'rgb(255,190,160)',
+  mixdogIvory: 'rgb(228,230,235)',
+  spinnerGlyph: 'rgb(255,100,72)',
+  spinnerText: 'rgb(255,100,72)',
+  spinnerShimmer: 'rgb(255,150,115)',
+  thinkingAccent: 'rgb(255,140,110)',
+  thinkingText: 'rgb(200,204,212)',
+  thinkingBase: 'rgb(120,124,134)',
+  thinkingGlow: 'rgb(240,228,220)',
+  statusText: 'rgb(228,230,235)',
+  statusSubtle: 'rgb(150,154,162)',
+  timerText: 'rgb(150,154,162)',
+  text: 'rgb(228,230,235)',
+  inverseText: 'rgb(28,30,34)',
+  selectionText: 'rgb(238,240,245)',
+  selectionBackground: 'rgb(72,78,96)',
+  inactive: 'rgb(150,154,162)',
+  subtle: 'rgb(130,134,142)',
+  promptBorder: 'rgb(90,94,102)',
+  success: 'rgb(140,190,118)',
+  error: 'rgb(230,86,78)',
+  warning: 'rgb(238,142,78)',
+  suggestion: 'rgb(255,190,160)',
+  panelTitle: 'rgb(255,120,96)',
+  permission: 'rgb(230,86,78)',
+  code: 'rgb(255,175,140)',
+  codeBlock: 'rgb(220,222,228)',
+  mdHeading: 'rgb(255,120,96)',
+  mdCode: 'rgb(255,175,140)',
+  mdCodeBlock: 'rgb(220,222,228)',
+  mdQuote: 'rgb(150,154,168)',
+  mdQuoteBorder: 'rgb(120,124,136)',
+  mdHr: 'rgb(120,124,136)',
+  mdListBullet: 'rgb(255,120,96)',
+  mdCodeBlockBorder: 'rgb(52,56,64)',
+  mdCodeBlockBg: 'rgb(32,34,40)',
+  mdCodeSpanBg: 'rgb(42,44,52)',
+  mdLink: 'rgb(255,190,160)',
+  mdLinkText: 'rgb(255,130,110)',
+  mdStrong: 'rgb(255,190,160)',
+  mdEmph: 'rgb(255,150,130)',
+  mdDiffAdded: 'rgb(140,190,118)',
+  mdDiffRemoved: 'rgb(230,86,78)',
+  mdDiffHunk: 'rgb(255,130,110)',
+  mdDiffHeader: 'rgb(255,190,160)',
+  mdDiffContext: 'rgb(150,154,168)',
+  mdDiffAddedBg: 'rgb(34,44,36)',
+  mdDiffRemovedBg: 'rgb(52,30,30)',
+  syntaxComment: 'rgb(150,154,168)',
+  syntaxKeyword: 'rgb(255,120,96)',
+  syntaxFunction: 'rgb(255,190,160)',
+  syntaxVariable: 'rgb(230,100,92)',
+  syntaxString: 'rgb(140,190,130)',
+  syntaxNumber: 'rgb(255,150,130)',
+  syntaxType: 'rgb(255,175,140)',
+  syntaxOperator: 'rgb(200,204,212)',
+  syntaxPunctuation: 'rgb(228,230,235)',
+  userMessageBackground: 'rgb(38,40,46)',
+  userMessageBackgroundHover: 'rgb(52,56,64)',
+  fastMode: 'rgb(255,100,72)',
+};