Vscode

<img alt="Rainglow" src="https://raw.githubusercontent.com/rainglow/examples/master/artwork/header.png" width="400" />

Visual Studio Code

Rainglow is a collection of color themes for a number of different editors and platforms. This repository consists of 320+ syntax and UI themes for Visual Studio Code.

<a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/gloom-contrast.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/gloom-contrast.png" width="340" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/kiwi.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/kiwi.png" width="340" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/piggy.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/piggy.png" width="340" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/earthsong.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/earthsong.png" width="340" /></a>

<a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/tonic.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/tonic.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/solarflare.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/solarflare.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/rainbow.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/rainbow.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/peel.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/peel.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/peacocks-in-space.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/peacocks-in-space.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/peacock.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/peacock.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/mintchoc.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/mintchoc.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/legacy.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/legacy.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/lavender.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/lavender.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/heroku.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/heroku.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/halflife.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/halflife.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/goldfish.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/goldfish.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/glowfish.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/glowfish.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/crisp.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/crisp.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/bold.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/bold.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/azure.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/azure.png" width="160" /></a><a href="https://raw.githubusercontent.com/rainglow/examples/master/vscode/arzstotska.png" target="_blank"><img src="https://raw.githubusercontent.com/rainglow/examples/master/vscode/arzstotska.png" width="160" /></a>

To show support for the project, you can do any (or many!) of the following:

• Wear a theme.
• Star the repository.
• Rate the extension on the marketplace.
• Follow me on twitter, and say hi!
• Share on refind.
• Share on product hunt.
• Buy my books!
• Donate via PayPal.
• Donate via Monzo.

Easy Installation

To install the color themes, just use the extensions tab within VS Code and search for 'Rainglow'.

Once installed, themes can be switched using the menu item Code -> Preferences -> Color Theme.

Manual Installation

Clone the repository into ~/.vscode/extensions and restart the editor.

Useful Information

To override the status bar colors, add the following to your settings JSON. (Change the colors as you see fit.)

"workbench.colorCustomizations": {
    "statusBar.background": "#333",
    "statusBar.foreground": "#fff",
    "statusBar.noFolderBackground": "#333",
    "statusBar.noFolderForeground": "#fff"
}

This project is an evolution of my colour schemes project found at https://github.com/daylerees/colour-schemes. Peacock was the first ever theme. I created it to try and find something to use other than Monokai. It's now a favourite for many users!

If you'd like to report a bug with one of the color schemes, please raise an issue on the repository rather than submitting a pull request. This is because the themes run through a generation process, and editing the themes directly is not advised!

Have a wonderful day!

Dayle.