Files
spaceshell/app/src/theme.ts
T
2026-06-10 12:48:03 +07:00

38 lines
1002 B
TypeScript

import type { SurfaceState } from "./layoutTypes";
/** Design tokens — mirror of DOCS/space-sh.pen variables. Single source for the UI. */
export const COLORS = {
accent: "#4C8DFF",
bgApp: "#0E1116",
bgElevated: "#1A2029",
bgHover: "#222A35",
bgPanel: "#0A0D12",
bgSidebar: "#13171F",
borderStrong: "#323C49",
borderSubtle: "#232A33",
textPrimary: "#E6EDF3",
textSecondary: "#8B97A6",
textMuted: "#5A6573",
stWork: "#4C8DFF",
stWait: "#F2B84B",
stDone: "#3FB950",
stError: "#F4544E",
stIdle: "#5A6573",
searchMatch: "#5A4A1F",
} as const;
export const FONT = {
ui: "Inter, system-ui, sans-serif",
mono: "'JetBrains Mono Variable', 'JetBrains Mono', monospace",
} as const;
/** Status color by surface state, plus the stopped pseudo-state. */
export const STATE_COLOR: Record<SurfaceState | "stopped", string> = {
work: COLORS.stWork,
wait: COLORS.stWait,
done: COLORS.stDone,
error: COLORS.stError,
idle: COLORS.stIdle,
stopped: COLORS.stIdle,
};