hermes-theme-reflect

Reflect is a dark color theme for the Hermes Agent web dashboard, which is a browser-based interface for managing AI agents. The theme uses deep navy backgrounds with indigo and violet accent colors. It also applies a slow animated gradient glow behind hero content and a faint noise texture over dark surfaces to reduce visual banding.

Installing it takes two steps: download a single YAML configuration file into a specific folder on your computer, then select the theme called "Reflect" in the dashboard's settings menu. No application restart is needed. Removing it is just deleting that file.

The README documents the full color palette in a table, listing hex values for backgrounds, card surfaces, borders, button colors, text colors, and font choices. The theme loads two fonts, Inter for body text and Geist Mono for code, from Google Fonts. If the dashboard runs behind a firewall without internet access, the README explains how to host those fonts locally instead and update the configuration to point at them.

The theme includes dedicated styling for the Hermes Kanban plugin, covering card borders, dropdown menus, buttons, and a responsive layout that adjusts for small screens. It also respects the operating system setting that reduces motion for users who prefer less animation.

Customization is done by editing the single YAML file directly. The README lists which fields control the palette, accent colors, animation effects, typography, spacing density, and layout variant. All visual properties are defined as CSS custom properties in one central block, so changing a value there updates every part of the dashboard that references it. The theme requires Hermes Agent version 0.60 or later and is released under the MIT license.