An open API service indexing awesome lists of open source software.

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

Awesome Lists containing this project

README

          

# The Best Theme

![version](https://img.shields.io/visual-studio-marketplace/v/kohlbachjan.the-best-theme)
![downloads](https://img.shields.io/visual-studio-marketplace/d/kohlbachjan.the-best-theme)
![installs](https://img.shields.io/visual-studio-marketplace/i/kohlbachjan.the-best-theme)
![rating](https://img.shields.io/visual-studio-marketplace/stars/kohlbachjan.the-best-theme)
![released](https://img.shields.io/visual-studio-marketplace/release-date/kohlbachjan.the-best-theme)
![updated](https://img.shields.io/visual-studio-marketplace/last-updated/kohlbachjan.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:



Buy Me A Coffee

You can find me here:
- Web: [jankohlbach.com](https://jankohlbach.com)
- Social: @jankohlbach


---


### HTML File example
![Example html file](html.png)

### CSS File example
![Example css file](css.png)

### JS File example
![Example js file](js.png)


---


## 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"
},
}
```