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

✨・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
Active Line Highlight	#161616
Tokyo Accent / Blue	#8b9cf3
Strings / Link	#ffab70
Keywords	#f97583

TokyoLabs Light

Element	Hex Value	Preview
Editor Background	#ffffff
Active Line Highlight	#f2f2f2
Primary Blue	#1976D2
Strings / Green	#22863a
Keywords	#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.