Custom theme

-->

Mimic supports three theme modes:

• Dark — default dark mode
• Light — light mode
• Custom — CSS variable overrides imported as JSON

Custom theme JSON format

{
  "--bg": "#0f0c08",
  "--bg-secondary": "#1a1510",
  "--bg-tertiary": "#241e17",
  "--surface": "#1a1510",
  "--text-primary": "#e8e0d4",
  "--text-secondary": "#a09884",
  "--text-muted": "#605848",
  "--accent": "#ffb347",
  "--danger": "#ff6b4a",
  "--warning": "#f0c040",
  "--success": "#6bc46b",
  "--border": "#2a241c",
  "--border-active": "#3a342c"
}

All values must be valid CSS colors or values. Keys must start with --.

Reference

See docs/examples/custom.css for all available variables.

Behavior

Custom themes layer on top of the dark base theme. Undefined variables fall through to dark theme defaults.