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

The Best Theme

Jan Kohlbach

|
32,284 installs
| (10) | Free
The one and only theme for VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

The Best Theme

version downloads installs rating released updated


The one and only VS Code Theme

Inspired and based on:

  • VS Code Material Theme
  • Atom One Dark Theme

If you want to support me and my work:

Buy Me A Coffee

You can find me here:

  • Web: jankohlbach.com
  • Social: @jankohlbach



HTML File example

Example html file

CSS File example

Example css file

JS File example

Example js file




Installing

Go to Extensions and search for 'The Best Theme' and install it.
That's it!
VS Code Marketplace

Issues

If you find any weird colors or combinations, feel free to open an issue of what feels wrong and a sample so I can look it up.
Also do that if you find a crazy pink color anywhere, I used that one (#ff00dd) if I haven't found out where it's applied :D

Fonts

I use Fira Code with a font weight of 400 for the Theme.
If you download it and install it on your machine, you can set it in your settings.json like this:

{
  "editor.fontFamily": "Fira Code",
  "editor.fontWeight": "400",
}

Customization

If you want to override any styles you can easily do that.
You can find a full reference of all the color keys here.
Then use it in your settings.json like this:

{
  "workbench.colorCustomizations": {
    "button.background": "#ff0000"
  },
}
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft