✻ Claude Code · fjord
● Applied theme “Fjord”
3 files changed · staged
> show me the diff
>theme fjord
/theme · ⏎ send · esc to interrupt
50 Dark Themes · 17 / 50
Fjord
A cool accent, #5A9EC8, on a #1B2128 terminal. Primary text reads at 13.54:1 and secondary text at 6.57:1, measured against that background. Free and MIT licensed, one of the 50 Dark Themes for Claude Code.
Install Fjord.
Requires Claude Code v2.1.118 or later. The marketplace command is needed once per machine; the plugin command installs the whole 50 Dark Themes pack, and /theme inside Claude Code switches to this one.
$
claude plugin marketplace add notgabriels-sys/claude-code-50-dark-themes$
claude plugin install 50-dark-themes@notgabriels-themes$
/theme fjordPlugin themes are read-only. Press Ctrl+E on one in /theme for an editable copy in ~/.claude/themes/.
Or copy just this file.
One theme, no plugin: fetch fjord.json from the repository into your themes folder. If that folder did not exist when Claude Code started, restart it once.
$
mkdir -p ~/.claude/themes && curl -fsSL https://raw.githubusercontent.com/notgabriels-sys/claude-code-50-dark-themes/main/fjord.json -o ~/.claude/themes/fjord.jsonTerminal background: #1B2128.
Claude Code colours its own interface; the terminal application owns the canvas behind it. Every figure below is measured against #1B2128, so set that as the terminal background for the result the numbers describe. On a different background the ratios move.
Palette.
The thirteen overrides Claude Code reads from the theme file. Success, error, warning and diff colours are deliberately not overridden, so status meaning stays the same across every theme in the pack.
| Colour | Token | Role |
|---|---|---|
#5A9EC8 | claude | Claude's mark and accent |
#97C2DC | claudeShimmer | Accent highlight while Claude works |
#E8EBED | text | Primary text |
#9DA6AF | inactive | Secondary text |
#2A333C | subtle | Decorative hairlines (reserved, carries no meaning) |
#5A9EC8 | suggestion | Autocomplete suggestions |
#9AC8B8 | permission | Permission prompt border and indicator |
#5A9EC8 | promptBorder | Input prompt border |
#97C2DC | promptBorderShimmer | Prompt border highlight |
#9AC8B8 | planMode | Plan mode indicator |
#232B34 | userMessageBackground | Surface behind your messages |
#2B3540 | userMessageBackgroundHover | That surface, hovered |
#5A9EC8 | rate_limit_fill | Usage meter fill |
Measured contrast.
Computed from the hex values above with the WCAG 2 relative-luminance formula, by the same script that gates every change to this repository. Figures are truncated, never rounded up. Each row meets its floor.
| Pair | Colours | Ratio | Floor | Standard |
|---|---|---|---|---|
| text on terminal background | #E8EBED on #1B2128 | 13.54:1 | 7:1 | WCAG AAA, normal text |
| text on your-message surface | #E8EBED on #232B34 | 11.95:1 | 7:1 | WCAG AAA, normal text |
| inactive on terminal background | #9DA6AF on #1B2128 | 6.57:1 | 4.5:1 | WCAG AA, normal text |
| inactive on your-message surface | #9DA6AF on #232B34 | 5.80:1 | 4.5:1 | WCAG AA, normal text |
| claude on terminal background | #5A9EC8 on #1B2128 | 5.52:1 | 4.5:1 | WCAG AA, normal text |
| claudeShimmer on terminal background | #97C2DC on #1B2128 | 8.54:1 | 4.5:1 | WCAG AA, normal text |
| suggestion on terminal background | #5A9EC8 on #1B2128 | 5.52:1 | 4.5:1 | WCAG AA, normal text |
| permission on terminal background | #9AC8B8 on #1B2128 | 8.74:1 | 3:1 | WCAG AA, non-text |
| planMode on terminal background | #9AC8B8 on #1B2128 | 8.74:1 | 3:1 | WCAG AA, non-text |
| promptBorder on terminal background | #5A9EC8 on #1B2128 | 5.52:1 | 3:1 | WCAG AA, non-text |
| promptBorderShimmer on terminal background | #97C2DC on #1B2128 | 8.54:1 | 3:1 | WCAG AA, non-text |
| rate_limit_fill on terminal background | #5A9EC8 on #1B2128 | 5.52:1 | 3:1 | WCAG AA, non-text |
| your-message surface against the terminal | #232B34 on #1B2128 | 1.13:1 | 1.08:1 | visibly distinct surface |
| hovered surface against the resting one | #2B3540 on #232B34 | 1.14:1 | 1.08:1 | visibly distinct surface |