> ## Documentation Index
> Fetch the complete documentation index at: https://herm.liftaris.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Themes and skins: personalize your Herm terminal UI

> Browse Herm themes, use the live picker, fix tmux color issues, and switch skins that pair a theme with an eikon preset.

Herm ships with a source-defined theme catalog. The picker previews themes without restarting, then stores your choice in `~/.hermes/herm/tui.json` or `$HERM_CONFIG_DIR/tui.json`.

The default first-boot theme is `tokyonight`.

## Open the theme picker

* Type `/theme` in the composer.
* Press `<leader>t`. The default leader is `Ctrl+X`.

Use the arrow keys to move through themes. Press `Return` to apply the highlighted theme.

## Built-in themes

The table is generated from `src/theme/manifest.ts` in the Herm source repo.

| Theme                  | Primary   | Accent    | Background    |
| ---------------------- | --------- | --------- | ------------- |
| `ares`                 | `#C7A96B` | `#DD4A3A` | `#2A1212`     |
| `aura`                 | `#a277ff` | `#a277ff` | `#0f0f0f`     |
| `ayu`                  | `#59C2FF` | `#E6B450` | `#0B0E14`     |
| `carbonfox`            | `#33b1ff` | `#ff7eb6` | `#161616`     |
| `catppuccin`           | `#89b4fa` | `#f5c2e7` | `#1e1e2e`     |
| `catppuccin-frappe`    | `#8da4e2` | `#f4b8e4` | `#303446`     |
| `catppuccin-macchiato` | `#8aadf4` | `#f5bde6` | `#24273a`     |
| `charizard`            | `#FFD39A` | `#F29C38` | `#2B160E`     |
| `cobalt2`              | `#0088ff` | `#2affdf` | `#193549`     |
| `cursor`               | `#88c0d0` | `#88c0d0` | `#181818`     |
| `daylight`             | `#233662` | `#597FE9` | `#101014`     |
| `default`              | `#FFD700` | `#FFBF00` | `#1a1a2e`     |
| `dracula`              | `#bd93f9` | `#8be9fd` | `#282a36`     |
| `everforest`           | `#a7c080` | `#d699b6` | `#2d353b`     |
| `flexoki`              | `#DA702C` | `#8B7EC8` | `#100F0F`     |
| `github`               | `#58a6ff` | `#39c5cf` | `#0d1117`     |
| `gruvbox`              | `#83a598` | `#8ec07c` | `#282828`     |
| `kanagawa`             | `#7E9CD8` | `#D27E99` | `#1F1F28`     |
| `lucent-orng`          | `#EC5B2B` | `#FFF7F1` | `transparent` |
| `material`             | `#82aaff` | `#89ddff` | `#263238`     |
| `matrix`               | `#2eff6a` | `#c770ff` | `#0a0e0a`     |
| `mercury`              | `#8da4f5` | `#8da4f5` | `#171721`     |
| `mono`                 | `#e6edf3` | `#aaaaaa` | `#1F1F1F`     |
| `monokai`              | `#66d9ef` | `#a6e22e` | `#272822`     |
| `nightowl`             | `#82AAFF` | `#c792ea` | `#011627`     |
| `nord`                 | `#88C0D0` | `#8FBCBB` | `#2E3440`     |
| `one-dark`             | `#61afef` | `#56b6c2` | `#282c34`     |
| `opencode`             | `#fab283` | `#9d7cd8` | `#0a0a0a`     |
| `orng`                 | `#EC5B2B` | `#FFF7F1` | `#0a0a0a`     |
| `osaka-jade`           | `#2DD5B7` | `#549e6a` | `#111c18`     |
| `palenight`            | `#82aaff` | `#89ddff` | `#292d3e`     |
| `poseidon`             | `#A9DFFF` | `#5DB8F5` | `#0F2440`     |
| `rosepine`             | `#9ccfd8` | `#ebbcba` | `#191724`     |
| `sisyphus`             | `#F5F5F5` | `#E7E7E7` | `#202020`     |
| `slate`                | `#7eb8f6` | `#8EA8FF` | `#151C2F`     |
| `solarized`            | `#268bd2` | `#2aa198` | `#002b36`     |
| `synthwave84`          | `#36f9f6` | `#b084eb` | `#262335`     |
| `tokyonight`           | `#82aaff` | `#ff966c` | `#1a1b26`     |
| `vercel`               | `#0070F3` | `#8E4EC6` | `#000000`     |
| `vesper`               | `#FFC799` | `#FFC799` | `#101010`     |
| `warm-lightmode`       | `#9D681D` | `#CE661C` | `#101014`     |
| `zenburn`              | `#8cd0d3` | `#93e0e3` | `#3f3f3f`     |

## Fix colors in tmux

If colors look washed out or banded inside tmux, configure tmux to advertise 256-color support.

```bash theme={null}
set -g default-terminal "tmux-256color"
```

Reload tmux with `tmux source ~/.tmux.conf`, then restart Herm.

## Skins

A skin applies a Hermes Agent skin setting. When Herm has a matching theme or bundled eikon, it mirrors those visuals too.

```text theme={null}
/skin [name]
```

Built-in skin names are defined in Herm source:

| Skin             | Character              |
| ---------------- | ---------------------- |
| `default`        | Standard Hermes look   |
| `ares`           | Warm red               |
| `mono`           | Monochrome             |
| `slate`          | Dark navy              |
| `daylight`       | Light palette          |
| `warm-lightmode` | Warm light palette     |
| `poseidon`       | Deep ocean blue        |
| `sisyphus`       | High-contrast charcoal |
| `charizard`      | Warm orange            |

Type `/skin` without an argument to browse available names.

## Where preferences are saved

Theme and skin selections are written to:

```text theme={null}
~/.hermes/herm/tui.json
```

If `HERM_CONFIG_DIR` is set, Herm writes `tui.json` there instead.

## Related docs

* [Keybindings](/customization/keybindings)
* [Slash commands](/customization/slash-commands)
* [Common issues](/troubleshooting/common-issues)