Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Tokyo TwilightNew to Visual Studio Code? Get it now.
Tokyo Twilight

Tokyo Twilight

harism

|
220 installs
| (0) | Free
Dark, calm theme inspired by Tokyo Night.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Tokyo Twilight

Before the neon Night comes the calm Twilight.

banner

Font: Fira Code, File icons: Catppuccin Mocha.

Minimal highlighting and deemphasized syntax

Tokyo Twilight only highlights 3 things:

  1. Definitions in

    orange.

  2. Strings in

    blue.

  3. Static constants in

    green.

All other syntax is deemphasized to promote focus on content. This can be adjusted in settings.json if wanted:

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "name": "Punctuation",
            "scope": "punctuation",
            "settings": {
                "foreground": "#ebecf0"
            }
        }
    ]
}

Supported languages

  • Clojure
  • ClojureScript
  • JavaScript
  • TypeScript (& TSX)
  • Markdown
  • HTML
  • CSS

Pull requests for other languages are most welcome.

Inspirations

  • Tokyo Night, largely.
  • Nord, for its blue color palette.
  • Poimandres, for its frameless design.
  • Alabaster, for its approach to highlighting.

Tokyo Tower photo by Marek Okon on Unsplash. Banner and icon by me.

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