ros/automaker
1
0
Fork 0
mirror of https://github.com/AutoMaker-Org/automaker.git synced 2026-02-02 08:33:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: fix formatting with Prettier

Browse Source 
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
SuperComboGamer
2025-12-21 20:31:57 -05:00
parent 584f5a3426
commit 8d578558ff
295 changed files with 9088 additions and 10546 deletions
Download Patch File Download Diff File Expand all files Collapse all files

824
apps/ui/src/config/terminal-themes.ts
View File

@@ -3,7 +3,7 @@
* Each theme provides colors for xterm.js terminal emulator
*/
import type { ThemeMode } from "@/store/app-store";
import type { ThemeMode } from '@/store/app-store';
export interface TerminalTheme {
background: string;
@@ -45,13 +45,13 @@ export interface TerminalFontOption {
}
export const TERMINAL_FONT_OPTIONS: TerminalFontOption[] = [
{ value: "Menlo, Monaco, 'Courier New', monospace", label: "Menlo / Monaco" },
{ value: "'SF Mono', Menlo, Monaco, monospace", label: "SF Mono" },
{ value: "'JetBrains Mono', monospace", label: "JetBrains Mono" },
{ value: "'Fira Code', monospace", label: "Fira Code" },
{ value: "'Source Code Pro', monospace", label: "Source Code Pro" },
{ value: "Consolas, 'Courier New', monospace", label: "Consolas" },
{ value: "'Ubuntu Mono', monospace", label: "Ubuntu Mono" },
{ value: "Menlo, Monaco, 'Courier New', monospace", label: 'Menlo / Monaco' },
{ value: "'SF Mono', Menlo, Monaco, monospace", label: 'SF Mono' },
{ value: "'JetBrains Mono', monospace", label: 'JetBrains Mono' },
{ value: "'Fira Code', monospace", label: 'Fira Code' },
{ value: "'Source Code Pro', monospace", label: 'Source Code Pro' },
{ value: "Consolas, 'Courier New', monospace", label: 'Consolas' },
{ value: "'Ubuntu Mono', monospace", label: 'Ubuntu Mono' },
];
/**
@@ -61,483 +61,483 @@ export const DEFAULT_TERMINAL_FONT = TERMINAL_FONT_OPTIONS[0].value;
// 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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
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",
searchMatchBackground: '#3a4a60',
searchMatchBorder: '#7090c0',
searchActiveMatchBackground: '#90b0d8',
searchActiveMatchBorder: '#b0d0f0',
};
// Theme mapping
@@ -566,10 +566,10 @@ const terminalThemes: Record<ThemeMode, TerminalTheme> = {
* For "system" theme, it checks the user's system preference
*/
export function getTerminalTheme(theme: ThemeMode): TerminalTheme {
if (theme === "system") {
if (theme === 'system') {
// Check system preference
if (typeof window !== "undefined") {
const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
if (typeof window !== 'undefined') {
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
return prefersDark ? darkTheme : lightTheme;
}
return darkTheme; // Default to dark for SSR