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

1. Open Extensions sidebar panel in VS Code. View → Extensions
2. Search for Winter is Coming
3. Click Install
4. Click Reload
5. File > Preferences > Color Theme > Winter is Coming (Dark)
6. 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.

1. install Custom CSS and JS Loader extension
2. Create a file on your computer to hold your custom CSS named ~/.vscodestyles.css
3. Copy everything in .custom-vscodestyles.css into your file
4. Point your settings.json to the file you just created

     "vscode_custom_css.imports": [
       "/Volumes/Macintosh HD/Users/yourname/.vscodestyles.css"
     ]

5. Open your command palette
6. Select enable custom CSS and JS
7. 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