Themes
homescreen-hero includes a theme system that lets you customize the look of the dashboard. Themes are per-browser and stored in localStorage, so each user can pick their own.
Accent Colors
Two accent color options are available:
| Theme | Color | Layout |
|---|---|---|
| Default | Blue | Top navigation bar |
| Plex Orange | Plex-style amber/orange | Sidebar navigation |
The accent color affects buttons, badges, active states, charts, and other interactive elements throughout the UI. Switching to Plex Orange also changes the navigation layout from a top bar to a sidebar, giving the dashboard a look that feels more like the native Plex experience.
Changing the Theme
Go to Settings > Appearance and click on the accent color you want. The change takes effect immediately.
How It Works
- Theme preference is stored in your browser's localStorage
- Each browser/device can have its own theme
- The theme persists across sessions
- No server-side configuration needed
note
Light mode is not yet available. The dashboard currently runs in dark mode only, with the accent color being the primary customization option.