Code Monkey home page Code Monkey logo

all-blue-theme's Introduction

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:

Syntax Colors

Syntax colors

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

For more details, head to colors.md.

Installation

In the extensions panel in VS Code, type in njshockey.all-blue or visit one of the following links.

Manual

To install this extension manually, download it from one of the following places:

Then, in the extensions panel, click on the three dots(...) left of your open tabs, then click on Install from VSIX....

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.

all-blue-theme's People

Contributors

njs-guy avatar

Stargazers

N.A. Ferrell avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.