Skip to content

Theme System

SANDCODE ships with 6 built-in themes:

ThemeStyle
darkDark background, amber accents (default)
lightLight background, amber accents
light-daltonizedColor-blind friendly light theme
dark-daltonizedColor-blind friendly dark theme
light-ansiLight theme using only 16 ANSI colors
dark-ansiDark theme using only 16 ANSI colors

In your config:

{
"theme": "dark"
}

Or set to auto to follow your system’s dark/light mode preference.

The SANDCODE palette is defined in src/utils/theme.ts:

  • Primary (amber): rgb(245,166,35)#F5A623
  • Shimmer: rgb(255,196,65) — lighter amber for hover states
  • Suggestion: rgb(177,185,249) — light blue-purple
  • Permission: rgb(177,185,249) — light blue-purple
  • Success: rgb(78,186,101) — green
  • Error: rgb(255,107,128) — red
  • Warning: rgb(255,193,7) — bright amber

The daltonized themes adjust colors for common forms of color blindness (deuteranopia, protanopia). They use blue/green tones instead of red/green for status indicators, and increase contrast between adjacent colors.

For terminals without true color support (24-bit), the ANSI themes use only the 16 standard ANSI color codes. These work in older terminal emulators and over SSH connections.