Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Tokyo Night CityNew to Visual Studio Code? Get it now.
Tokyo Night City

Tokyo Night City

EmmanuelCy

|
2,427 installs
| (1) | Free
A vibrant code theme for Visual Studio Code, inspired by the dazzling energy of Tokyo's nightlife. It combines the alluring neons of Tokyo Night with the cool, calming blues of City Lights, offering a unique and visually stimulating experience for your coding sessions
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Tokyo Night City

Visual Studio Theme

A vibrant code theme for Visual Studio Code, inspired by the dazzling energy of Tokyo's nightlife. It combines the alluring neons of Tokyo Night with the cool, calming cyan of City Lights, offering a unique and visually stimulating experience for your coding sessions.

Features

  • Navy Blue accent
  • Dark base
  • Balanced contrast

Screenshots

Javascript

Tokyo Night City JS

Dart

Tokyo Night City

Installation

You can install the Tokyo Night City theme directly from the VS Code Marketplace. Simply follow the link and click on the "Install" button to add the theme to your Visual Studio Code editor. VS Code Marketplace

Recommended Font

It is recommended to use the "Hack Nerd Font" for the best visual experience with the Tokyo Night City theme. You can download and install the font from the Hack Nerd Font GitHub repository. Once installed, you can select the "Hack Nerd Font" in your code editor's settings to fully enjoy the theme.

Color Reference

Here are the main colors used in the Tokyo Night City theme and their hex values:

Color Hex
Dark Gray #002b36 #0a192f
Pink Coral #f95d8a #f8f8f8
Cyan #2aa198 #00b48a

Contributing

Contributions are always welcome!

Please adhere to this project's code of conduct.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft