All Blue

A VS Code theme that's a little too obsessed with a certain primary color.

Screenshots

Default theme

Calm

Waves

The editor font used is JetBrains Mono with ligatures turned off. The file icons are Material Icons.

I'm also shilling my other projects from the screenshots:

• NJS React Template
• Keysmith, a rust keygen library
• BST Graph, create Pokemon Base Stat Total charts.

Syntax Colors

The font used is Cabin SemiCondensed. The Hex code font is JetBrains Mono.

For more details, head to colors.md.

Demo

For a downloadable demo, check out the All Blue demo. Or just clone it with:

git clone https://github.com/njshockey/all-blue-demo.git

Building

1. Clone this repo. Usually with git clone https://github.com/njshockey/all-blue-theme.git.
2. Run yarn to download the necessary NPM packages.
3. Open this repo in VS Code.
   • Make changes to the base colors in ./src/colors.
   • Make changes to the templates in ./src/templates/editorTemplate.ts and ./src/templates/syntaxTemplate.ts.
4. Run yarn build-themes to generate the JSON theme files and press F5 to test changes.
   • Run yarn build-themes-ugly to build the themes without Prettier. This should save you a few seconds.
5. To build the extension file (VSIX), install VSCE with npm install -g @vscode/vsce then run yarn build-ext.

Image credit

Temporary icon by Pixabay.