Tokyo Theme for OpenCode

The Codigrate Tokyo theme for OpenCode. 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 OpenCode, a screenshot

Getting started on OpenCode

  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 OpenCode themes folder, ~/.config/opencode/themes/. If the folder is not there yet, create it in a terminal: mkdir -p ~/.config/opencode/themes
  3. In OpenCode, type /theme and pick the theme from the list, for example codigrate-london.
  4. Your terminal needs 24-bit color: run echo $COLORTERM and look for truecolor or 24bit.

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