> ## Documentation Index > Fetch the complete documentation index at: https://docs.orbit-dev.app/llms.txt > Use this file to discover all available pages before exploring further. # Appearance > Theme and accent color, and how Orbit avoids a flash of the wrong colors Orbit is no longer dark-theme-only. Both interface theme and accent color are configurable from **Settings → Account → Preferences** (see [Settings](/concepts/settings)), persist across sessions, and apply instantly, app-wide. ## Theme Three modes are available: | Mode | Behavior | | ------ | ---------------------------------------------------------------------------------------------------------------------------------------- | | Dark | Orbit's original dark interface | | Light | A full light palette — every screen renders correctly, not just an inverted dark theme | | System | Follows your OS-level light/dark preference, live — switching your OS theme while Orbit is open updates it immediately, no reload needed | Your choice is stored in `localStorage` under the `theme` key. "System" is resolved via `window.matchMedia('(prefers-color-scheme: light)')`; the resolved value (`light` or `dark`, never `system` itself) is written to a `data-theme` attribute on ``, which is what Orbit's CSS actually keys off. ## Accent color Eleven accent options are available: **Default** (Orbit's original purple) plus ten colors — red, orange, yellow, green, lime, blue, sky, violet, purple, and pink. Your choice is stored in `localStorage` under the `accentColor` key. Choosing a non-default accent overrides three CSS custom properties on `` (`--accent-color`, `--accent-light-color`, `--accent-color-opacity`), computed from the color's base and light hex values with a lower opacity in Light mode (`0.12`) than Dark mode (`0.2`) so accent-tinted surfaces don't overwhelm the lighter background. Choosing **Default** removes the override entirely, so the theme's own built-in accent value applies instead. ## Avoiding a flash of the wrong theme Because Inertia pages render after the initial HTML loads, applying theme and accent purely from React would show a flash of the wrong colors on every full page load. Orbit avoids this with a small blocking `