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

Tokyo Night Modern

lod

|
74 installs
| (0) | Free
Beautiful modern dark theme for VS Code with carefully crafted colors and contemporary design
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🌆 Tokyo Night Modern

Visual Studio Marketplace Version License: MIT

A modern, balanced dark theme for VS Code. Minimalist palette, declarative generation, strict tests.

Tokyo Night Modern


🌎 Live Preview

🔮 Open in vscode.dev


🎨 Overview

Tokyo Night Modern is not just another dark theme. It's a declaratively generated, minimalist theme focused on balance and consistency.

  • Declarative by Design: The entire theme is generated from a central palette (src/theme/palette.ts). No more manual JSON tweaks.
  • Code-First: All colors and tokens are managed through TypeScript, ensuring type safety and maintainability.
  • Strictly Tested: Automated validation and identity tests guarantee that the theme remains consistent and error-free after every change.
  • Zero Hardcoded Colors: Every color is based on a role or token, making the theme predictable and easy to customize.

🚀 Quick Start

  1. Open VS Code.
  2. Go to Extensions (Ctrl+Shift+X).
  3. Search for "Tokyo Night Modern".
  4. Click Install and select it as your active theme.

📄 License

This project is licensed under the MIT License. See the LICENSE file for details.

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