Spaceland Theme

A Visual Studio Code theme for the wonderers. Fine-tuned for those of us who like to code late into the night and look up at the stars. This theme is great for people who want to get to work with a beautiful space inspired theme.

Demo Images

Javascript

React

Colors

Usage	Palette	Hex Code
Background	Space	#171717
Comment	Medium	#575775
Foreground	Light	#b3b9c5
Function	Pink	#ff99dd
Variable	Red	#ff9999
Number	Orange	#ffcc99
Attribute	Medium Blue	#99ddff
Keyword	Key Purple	#dd99ff
String	Green	#99ffdd
Class/Tag	Blue-Purple	#9999ff
Constant/Pseudo	Light Green	#ccff99
Support	Yellow	#ffff99
Operator	Lion	#f8cfa0

Installation

1. Install Visual Studio Code
2. Launch Visual Studio Code
3. Choose Extensions from menu
4. Search for spaceland theme
5. Click Install to install it
6. Click Reload to reload the Code
7. From the menu bar click: Code > Preferences > Color Theme > Spaceland Theme

Preferences shown in the preview

The font in the preview image is Fira Code, available here. These are the settings I used:

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,

The preview image is using Bracket Pair Colorizer 2, a sweet extension that highlights matching brackets. This can help reduce unwanted errors.

I use this setting:

"bracket-pair-colorizer-2.colors": [
        "#ffff99",
        "#dd99ff",
        "#ff99dd"
],

The icon theme used in the demo is the dark version of icons from the City Lights Icon package.

Misc

This is my first theme, so if you see something off, please feel free to file an issue! I'm sure there are things I missed.

To make this theme I used the awesome New Moon Syntax Theme as a starting point, and the great article Creating a VS Code Theme as a reference.

Enjoy!