https://github.com/jankohlbach/the-best-theme
The one and only VS Code Theme
https://github.com/jankohlbach/the-best-theme
Last synced: 5 months ago
JSON representation
The one and only VS Code Theme
- Host: GitHub
- URL: https://github.com/jankohlbach/the-best-theme
- Owner: jankohlbach
- Created: 2019-08-25T16:49:19.000Z (almost 7 years ago)
- Default Branch: main
- Last Pushed: 2024-08-31T19:05:16.000Z (almost 2 years ago)
- Last Synced: 2026-02-21T05:15:39.332Z (5 months ago)
- Homepage: https://marketplace.visualstudio.com/items?itemName=kohlbachjan.the-best-theme
- Size: 543 KB
- Stars: 27
- Watchers: 1
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# The Best Theme






## The one and only VS Code Theme
Inspired and based on:
- [VS Code Material Theme](https://github.com/material-theme/vsc-material-theme)
- [Atom One Dark Theme](https://github.com/akamud/vscode-theme-onedark)
If you want to support me and my work:
You can find me here:
- Web: [jankohlbach.com](https://jankohlbach.com)
- Social: @jankohlbach
---
### HTML File example

### CSS File example

### JS File example

---
## Installing
Go to Extensions and search for 'The Best Theme' and install it.
That's it!
[VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=kohlbachjan.the-best-theme)
## 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:
```json
{
"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](https://code.visualstudio.com/api/references/theme-color).
Then use it in your settings.json like this:
```json
{
"workbench.colorCustomizations": {
"button.background": "#ff0000"
},
}
```