Tokyo Theme for Claude Code

The Codigrate Tokyo theme for Claude Code. Preview the screenshot and the palette, then get it in a few steps.

Inspired by Tokyo's neon-lit side streets, midnight skylines, and the quiet glow of lantern-lined alleys, this theme blends deep indigo shadows with electric violet highlights to create a sleek, futuristic coding atmosphere. Moody blues keep the editor calm and focused, while luminous purples, soft lilacs, and crisp cyan accents add clarity and energy to key syntax elements.

A dark theme from the Codigrate Cities collection, released 2026-01-07. Tags: Neon, Futuristic, Energetic.

A free download from codigrate.com under the MIT licence: add it to your cart, enter the e-mail address the download link goes to, and get the theme file with its install steps.

Tokyo theme for Claude Code, a screenshot

Getting started on Claude Code

  1. Download the theme with the Download button. It is one file named after the theme, for example codigrate-london.json; keep the name as is.
  2. Move the file into your Claude Code themes folder, ~/.claude/themes/. If the folder is not there yet, create it in a terminal: mkdir -p ~/.claude/themes
  3. In Claude Code, type /theme and pick the theme from the list, for example Codigrate London. It applies at once.
  4. For the best result, install the same theme for your terminal too ( Ghostty, iTerm2 or macOS Terminal ): Claude Code colors code with your terminal's colors, so with the matching terminal theme the code reads like the theme in your IDE.

Tokyo color palette

Every named color of the Tokyo palette, free to download for MacOS, CorelDRAW and Figma.

Tokyo on every platform

From the blog

  • Anatomy of a Dark Theme: Tokyo: Anatomy of Tokyo, a dark IDE theme: an indigo night editor lit by neon violet and pink, crisp cyan strings, matcha green and the amber of paper lanterns.
Codigrate

Codigrate