Reflect Dashboard Theme
daletkc/hermes-theme-reflect
Dark navy and indigo-violet theme for the Hermes Agent web dashboard, including Kanban styling
Reflect Dashboard Theme is a dark theme for the Hermes Agent web dashboard with deep navy surfaces, indigo-violet accents, an aurora bloom behind hero content and subtle film grain. It ships as a theme file plus a small companion plugin that serves its stylesheet.
What Reflect Dashboard Theme does
Reflect has two parts: reflect.yaml, the theme definition covering palette, typography and layout, whose customCSS is a single @import line, and reflect.css, a stylesheet of about 54 KB served by a companion dashboard plugin named reflect-theme-assets at /dashboard-plugins/reflect-theme-assets/reflect.css. The split exists because Hermes truncates a theme's inline customCSS at 32 KiB, which previously clipped the Kanban two-pane drawer and dashboard-wide styling.
The design uses a #0A0E1A page background, #6366f1 indigo as the primary color, #8b5cf6 violet as the accent, and Inter with Geist Mono for type. No Hermes source patches are needed and it works on stock builds, and the theme and plugin directories under ~/.hermes are not touched by hermes update. After installing, restart the dashboard once so it discovers the plugin, then pick Reflect in the theme switcher or run hermes config set dashboard.theme reflect. The README includes uninstall steps and screenshots of the Cron, Logs, Models, Plugins and Skills pages.
Key features
- Dark navy palette with indigo and violet accents
- Aurora bloom and film grain effects
- Styling for the Kanban two-pane drawer
- @import delivery that avoids the 32 KiB inline CSS cap
- Works on stock Hermes builds with no source patches
- Selectable in the theme switcher or with hermes config set dashboard.theme reflect
When to use it
- Giving the Hermes dashboard a consistent dark look across the Cron, Logs, Models, Plugins and Skills pages
- Using the Kanban board with a styled task drawer
- Learning how to ship a large theme through a companion dashboard plugin
Who it is for: Hermes Agent users who want a custom dark look for the web dashboard.
How it fits with Hermes Agent
A theme for the Hermes Agent web dashboard, installed into ~/.hermes/dashboard-themes/ together with a companion dashboard plugin.
Note: Installation means downloading a companion plugin and two files by hand with curl, and the dashboard must be restarted once so it discovers the plugin.
FAQ
What is Reflect Dashboard Theme?
Reflect is a dark theme for the Hermes Agent web dashboard. It uses deep navy surfaces with indigo-violet accents, an aurora bloom behind hero content and subtle film grain.
Why does Reflect need a companion plugin?
Hermes truncates a theme's inline customCSS at 32 KiB, and Reflect's stylesheet is about 54 KB. The companion plugin reflect-theme-assets serves the full stylesheet, and the theme pulls it in with a single @import line.
How do I install Reflect Dashboard Theme?
Download the companion plugin files with curl into ~/.hermes/plugins/reflect-theme-assets and enable it with hermes plugins enable --no-allow-tool-override reflect-theme-assets. Then download reflect.yaml into ~/.hermes/dashboard-themes, restart the dashboard once, and select Reflect or run hermes config set dashboard.theme reflect.
Similar interfaces for Hermes Agent
All interfacesNative Rust and GPUI desktop app for Claude Code, Gemini CLI, Hermes, Crush, Codex and Cursor
luckeyfaraday AthenaDesktop command room for running Codex, Claude Code, Hermes and other coding agents in embedded terminals
stasstepv Hermes MobileUnofficial mobile PWA that installs as a Hermes Dashboard plugin and adds a Mobile tab
2winter-dev iHermesMobile-first Expo client for Android, iOS and web that connects directly to your own Hermes agent
CliffWade Hermes Theme Pack100 contrast-checked color themes for Hermes Agent, plus a Theme Switcher for the desktop app
waguriagentic Hermes Mini App TemplateTelegram Mini App template for Hermes Agent with a React frontend and Express backend you fork and extend
Related guides: Connect Hermes agents on several machines with Hermes Desktop · How to install Hermes Agent