Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/njs-guy/all-blue-theme
A VS Code theme that's a little too obsessed with a certain primary color.
https://github.com/njs-guy/all-blue-theme
javascript json node nodejs theme typescript vscode vscode-extension vscode-theme
Last synced: about 1 month ago
JSON representation
A VS Code theme that's a little too obsessed with a certain primary color.
- Host: GitHub
- URL: https://github.com/njs-guy/all-blue-theme
- Owner: njs-guy
- License: mit
- Created: 2022-12-27T00:11:19.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-08T17:41:18.000Z (over 1 year ago)
- Last Synced: 2024-11-08T05:08:13.313Z (3 months ago)
- Topics: javascript, json, node, nodejs, theme, typescript, vscode, vscode-extension, vscode-theme
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=njshockey.all-blue
- Size: 1.35 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# 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](https://www.jetbrains.com/lp/mono/)
with ligatures turned off.
The file icons are [Material Icons](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme).
I'm also shilling my other projects from the screenshots:
- [My resume site](https://github.com/njshockey/njshockey-resume)
- [Keysmith](https://github.com/njshockey/keysmith-rs), a Rust keygen library
- [BST Graph](https://github.com/njshockey/bst-graph),
create Pokemon Base Stat Total charts.
## Syntax Colors
The font used is [Cabin SemiCondensed](https://fonts.google.com/specimen/Cabin?query=cabin).
The Hex code font is [JetBrains Mono](https://www.jetbrains.com/lp/mono/).
For more details, head to [colors.md](colors.md).
## Installation
In the extensions panel in VS Code, type in `njshockey.all-blue` or visit one of the following links.
- [VS Marketplace (recommended)](https://marketplace.visualstudio.com/items?itemName=njshockey.all-blue)
- [Open VSX Registry](https://open-vsx.org/extension/njshockey/all-blue)
### Manual
To install this extension manually, download it from one of the following places:
- [GitHub releases](https://github.com/njshockey/all-blue-theme/releases)
- [VS Marketplace](https://marketplace.visualstudio.com/items?itemName=njshockey.all-blue)
- This is under resources -> Download Extension
- [Open VSX Registry](https://open-vsx.org/extension/njshockey/all-blue)
- This is under resources -> Download
- [Itch](https://njshockey.itch.io/all-blue)
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](https://github.com/njshockey/all-blue-demo).
Or just clone it with:
```bash
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](https://code.visualstudio.com/).
- 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](https://www.pexels.com/photo/white-sailboat-on-water-273886/)
by Pixabay.