Dark theme with fun and bright foreground colors
Switch branches/tags
Nothing to show
Clone or download
johnpapa Merge pull request #21 from necraidan/master
Fix of the indentation in README.md
Latest commit 1ad5e53 Oct 11, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode init Oct 18, 2017
code_of_conduct init Oct 18, 2017
images updates as per feedback May 22, 2018
themes border and cursor contrasts Oct 5, 2018
.custom-vscodestyles.css custom vs code setting tweaks Nov 20, 2017
.gitignore init Oct 18, 2017
.vscodeignore init Oct 18, 2017
CHANGELOG.md border and cursor contrasts Oct 5, 2018
CONTRIBUTING.md url Oct 18, 2017
ISSUE_TEMPLATE.md init Oct 18, 2017
LICENSE.md init Oct 18, 2017
PULL_REQUEST_TEMPLATE.md init Oct 18, 2017
README.md Update README.md Oct 11, 2018
package-lock.json scripts May 19, 2018
package.json border and cursor contrasts Oct 5, 2018

README.md

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

HTML

TypeScript

SCSS

Debugging

The dark theme is best seen with a font that supports cursive italicized fonts

Light Theme

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

JavaScript/TypeScript

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