hermes-web-themes
bchop-studio/hermes-web-themes
101 drop-in YAML themes for the Hermes Agent web dashboard
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 draculaRequirements: 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 interfacesDesktop and mobile cockpit for a local Hermes agent: chat, repos, fleet, kanban, terminal and Obsidian
JustinPerea RepublicDaedalus dashboard theme for Hermes Agent in near-black, bone and radioactive yellow
YUANGEGE1234 XinyuanWindows portable desktop AI assistant adapted from the Hermes Agent desktop app
waifuai hermes-waifuDraggable Live2D companion widget that shows Hermes Agent state, with 5 built-in models
AIowa-LLC Hermes FleetNative iPhone control plane for user-owned Hermes Agent fleets
workingclassbuddha Hermes Relay for ChromeChrome extension that gives a local Hermes Agent page context, notes and handoff to other AI assistants
Related guides: Connect Hermes agents on several machines with Hermes Desktop · How to install Hermes Agent