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

All Blue

njshockey

|
13 installs
| (0) | Free
A theme that's a little too obsessed with a certain primary color
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

All Blue

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

Screenshots

Default theme All Blue screenshot

Calm All Blue screenshot

Waves All Blue screenshot

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

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.

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