A simple syntax and UI theme for Visual Studio Code.
- Dark UI elements for all-day coding.
- Small colour palette to avoid visual overload.
- Additional deprioritised-punctuation theme; concentrate on the content.
Inspired by Atom's One Dark theme, yet simpler and darker.
Colour names provided by Chirag Mehta's fantastic Name That Colour website.
Cadet Blue #abb2bf - text
Iron #D2D6db - variables
Cornflower Blue #61afef - storage
Fountain Blue #56b6c2 - constant
Shuttle Gray #5c6370 - comments
Raven #737c8c - punctuation
Olivine #98c379 - strings
Whiskey #d19a66 - functions
Harvest Gold #e5c07b - tags
Sunglo #e06c75 - keywords
Matisse #1B659D - Info
Galliano #d4ac0d - Warnings
Brick Red #C62D42 - Errors
Bright Gray #3E4451 - Line numbers, invisibles, ruler
Shark #21252b - Fore-background (activity bar, status bar, editor)
Woodsmoke #181A1F - Back-background (side bar)
Bunker #080A0F - Back-back-background (input background, contrast borders)
Themes can always be improved and tweaked so please feel free to log issues and send pull requests. However, please keep in mind that this theme strives to remain simple and language agnostic; for example, please do not ask for blah.blah.php
or blah.blah.c
scopes to be added. Also, and this is purely personal, I'm a JavaScript developer and therefore anything that alters the colours for the JavaScript language will receive much more scrutiny before being merged in.
Clone the repository to .vscode/extenstions/
(remember to remove any other installed versions of Plastic), run yarn
to install dependencies, and yarn docs
to serve the documentation page.
Use Microsoft's theme color reference for UI theming help.
You'll notice that the syntax is grouped by colour instead of scope. I find this much nicer to maintain.
Happy hacking :)
MIT