Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>TokyoLabs ThemeNew to Visual Studio Code? Get it now.
TokyoLabs Theme

TokyoLabs Theme

TokyoLabs

|
6 installs
| (1) | Free
A minimal theme customized for TokyoLabs, featuring dark and light variants.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

TokyoLabs Theme

A premium, highly-polished minimal color theme designed for visual comfort and clean coding. It features meticulously crafted dark and light variants that maximize syntax readability and eliminate workspace distractions.


📸・Screenshots

TokyoLabs Dark TokyoLabs Light
TokyoLabs Dark TokyoLabs Light

✨・Features

  • Zero Distractions: A clean UI featuring borderless tabs and sidebars that seamlessly blend into the editor.
  • Dual Personality:
    • 🌌・TokyoLabs Dark: A midnight deep black variant optimized for low-light environments.
    • ☀️・TokyoLabs Light: A crisp, pristine paper-white variant ideal for bright workspaces.
  • Harmonious Contrast: Syntax colors have been handpicked and calibrated to ensure maximum accessibility and prevent eye strain.
  • Fully Integrated Terminal: Clean ANSI colors matched perfectly with each variant for a unified workflow.

🎨・Color Palette Reference

TokyoLabs Dark

Element Hex Value Preview
Editor Background #121212 #121212
Active Line Highlight #161616 #161616
Tokyo Accent / Blue #8b9cf3 #8b9cf3
Strings / Link #ffab70 #ffab70
Keywords #f97583 #f97583

TokyoLabs Light

Element Hex Value Preview
Editor Background #ffffff #ffffff
Active Line Highlight #f2f2f2 #f2f2f2
Primary Blue #1976D2 #1976D2
Strings / Green #22863a #22863a
Keywords #D32F2F #D32F2F

🚀・Installation

Option 1: Via VS Code Extension Marketplace

  1. Open VS Code.
  2. Go to Extensions (Ctrl+Shift+X or Cmd+Shift+X).
  3. Search for TokyoLabs Theme.
  4. Click Install.
  5. Select either TokyoLabs Dark or TokyoLabs Light from the theme dropdown list.

Option 2: Via VS Code Command Line Interface (CLI)

Run the following command in your terminal:

code --install-extension tokyolabs.tokyolabs-theme

🛠️・Personal Customization

If you'd like to customize certain colors of the theme locally on your machine, you can add overrides in your global settings.json file. For example:

"workbench.colorCustomizations": {
    "[TokyoLabs Dark]": {
        "editor.background": "#000000",
        "sideBar.background": "#080808"
    },
    "[TokyoLabs Light]": {
        "editor.background": "#fafafa"
    }
}

📄・License

Licensed under the MIT License. Developed with ❤️ by TokyoLabs.

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