Outerspace Next themes for VS Code 🦄

Theme samples

Frostbane (NEW 🔥)

Alien Invasion

Unicorn

About

Dark, minimalistic themes with bright neon primary colors. Theme is excellent for those who like to code long hours at low light conditions since it's easy on the eyes, have good contrast and remain cool appearance as well 🔥.

This theme is a mix-up of popular themes I've used before but I felt something was missing in each one of those, my biggest inspiration was:

• Night Owl

but, also:

• Cyber Punk
• Oceanic Next

Thanks to authors of those unique themes. This theme is sort of a mix up of the ones I listed above. Basically I just took what I liked the most from those themes and customised mine a little bit more.

Font

The font I use in the theme samples section is Dank Mono which is available to purchase - here.

Syntax support

I've tested so far:

• JavaScript
• TypeScript
• Python
• C#
• CSS
• SCSS
• SASS
• LESS

If you feel like some language syntax is missing, open an issue or write to me, I will add it.

Installation

1. Open Extensions sidebar panel in VS Code. View → Extensions
2. Search for Outerspace Next
3. Click Install
4. Click Reload
5. Code > Preferences > Color Theme > Outerspace Next

Recommended

Settings

{
  "editor.cursorStyle": "line",
  "editor.cursorBlinking": "solid",
  "editor.colorDecorators": false,
  "editor.fontSize": 17,
  "editor.lineHeight": 24.5,
  "editor.letterSpacing": 0.5,
  "editor.minimap.enabled": true,
  "editor.overviewRulerBorder": false,
  "editor.renderWhitespace": "none",
  "editor.scrollbar.verticalScrollbarSize": 0,
  "editor.scrollbar.vertical": "hidden",
  "editor.snippetSuggestions": "top",
  "files.trimTrailingWhitespace": true,
  "npm.enableScriptExplorer": true,
  "workbench.sideBar.location": "left",
  "workbench.editor.tabSizing": "shrink",
  "workbench.editor.tabCloseButton": "off",
  "breadcrumbs.enabled": false,
  // memorise keyboard shortcuts
  "workbench.activityBar.visible": false,
  "explorer.openEditors.visible": 0,
  "workbench.statusBar.visible": false,
  "editor.minimap.enabled": false,
  "editor.renderLineHighlight": "none"
}

Extensions

• Color Highlight - nice highlight for colors
• VSCode Great Icons - icons that fit theme nicely
• Sublime Babel - better syntax highlight
• Trailing Spaces - keep your spaces clean

Contribution

If you don't like something or have some proposals feel free to open an issue, I'll get to it as soon as possible.