Tokyo Theme for Xcode

The premium Codigrate Tokyo theme for Xcode. Add it to your cart, pay once, download it right away; install steps included.

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.

Sold on codigrate.com for $2.99, one payment, tax included: add it to your cart, pay with Stripe (cards, Apple Pay, Google Pay), and download the theme right away. No account needed. Personal licence; a digital download, so all sales are final (see the terms of sale).

Tokyo theme for Xcode, a screenshot

Getting started on Xcode

  1. Download the zip with the Download button. Inside are two theme files: one for Xcode 26 ( .xcworkspacecolortheme ) and one for Xcode 16 and earlier ( .xccolortheme ).
  2. Copy both files into ~/Library/Developer/Xcode/UserData/FontAndColorThemes/ ( in Finder, Shift+Cmd+G takes you to the path; create the folder if it is not there ).
  3. Xcode 26: open Settings → Appearance, click Choose next to Theme and pick the theme under Custom. Xcode 16 and earlier: Settings → Themes lists it after a restart.
  4. The theme paints the source editor, the console and the documentation view; the window keeps the macOS look.

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