mirror of
https://github.com/AutoMaker-Org/automaker.git
synced 2026-01-31 06:42:03 +00:00
3320b40d15
- Terminal font dropdown now uses mono fonts from UI font options - Unified font list between appearance section and terminal settings - Terminal font persisted to GlobalSettings for import/export support - Aligned global terminal settings popover with per-terminal popover: - Same settings in same order (Font Size, Run on New Terminal, Font Family, Scrollback, Line Height, Screen Reader) - Consistent styling (Radix Select instead of native select) - Added terminal padding (12px vertical, 16px horizontal) for readability
630 lines
17 KiB
TypeScript
630 lines
17 KiB
TypeScript
/**
|
|
* Terminal themes that match the app themes
|
|
* Each theme provides colors for xterm.js terminal emulator
|
|
*/
|
|
|
|
import type { ThemeMode } from '@/store/app-store';
|
|
import {
|
|
UI_MONO_FONT_OPTIONS,
|
|
DEFAULT_FONT_VALUE,
|
|
type UIFontOption,
|
|
} from '@/config/ui-font-options';
|
|
|
|
export interface TerminalTheme {
|
|
background: string;
|
|
foreground: string;
|
|
cursor: string;
|
|
cursorAccent: string;
|
|
selectionBackground: string;
|
|
selectionForeground?: string;
|
|
black: string;
|
|
red: string;
|
|
green: string;
|
|
yellow: string;
|
|
blue: string;
|
|
magenta: string;
|
|
cyan: string;
|
|
white: string;
|
|
brightBlack: string;
|
|
brightRed: string;
|
|
brightGreen: string;
|
|
brightYellow: string;
|
|
brightBlue: string;
|
|
brightMagenta: string;
|
|
brightCyan: string;
|
|
brightWhite: string;
|
|
// Search highlighting colors - for xterm SearchAddon
|
|
searchMatchBackground: string;
|
|
searchMatchBorder: string;
|
|
searchActiveMatchBackground: string;
|
|
searchActiveMatchBorder: string;
|
|
}
|
|
|
|
/**
|
|
* Terminal font options for user selection
|
|
*
|
|
* Uses the same fonts as UI_MONO_FONT_OPTIONS for consistency across the app.
|
|
* All fonts listed here are bundled with the app via @fontsource packages
|
|
* or are system fonts with appropriate fallbacks.
|
|
*/
|
|
|
|
// Re-export for backwards compatibility
|
|
export type TerminalFontOption = UIFontOption;
|
|
|
|
/**
|
|
* Terminal font options - reuses UI_MONO_FONT_OPTIONS with terminal-specific default
|
|
*
|
|
* The 'default' value means "use the default terminal font" (Menlo/Monaco)
|
|
*/
|
|
export const TERMINAL_FONT_OPTIONS: readonly UIFontOption[] = UI_MONO_FONT_OPTIONS.map((option) => {
|
|
// Replace the UI default label with terminal-specific default
|
|
if (option.value === DEFAULT_FONT_VALUE) {
|
|
return { value: option.value, label: 'Default (Menlo / Monaco)' };
|
|
}
|
|
return option;
|
|
});
|
|
|
|
/**
|
|
* Default terminal font family
|
|
* Uses the DEFAULT_FONT_VALUE sentinel which maps to Menlo/Monaco
|
|
*/
|
|
export const DEFAULT_TERMINAL_FONT = DEFAULT_FONT_VALUE;
|
|
|
|
/**
|
|
* Get the actual font family CSS value for terminal
|
|
* Converts DEFAULT_FONT_VALUE to the actual Menlo/Monaco font stack
|
|
*/
|
|
export function getTerminalFontFamily(fontValue: string | undefined): string {
|
|
if (!fontValue || fontValue === DEFAULT_FONT_VALUE) {
|
|
return "Menlo, Monaco, 'Courier New', monospace";
|
|
}
|
|
return fontValue;
|
|
}
|
|
|
|
// Dark theme (default)
|
|
const darkTheme: TerminalTheme = {
|
|
background: '#0a0a0a',
|
|
foreground: '#d4d4d4',
|
|
cursor: '#d4d4d4',
|
|
cursorAccent: '#0a0a0a',
|
|
selectionBackground: '#264f78',
|
|
black: '#1e1e1e',
|
|
red: '#f44747',
|
|
green: '#6a9955',
|
|
yellow: '#dcdcaa',
|
|
blue: '#569cd6',
|
|
magenta: '#c586c0',
|
|
cyan: '#4ec9b0',
|
|
white: '#d4d4d4',
|
|
brightBlack: '#808080',
|
|
brightRed: '#f44747',
|
|
brightGreen: '#6a9955',
|
|
brightYellow: '#dcdcaa',
|
|
brightBlue: '#569cd6',
|
|
brightMagenta: '#c586c0',
|
|
brightCyan: '#4ec9b0',
|
|
brightWhite: '#ffffff',
|
|
// Search colors - bright yellow for visibility on dark background
|
|
searchMatchBackground: '#6b5300',
|
|
searchMatchBorder: '#e2ac00',
|
|
searchActiveMatchBackground: '#ff8c00',
|
|
searchActiveMatchBorder: '#ffb74d',
|
|
};
|
|
|
|
// Light theme
|
|
const lightTheme: TerminalTheme = {
|
|
background: '#ffffff',
|
|
foreground: '#383a42',
|
|
cursor: '#383a42',
|
|
cursorAccent: '#ffffff',
|
|
selectionBackground: '#add6ff',
|
|
black: '#383a42',
|
|
red: '#e45649',
|
|
green: '#50a14f',
|
|
yellow: '#c18401',
|
|
blue: '#4078f2',
|
|
magenta: '#a626a4',
|
|
cyan: '#0184bc',
|
|
white: '#fafafa',
|
|
brightBlack: '#4f525e',
|
|
brightRed: '#e06c75',
|
|
brightGreen: '#98c379',
|
|
brightYellow: '#e5c07b',
|
|
brightBlue: '#61afef',
|
|
brightMagenta: '#c678dd',
|
|
brightCyan: '#56b6c2',
|
|
brightWhite: '#ffffff',
|
|
// Search colors - darker for visibility on light background
|
|
searchMatchBackground: '#fff3b0',
|
|
searchMatchBorder: '#c9a500',
|
|
searchActiveMatchBackground: '#ffcc00',
|
|
searchActiveMatchBorder: '#996600',
|
|
};
|
|
|
|
// Retro / Cyberpunk theme - neon green on black
|
|
const retroTheme: TerminalTheme = {
|
|
background: '#000000',
|
|
foreground: '#39ff14',
|
|
cursor: '#39ff14',
|
|
cursorAccent: '#000000',
|
|
selectionBackground: '#39ff14',
|
|
selectionForeground: '#000000',
|
|
black: '#000000',
|
|
red: '#ff0055',
|
|
green: '#39ff14',
|
|
yellow: '#ffff00',
|
|
blue: '#00ffff',
|
|
magenta: '#ff00ff',
|
|
cyan: '#00ffff',
|
|
white: '#39ff14',
|
|
brightBlack: '#555555',
|
|
brightRed: '#ff5555',
|
|
brightGreen: '#55ff55',
|
|
brightYellow: '#ffff55',
|
|
brightBlue: '#55ffff',
|
|
brightMagenta: '#ff55ff',
|
|
brightCyan: '#55ffff',
|
|
brightWhite: '#ffffff',
|
|
// Search colors - magenta/pink for contrast with green text
|
|
searchMatchBackground: '#660066',
|
|
searchMatchBorder: '#ff00ff',
|
|
searchActiveMatchBackground: '#cc00cc',
|
|
searchActiveMatchBorder: '#ff66ff',
|
|
};
|
|
|
|
// Dracula theme
|
|
const draculaTheme: TerminalTheme = {
|
|
background: '#282a36',
|
|
foreground: '#f8f8f2',
|
|
cursor: '#f8f8f2',
|
|
cursorAccent: '#282a36',
|
|
selectionBackground: '#44475a',
|
|
black: '#21222c',
|
|
red: '#ff5555',
|
|
green: '#50fa7b',
|
|
yellow: '#f1fa8c',
|
|
blue: '#bd93f9',
|
|
magenta: '#ff79c6',
|
|
cyan: '#8be9fd',
|
|
white: '#f8f8f2',
|
|
brightBlack: '#6272a4',
|
|
brightRed: '#ff6e6e',
|
|
brightGreen: '#69ff94',
|
|
brightYellow: '#ffffa5',
|
|
brightBlue: '#d6acff',
|
|
brightMagenta: '#ff92df',
|
|
brightCyan: '#a4ffff',
|
|
brightWhite: '#ffffff',
|
|
// Search colors - orange for visibility
|
|
searchMatchBackground: '#8b5a00',
|
|
searchMatchBorder: '#ffb86c',
|
|
searchActiveMatchBackground: '#ff9500',
|
|
searchActiveMatchBorder: '#ffcc80',
|
|
};
|
|
|
|
// Nord theme
|
|
const nordTheme: TerminalTheme = {
|
|
background: '#2e3440',
|
|
foreground: '#d8dee9',
|
|
cursor: '#d8dee9',
|
|
cursorAccent: '#2e3440',
|
|
selectionBackground: '#434c5e',
|
|
black: '#3b4252',
|
|
red: '#bf616a',
|
|
green: '#a3be8c',
|
|
yellow: '#ebcb8b',
|
|
blue: '#81a1c1',
|
|
magenta: '#b48ead',
|
|
cyan: '#88c0d0',
|
|
white: '#e5e9f0',
|
|
brightBlack: '#4c566a',
|
|
brightRed: '#bf616a',
|
|
brightGreen: '#a3be8c',
|
|
brightYellow: '#ebcb8b',
|
|
brightBlue: '#81a1c1',
|
|
brightMagenta: '#b48ead',
|
|
brightCyan: '#8fbcbb',
|
|
brightWhite: '#eceff4',
|
|
// Search colors - warm yellow/orange for cold blue theme
|
|
searchMatchBackground: '#5e4a00',
|
|
searchMatchBorder: '#ebcb8b',
|
|
searchActiveMatchBackground: '#d08770',
|
|
searchActiveMatchBorder: '#e8a87a',
|
|
};
|
|
|
|
// Monokai theme
|
|
const monokaiTheme: TerminalTheme = {
|
|
background: '#272822',
|
|
foreground: '#f8f8f2',
|
|
cursor: '#f8f8f2',
|
|
cursorAccent: '#272822',
|
|
selectionBackground: '#49483e',
|
|
black: '#272822',
|
|
red: '#f92672',
|
|
green: '#a6e22e',
|
|
yellow: '#f4bf75',
|
|
blue: '#66d9ef',
|
|
magenta: '#ae81ff',
|
|
cyan: '#a1efe4',
|
|
white: '#f8f8f2',
|
|
brightBlack: '#75715e',
|
|
brightRed: '#f92672',
|
|
brightGreen: '#a6e22e',
|
|
brightYellow: '#f4bf75',
|
|
brightBlue: '#66d9ef',
|
|
brightMagenta: '#ae81ff',
|
|
brightCyan: '#a1efe4',
|
|
brightWhite: '#f9f8f5',
|
|
// Search colors - orange/gold for contrast
|
|
searchMatchBackground: '#6b4400',
|
|
searchMatchBorder: '#f4bf75',
|
|
searchActiveMatchBackground: '#e69500',
|
|
searchActiveMatchBorder: '#ffd080',
|
|
};
|
|
|
|
// Tokyo Night theme
|
|
const tokyonightTheme: TerminalTheme = {
|
|
background: '#1a1b26',
|
|
foreground: '#a9b1d6',
|
|
cursor: '#c0caf5',
|
|
cursorAccent: '#1a1b26',
|
|
selectionBackground: '#33467c',
|
|
black: '#15161e',
|
|
red: '#f7768e',
|
|
green: '#9ece6a',
|
|
yellow: '#e0af68',
|
|
blue: '#7aa2f7',
|
|
magenta: '#bb9af7',
|
|
cyan: '#7dcfff',
|
|
white: '#a9b1d6',
|
|
brightBlack: '#414868',
|
|
brightRed: '#f7768e',
|
|
brightGreen: '#9ece6a',
|
|
brightYellow: '#e0af68',
|
|
brightBlue: '#7aa2f7',
|
|
brightMagenta: '#bb9af7',
|
|
brightCyan: '#7dcfff',
|
|
brightWhite: '#c0caf5',
|
|
// Search colors - warm orange for cold blue theme
|
|
searchMatchBackground: '#5c4a00',
|
|
searchMatchBorder: '#e0af68',
|
|
searchActiveMatchBackground: '#ff9e64',
|
|
searchActiveMatchBorder: '#ffb380',
|
|
};
|
|
|
|
// Solarized Dark theme (improved contrast for WCAG compliance)
|
|
const solarizedTheme: TerminalTheme = {
|
|
background: '#002b36',
|
|
foreground: '#93a1a1', // Changed from #839496 (base0) to #93a1a1 (base1) for better contrast
|
|
cursor: '#93a1a1',
|
|
cursorAccent: '#002b36',
|
|
selectionBackground: '#073642',
|
|
black: '#073642',
|
|
red: '#dc322f',
|
|
green: '#859900',
|
|
yellow: '#b58900',
|
|
blue: '#268bd2',
|
|
magenta: '#d33682',
|
|
cyan: '#2aa198',
|
|
white: '#eee8d5',
|
|
brightBlack: '#002b36',
|
|
brightRed: '#cb4b16',
|
|
brightGreen: '#586e75',
|
|
brightYellow: '#657b83',
|
|
brightBlue: '#839496',
|
|
brightMagenta: '#6c71c4',
|
|
brightCyan: '#93a1a1',
|
|
brightWhite: '#fdf6e3',
|
|
// Search colors - orange (solarized orange) for visibility
|
|
searchMatchBackground: '#5c3d00',
|
|
searchMatchBorder: '#b58900',
|
|
searchActiveMatchBackground: '#cb4b16',
|
|
searchActiveMatchBorder: '#e07040',
|
|
};
|
|
|
|
// Gruvbox Dark theme
|
|
const gruvboxTheme: TerminalTheme = {
|
|
background: '#282828',
|
|
foreground: '#ebdbb2',
|
|
cursor: '#ebdbb2',
|
|
cursorAccent: '#282828',
|
|
selectionBackground: '#504945',
|
|
black: '#282828',
|
|
red: '#cc241d',
|
|
green: '#98971a',
|
|
yellow: '#d79921',
|
|
blue: '#458588',
|
|
magenta: '#b16286',
|
|
cyan: '#689d6a',
|
|
white: '#a89984',
|
|
brightBlack: '#928374',
|
|
brightRed: '#fb4934',
|
|
brightGreen: '#b8bb26',
|
|
brightYellow: '#fabd2f',
|
|
brightBlue: '#83a598',
|
|
brightMagenta: '#d3869b',
|
|
brightCyan: '#8ec07c',
|
|
brightWhite: '#ebdbb2',
|
|
// Search colors - bright orange for gruvbox
|
|
searchMatchBackground: '#6b4500',
|
|
searchMatchBorder: '#d79921',
|
|
searchActiveMatchBackground: '#fe8019',
|
|
searchActiveMatchBorder: '#ffaa40',
|
|
};
|
|
|
|
// Catppuccin Mocha theme
|
|
const catppuccinTheme: TerminalTheme = {
|
|
background: '#1e1e2e',
|
|
foreground: '#cdd6f4',
|
|
cursor: '#f5e0dc',
|
|
cursorAccent: '#1e1e2e',
|
|
selectionBackground: '#45475a',
|
|
black: '#45475a',
|
|
red: '#f38ba8',
|
|
green: '#a6e3a1',
|
|
yellow: '#f9e2af',
|
|
blue: '#89b4fa',
|
|
magenta: '#cba6f7',
|
|
cyan: '#94e2d5',
|
|
white: '#bac2de',
|
|
brightBlack: '#585b70',
|
|
brightRed: '#f38ba8',
|
|
brightGreen: '#a6e3a1',
|
|
brightYellow: '#f9e2af',
|
|
brightBlue: '#89b4fa',
|
|
brightMagenta: '#cba6f7',
|
|
brightCyan: '#94e2d5',
|
|
brightWhite: '#a6adc8',
|
|
// Search colors - peach/orange from catppuccin palette
|
|
searchMatchBackground: '#5c4020',
|
|
searchMatchBorder: '#fab387',
|
|
searchActiveMatchBackground: '#fab387',
|
|
searchActiveMatchBorder: '#fcc8a0',
|
|
};
|
|
|
|
// One Dark theme
|
|
const onedarkTheme: TerminalTheme = {
|
|
background: '#282c34',
|
|
foreground: '#abb2bf',
|
|
cursor: '#528bff',
|
|
cursorAccent: '#282c34',
|
|
selectionBackground: '#3e4451',
|
|
black: '#282c34',
|
|
red: '#e06c75',
|
|
green: '#98c379',
|
|
yellow: '#e5c07b',
|
|
blue: '#61afef',
|
|
magenta: '#c678dd',
|
|
cyan: '#56b6c2',
|
|
white: '#abb2bf',
|
|
brightBlack: '#5c6370',
|
|
brightRed: '#e06c75',
|
|
brightGreen: '#98c379',
|
|
brightYellow: '#e5c07b',
|
|
brightBlue: '#61afef',
|
|
brightMagenta: '#c678dd',
|
|
brightCyan: '#56b6c2',
|
|
brightWhite: '#ffffff',
|
|
// Search colors - orange/gold for visibility
|
|
searchMatchBackground: '#5c4500',
|
|
searchMatchBorder: '#e5c07b',
|
|
searchActiveMatchBackground: '#d19a66',
|
|
searchActiveMatchBorder: '#e8b888',
|
|
};
|
|
|
|
// Synthwave '84 theme
|
|
const synthwaveTheme: TerminalTheme = {
|
|
background: '#262335',
|
|
foreground: '#ffffff',
|
|
cursor: '#ff7edb',
|
|
cursorAccent: '#262335',
|
|
selectionBackground: '#463465',
|
|
black: '#262335',
|
|
red: '#fe4450',
|
|
green: '#72f1b8',
|
|
yellow: '#fede5d',
|
|
blue: '#03edf9',
|
|
magenta: '#ff7edb',
|
|
cyan: '#03edf9',
|
|
white: '#ffffff',
|
|
brightBlack: '#614d85',
|
|
brightRed: '#fe4450',
|
|
brightGreen: '#72f1b8',
|
|
brightYellow: '#f97e72',
|
|
brightBlue: '#03edf9',
|
|
brightMagenta: '#ff7edb',
|
|
brightCyan: '#03edf9',
|
|
brightWhite: '#ffffff',
|
|
// Search colors - hot pink/magenta for synthwave aesthetic
|
|
searchMatchBackground: '#6b2a7a',
|
|
searchMatchBorder: '#ff7edb',
|
|
searchActiveMatchBackground: '#ff7edb',
|
|
searchActiveMatchBorder: '#ffffff',
|
|
};
|
|
|
|
// Red theme - Dark theme with red accents
|
|
const redTheme: TerminalTheme = {
|
|
background: '#1a0a0a',
|
|
foreground: '#c8b0b0',
|
|
cursor: '#ff4444',
|
|
cursorAccent: '#1a0a0a',
|
|
selectionBackground: '#5a2020',
|
|
black: '#2a1010',
|
|
red: '#ff4444',
|
|
green: '#6a9a6a',
|
|
yellow: '#ccaa55',
|
|
blue: '#6688aa',
|
|
magenta: '#aa5588',
|
|
cyan: '#558888',
|
|
white: '#b0a0a0',
|
|
brightBlack: '#6a4040',
|
|
brightRed: '#ff6666',
|
|
brightGreen: '#88bb88',
|
|
brightYellow: '#ddbb66',
|
|
brightBlue: '#88aacc',
|
|
brightMagenta: '#cc77aa',
|
|
brightCyan: '#77aaaa',
|
|
brightWhite: '#d0c0c0',
|
|
// Search colors - orange/gold to contrast with red theme
|
|
searchMatchBackground: '#5a3520',
|
|
searchMatchBorder: '#ccaa55',
|
|
searchActiveMatchBackground: '#ddbb66',
|
|
searchActiveMatchBorder: '#ffdd88',
|
|
};
|
|
|
|
// Cream theme - Warm, soft, easy on the eyes
|
|
const creamTheme: TerminalTheme = {
|
|
background: '#f5f3ee',
|
|
foreground: '#5a4a3a',
|
|
cursor: '#9d6b53',
|
|
cursorAccent: '#f5f3ee',
|
|
selectionBackground: '#d4c4b0',
|
|
black: '#5a4a3a',
|
|
red: '#c85a4f',
|
|
green: '#7a9a6a',
|
|
yellow: '#c9a554',
|
|
blue: '#6b8aaa',
|
|
magenta: '#a66a8a',
|
|
cyan: '#5a9a8a',
|
|
white: '#b0a090',
|
|
brightBlack: '#8a7a6a',
|
|
brightRed: '#e07060',
|
|
brightGreen: '#90b080',
|
|
brightYellow: '#e0bb70',
|
|
brightBlue: '#80a0c0',
|
|
brightMagenta: '#c080a0',
|
|
brightCyan: '#70b0a0',
|
|
brightWhite: '#d0c0b0',
|
|
// Search colors - blue for contrast on light cream background
|
|
searchMatchBackground: '#c0d4e8',
|
|
searchMatchBorder: '#6b8aaa',
|
|
searchActiveMatchBackground: '#6b8aaa',
|
|
searchActiveMatchBorder: '#4a6a8a',
|
|
};
|
|
|
|
// Sunset theme - Mellow oranges and soft pastels
|
|
const sunsetTheme: TerminalTheme = {
|
|
background: '#1e1a24',
|
|
foreground: '#f2e8dd',
|
|
cursor: '#dd8855',
|
|
cursorAccent: '#1e1a24',
|
|
selectionBackground: '#3a2a40',
|
|
black: '#1e1a24',
|
|
red: '#dd6655',
|
|
green: '#88bb77',
|
|
yellow: '#ddaa66',
|
|
blue: '#6699cc',
|
|
magenta: '#cc7799',
|
|
cyan: '#66ccaa',
|
|
white: '#e8d8c8',
|
|
brightBlack: '#4a3a50',
|
|
brightRed: '#ee8866',
|
|
brightGreen: '#99cc88',
|
|
brightYellow: '#eebb77',
|
|
brightBlue: '#88aadd',
|
|
brightMagenta: '#dd88aa',
|
|
brightCyan: '#88ddbb',
|
|
brightWhite: '#f5e8dd',
|
|
// Search colors - orange for warm sunset theme
|
|
searchMatchBackground: '#5a3a30',
|
|
searchMatchBorder: '#ddaa66',
|
|
searchActiveMatchBackground: '#eebb77',
|
|
searchActiveMatchBorder: '#ffdd99',
|
|
};
|
|
|
|
// Gray theme - Modern, minimal gray scheme inspired by Cursor
|
|
const grayTheme: TerminalTheme = {
|
|
background: '#2a2d32',
|
|
foreground: '#d0d0d5',
|
|
cursor: '#8fa0c0',
|
|
cursorAccent: '#2a2d32',
|
|
selectionBackground: '#3a3f48',
|
|
black: '#2a2d32',
|
|
red: '#d87070',
|
|
green: '#78b088',
|
|
yellow: '#d0b060',
|
|
blue: '#7090c0',
|
|
magenta: '#a880b0',
|
|
cyan: '#60a0b0',
|
|
white: '#b0b0b8',
|
|
brightBlack: '#606068',
|
|
brightRed: '#e88888',
|
|
brightGreen: '#90c8a0',
|
|
brightYellow: '#e0c878',
|
|
brightBlue: '#90b0d8',
|
|
brightMagenta: '#c098c8',
|
|
brightCyan: '#80b8c8',
|
|
brightWhite: '#e0e0e8',
|
|
// Search colors - blue for modern feel
|
|
searchMatchBackground: '#3a4a60',
|
|
searchMatchBorder: '#7090c0',
|
|
searchActiveMatchBackground: '#90b0d8',
|
|
searchActiveMatchBorder: '#b0d0f0',
|
|
};
|
|
|
|
// Theme mapping
|
|
const terminalThemes: Record<ThemeMode, TerminalTheme> = {
|
|
// Special
|
|
system: darkTheme, // Will be resolved at runtime
|
|
// Dark themes
|
|
dark: darkTheme,
|
|
retro: retroTheme,
|
|
dracula: draculaTheme,
|
|
nord: nordTheme,
|
|
monokai: monokaiTheme,
|
|
tokyonight: tokyonightTheme,
|
|
solarized: solarizedTheme,
|
|
gruvbox: gruvboxTheme,
|
|
catppuccin: catppuccinTheme,
|
|
onedark: onedarkTheme,
|
|
synthwave: synthwaveTheme,
|
|
red: redTheme,
|
|
sunset: sunsetTheme,
|
|
gray: grayTheme,
|
|
forest: gruvboxTheme, // Green-ish theme, gruvbox is close
|
|
ocean: nordTheme, // Blue-ish theme, nord is close
|
|
ember: monokaiTheme, // Warm orange theme, monokai is close
|
|
'ayu-dark': darkTheme, // Deep dark with warm accents
|
|
'ayu-mirage': darkTheme, // Soft dark with golden accents
|
|
matcha: nordTheme, // Calming blue-gray with sage green
|
|
// Light themes
|
|
light: lightTheme,
|
|
cream: creamTheme,
|
|
solarizedlight: lightTheme, // TODO: Create dedicated solarized light terminal theme
|
|
github: lightTheme, // TODO: Create dedicated github terminal theme
|
|
paper: lightTheme,
|
|
rose: lightTheme,
|
|
mint: lightTheme,
|
|
lavender: lightTheme,
|
|
sand: creamTheme, // Warm tones like cream
|
|
sky: lightTheme,
|
|
peach: creamTheme, // Warm tones like cream
|
|
snow: lightTheme,
|
|
sepia: creamTheme, // Warm tones like cream
|
|
gruvboxlight: creamTheme, // Warm light theme
|
|
nordlight: lightTheme, // Cool light theme
|
|
blossom: lightTheme,
|
|
'ayu-light': lightTheme, // Clean light with orange accents
|
|
onelight: lightTheme, // Atom One Light - blue accent
|
|
bluloco: lightTheme, // Bluloco - cyan-blue accent
|
|
feather: lightTheme, // Feather - orange accent
|
|
};
|
|
|
|
/**
|
|
* Get terminal theme for the given app theme
|
|
* For "system" theme, it checks the user's system preference
|
|
*/
|
|
export function getTerminalTheme(theme: ThemeMode): TerminalTheme {
|
|
if (theme === 'system') {
|
|
// Check system preference
|
|
if (typeof window !== 'undefined') {
|
|
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
return prefersDark ? darkTheme : lightTheme;
|
|
}
|
|
return darkTheme; // Default to dark for SSR
|
|
}
|
|
return terminalThemes[theme] || darkTheme;
|
|
}
|
|
|
|
export default terminalThemes;
|