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.
Getting started on Zed
- Download the zip with the Download button. Inside is one folder with the theme file ( themes/<name>.json ) and a small extension.toml.
- Copy the .json file from the themes folder into ~/.config/zed/themes/ ( the same path on macOS and Linux; on a Mac, Shift+Cmd+G in Finder takes you to the path ). If the folder is not there yet, create it.
- In Zed, open the theme selector with Cmd+K Cmd+T ( Ctrl+K Ctrl+T on Linux ) and pick the theme by name, and the theme is applied.
- Prefer an extension? In Zed open Extensions, click Install Dev Extension and choose the unzipped folder itself; the theme then shows in the selector the same way.
Tokyo color palette
Every named color of the Tokyo palette, free to download for MacOS, CorelDRAW and Figma.
Tokyo on every platform
- Tokyo for JetBrains (free)
- Tokyo for Xcode ($2.99)
- Tokyo for VS Code (free)
- Tokyo for Chrome (free)
- Tokyo for Open VSX (free)
- Tokyo for Slack (free)
- Tokyo for MacOS Terminal (free)
- Tokyo for iTerm2 (free)
- Tokyo for Ghostty (free)
- Tokyo for Rhino (free)
- Tokyo for Zed (free), this page
- Tokyo for Sublime Text (free)
- Tokyo for Line
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.
