daletkc/hermes-theme-reflect

★ 23Audience · designerComplexity · 1/5LicenseSetup · easy

Mindmap

mindmap
  root((repo))
    What it does
      Dark color theme
      Hermes dashboard styling
    Visual style
      Deep navy background
      Indigo violet accents
      Animated gradient glow
      Noise texture overlay
    Installation
      Copy YAML file
      Select in settings
    Customization
      Edit YAML palette
      Font choices
      Animation controls

mindmap root((repo)) What it does Dark color theme Hermes dashboard styling Visual style Deep navy background Indigo violet accents Animated gradient glow Noise texture overlay Installation Copy YAML file Select in settings Customization Edit YAML palette Font choices Animation controls

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Apply a dark navy and indigo visual theme to your Hermes Agent dashboard in two steps.

USE CASE 2

Customize the theme colors, fonts, animations, and layout by editing a single YAML file.

USE CASE 3

Self-host Inter and Geist Mono fonts locally for dashboards running behind a firewall without internet access.

Tech stack

YAMLCSS

Getting it running

Difficulty · easy Time to first run · 5min

Requires Hermes Agent version 0.60 or later.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

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.

Copy-paste prompts

Prompt 1

I installed the Reflect theme for Hermes Agent but want to change the accent from indigo to teal. Which field in the YAML file do I edit?

Prompt 2

How do I configure the Reflect Hermes theme to load Inter and Geist Mono fonts from a local server instead of Google Fonts?

Prompt 3

What CSS custom properties does the Reflect Hermes theme define? List the main palette fields and what each controls.

Open on GitHub → Explain another repo

← daletkc on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.