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:
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
- Clone this repo. Usually with
git clone https://github.com/njshockey/all-blue-theme.git .
- Run
yarn to download the necessary NPM packages.
- 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 .
- 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.
- 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.
| |