50 Dark Themes · 12 / 50

Crossfade

A cool accent, #3EC8E8, on a #1A1A1E terminal. Primary text reads at 14.31:1 and secondary text at 6.63:1, measured against that background. Free and MIT licensed, one of the 50 Dark Themes for Claude Code.

Crossfade

#3EC8E8
✻ Claude Code · crossfade
● Applied theme “Crossfade”
  3 files changed · staged
> show me the diff
>theme crossfade
/theme  ·  ⏎ send  ·  esc to interrupt

Install Crossfade.

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 crossfade

Plugin 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 crossfade.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/crossfade.json -o ~/.claude/themes/crossfade.json

Terminal background: #1A1A1E.

Claude Code colours its own interface; the terminal application owns the canvas behind it. Every figure below is measured against #1A1A1E, 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.

ColourTokenRole
#3EC8E8claudeClaude's mark and accent
#87DDF1claudeShimmerAccent highlight while Claude works
#E9E9ECtextPrimary text
#9F9FADinactiveSecondary text
#2A2A32subtleDecorative hairlines (reserved, carries no meaning)
#3EC8E8suggestionAutocomplete suggestions
#E84A98permissionPermission prompt border and indicator
#3EC8E8promptBorderInput prompt border
#87DDF1promptBorderShimmerPrompt border highlight
#E84A98planModePlan mode indicator
#232329userMessageBackgroundSurface behind your messages
#2C2C34userMessageBackgroundHoverThat surface, hovered
#3EC8E8rate_limit_fillUsage 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.

PairColoursRatioFloorStandard
text on terminal background#E9E9EC on #1A1A1E14.31:17:1WCAG AAA, normal text
text on your-message surface#E9E9EC on #23232912.89:17:1WCAG AAA, normal text
inactive on terminal background#9F9FAD on #1A1A1E6.63:14.5:1WCAG AA, normal text
inactive on your-message surface#9F9FAD on #2323295.98:14.5:1WCAG AA, normal text
claude on terminal background#3EC8E8 on #1A1A1E8.78:14.5:1WCAG AA, normal text
claudeShimmer on terminal background#87DDF1 on #1A1A1E11.27:14.5:1WCAG AA, normal text
suggestion on terminal background#3EC8E8 on #1A1A1E8.78:14.5:1WCAG AA, normal text
permission on terminal background#E84A98 on #1A1A1E4.84:13:1WCAG AA, non-text
planMode on terminal background#E84A98 on #1A1A1E4.84:13:1WCAG AA, non-text
promptBorder on terminal background#3EC8E8 on #1A1A1E8.78:13:1WCAG AA, non-text
promptBorderShimmer on terminal background#87DDF1 on #1A1A1E11.27:13:1WCAG AA, non-text
rate_limit_fill on terminal background#3EC8E8 on #1A1A1E8.78:13:1WCAG AA, non-text
your-message surface against the terminal#232329 on #1A1A1E1.11:11.08:1visibly distinct surface
hovered surface against the resting one#2C2C34 on #2323291.12:11.08:1visibly distinct surface