Cloudbank

"It's all part of the process."

A dark but vibrant theme inspired by the cyberpunk/art deco aesthetic of Transistor by Supergiant Games! This theme won't let you fight giant robots, or give you the power to rewrite reality. But it will make you feel pretty cool. (Note: leather coat, muscle bike, and oversized sword not included).

Installation via VS Code

1. Open Extensions sidebar panel in VS Code. View → Extensions
2. Search for Cloudbank
3. Click Install to install it
4. Click Reload to reload the editor
5. Code > Preferences > Color Theme > Cloudbank

Icon Theme

The file icon theme seen in the screenshot above is VSCode Icons.

Color Reference

Syntax Colors

Color	Usage
#b6f69d	Numbers, integers, floats, separators
#71a573	Constants, variables
#58c7a2	Functions, operators
#d5ad3f	Strings, general foreground
#b96f2e	Keywords, punctuation, booleans
#c74031	Classes, tags, object keys

UI Colors

Color	Usage
#1e1e1ea3	Editor background
#343434	Inputs, headings, dropdowns
#6dd4b238	Highlighting, whitespace
#58c7a2	Activity bar icons, line numbers
#d5ad3f	Foreground, text
#b96f2e	Borders
#c74031	Errors

Theming Reference

VS Code Theme Color Reference

VS Code Theme Documentation

VS Code Publishing Extensions

VS Code Customization Reference

Syntax & Workbench colors based on Kimbie Dark+

Disclaimer & Special Thanks

This theme is a fan-made creation inspired by my favourite video game of all time, Transistor by Supergiant Games. I am in no way affiliated with Supergiant, nor do I make money from this free theme in any way. Thanks to Supergiant for crafting incredible experiences time and again!