Winter is Coming theme for VS Code
This extension for Visual Studio Code adds two themes titled "Winter is Coming". There are dark, dark blue, and light themes.
I personally use the dark themes for most occasions, but find the light theme good on some dimmer projectors when I present.
See the CHANGELOG for the latest changes.
Dark Theme
The dark theme is best seen with a font that supports cursive italicized fonts
Light Theme
Usage
Select the theme and go!
Installation
- Open Extensions sidebar panel in VS Code.
View → Extensions
- Search for
Winter is Coming
- Click Install
- Click Reload
- File > Preferences > Color Theme > Winter is Coming (Dark)
- Optional: Use the recommended settings below for best experience
Recommended Settings
{
"editor.autoIndent": true,
"editor.codeLens": false,
"editor.cursorBlinking": "smooth",
"editor.cursorStyle": "line",
"editor.fontSize": 14,
"editor.fontFamily": "Dank Mono, Operator Mono, Fira Code",
"editor.fontLigatures": true,
"editor.formatOnPaste": true,
"editor.formatOnType": true,
"editor.formatOnSave": true,
"editor.minimap.enabled": false,
"editor.renderWhitespace": "none",
"editor.tabCompletion": true,
"editor.wordWrap": "off",
"explorer.confirmDragAndDrop": false,
"explorer.openEditors.visible": 0,
"files.autoSave": "afterDelay",
"files.autoSaveDelay": 1000,
"files.exclude": {
"**/*.js": {
"when": "$(basename).ts"
},
"**/*.js.map": {
"when": "$(basename)"
}
},
"files.hotExit": "onExit",
"files.defaultLanguage": "typescript",
"files.trimTrailingWhitespace": true,
"prettier.printWidth": 100,
"prettier.singleQuote": true,
"prettier.tabWidth": 2,
"window.zoomLevel": 0,
"workbench.colorTheme": "Winter is Coming (Dark)",
"zenMode.centerLayout": false
}
Extra Customizations (Optional)
Some styles in VS Code aren't controlled by the settings.json
.
- install
Custom CSS and JS Loader
extension - Create a file on your computer to hold your custom CSS named
~/.vscodestyles.css
- Copy everything in
.custom-vscodestyles.css
into your file - Point your
settings.json
to the file you just created"vscode_custom_css.imports": [ "/Volumes/Macintosh HD/Users/yourname/.vscodestyles.css" ]
- Open your command palette
- Select
enable custom CSS and JS
- Reload VS Code
Fonts
I am using a paid font titled Dank Mono
. (e.g. Operator Mono
is also a paid font that is awesome). If you do not have these fonts, use your favorite font. Fira Code is a free one that works well too.
Feedback
If you have suggestions, please open an issue or better yet, a pull request.
Be nice.
Credits
Credit where credit is due ... this theme was inspired by the themes Visual Studio Dark+, Monokai and Dustin Sander's theme for "An Old Hope". Custom CSS inspired by Wes Bos. Blue background for the Dark Blue them inspired by Sarah Drasner's Night Owl theme
Authors
Authored by John Papa
Light theme co-authored by Brian Clark