Theme Variants

OwnDocs ships 26 color palettes, each generating coordinated light mode, dark mode, and component-level CSS custom properties. Switching themes is a single environment variable — no code, no CSS overrides.

Quick Start

Set the default palette.

THEME_VARIANT=emerald

Adding Options

Every theme defines its palette in OKLCH, generating light-mode, dark-mode, and semantic Tailwind aliases (surface-*, content-*, edge-*, brand-*). Components reference the aliases, so dark mode works without dark: variant classes.

26 palettes
├── emerald (default)
├── amber, blue, cyan, fuchsia, gray, green, indigo
├── lime, mauve, mist, neutral, olive, orange, pink
└── purple, red, rose, sky, slate, stone, taupe, teal, violet, yellow, zinc

Advanced

Changing themes takes three steps: update THEME_VARIANT, restart the server, and the whole site recolors automatically.

Options