Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Spaceland ThemeNew to Visual Studio Code? Get it now.

Spaceland Theme

LukeDavies12

|
2,251 installs
| (3) | Free
A great looking dark theme that draws inspiration from space.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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 Javascript Demo Image

React React Demo Image

Colors

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

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft