Hermes Atlas
Desktop apps, web UIs & dashboards

hermes-web-themes

bchop-studio/hermes-web-themes

101 drop-in YAML themes for the Hermes Agent web dashboard

In short

hermes-web-themes is a set of 101 YAML themes for the Hermes Agent web dashboard, ported from the hermes-skins-pack project. It lets Hermes Agent users change the dashboard's look by copying files into one folder and choosing a theme.

What hermes-web-themes does

Each theme is one YAML file in the themes folder. A theme has a name, label and description, plus a palette with background, midground and foreground layers (each a hex value and alpha), a warmGlow rgba string and a noiseOpacity. Optional typography and layout sections are supported, along with colorOverrides for shadcn token accents such as primary, accent, border, success, warning and destructive. Anything a theme leaves out is inherited from the built-in default dashboard theme.

To use them, you copy or symlink the YAML files into ~/.hermes/dashboard-themes, then choose a theme in the dashboard or run hermes config set dashboard.theme with a theme name such as dracula. The repository also has scripts/convert.py, which regenerates themes from a hermes-skins-pack checkout, scripts/validate.py, which validates every theme, and a unit test suite. A theme index and a CONTRIBUTING guide are included.

Key features

  • 101 ready-made dashboard themes, one YAML file each
  • Palette layers, glow and noise settings plus optional typography and layout
  • colorOverrides for shadcn-style tokens such as primary, accent and border
  • Missing settings fall back to the default Hermes dashboard theme
  • convert.py and validate.py scripts for regenerating and checking themes

When to use it

  • Restyle the Hermes web dashboard with a dark or colorful theme
  • Keep a local theme folder in sync with the repository using symlinks
  • Write a new theme by copying an existing YAML file and editing its palette

Who it is for: Hermes Agent users who want to change how the web dashboard looks without writing CSS.

How it fits with Hermes Agent

Built for the Hermes Agent web dashboard, installed into the ~/.hermes/dashboard-themes directory and selected through the dashboard or hermes config.

How to install hermes-web-themes

These commands are copied from the project's README. Check the repository for the latest steps before you run them.

mkdir -p ~/.hermes/dashboard-themes
cp themes/*.yaml ~/.hermes/dashboard-themes/
hermes config set dashboard.theme dracula

Requirements: Python 3 with pyyaml, needed only to regenerate themes from the skins pack.

FAQ

What is hermes-web-themes?

hermes-web-themes is a collection of 101 YAML themes for the Hermes Agent web dashboard, ported from the hermes-skins-pack project.

How do I install hermes-web-themes?

Copy or symlink the YAML files from the themes folder into ~/.hermes/dashboard-themes. Then pick a theme in the dashboard or run hermes config set dashboard.theme with the theme name.

What do I need to run hermes-web-themes?

Using the themes only needs the files in the dashboard-themes folder. Regenerating them from the skins pack needs Python 3 with pyyaml.

Similar interfaces for Hermes Agent

All interfaces

Related guides: Connect Hermes agents on several machines with Hermes Desktop · How to install Hermes Agent