Skip to content

palashmon/cobalt2-vscode

This branch is 1 commit ahead of wesbos/cobalt2-vscode:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

d52ef0f · Mar 31, 2024
Mar 31, 2024
Nov 27, 2020
Feb 28, 2024
Sep 12, 2017
Feb 29, 2024
Aug 22, 2017
Aug 22, 2017
Sep 13, 2017
Dec 16, 2022
Feb 9, 2018
Mar 31, 2024
Nov 27, 2020
Sep 18, 2023

Repository files navigation

Cobalt2 Theme for VS Code

Install on VS Code Marketplace

Preview

Installation

  1. Open Extensions sidebar panel in VS Code. View → Extensions
  2. Search for Cobalt2 - find the one by Wes Bos - there are a few other half-baked ones so make sure you have the right one!
  3. Click Install to install it.
  4. Code > Preferences > Color Theme > Cobalt2
  5. Optional: Use the recommended settings below for best experience

Recommended Settings

{
  // This is all that matters
  "workbench.colorTheme": "Cobalt2",
  // The Cursive font is operator Mono, it's $200 and you need to buy it to get the cursive. Dank Mono or Victor Mono are good alternatives
  "editor.fontFamily": "Operator Mono, Menlo, Monaco, 'Courier New', monospace",
  "editor.fontSize": 17,
  "editor.lineHeight": 25,
  "editor.letterSpacing": 0.5,
  "files.trimTrailingWhitespace": true,
  "editor.fontWeight": "400",
  "prettier.eslintIntegration": true,
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "solid",
  "editor.renderWhitespace": "all",
}

Colours

Blue: #193549 Blue Highlight: #1F4662 Blue Highlight2: #234E6D Blue Dark: #122738 Yellow: #ffc600 Hot Pink: #ff0088 Blush Pink: #ff628c Orange: #ff9d00 Green

Contributing

To work on the theme:

  1. Clone this repo and open in VS Code
  2. Open run View → Run
  3. Click Launch Extension. This will open up another VS Code Editor
  4. Make changes to cobalt2.json. You will see changes reflected in the other editor that opened in step 3.

If you are making a Pull Request, Please give me a screenshot of before/after!

Deploying a new version

These are mostly notes for me.

  1. Increment the version number in package.json with npm version major|minor|patch
  2. run npm run bundle
  3. run npm publish to publish both to npm and vs code extension store

I don't like something

You don't need to fork it!

First, this theme is new so if something is funky, please open an issue. There are many languages and parts of VS Code I don't use, so let me know!

These are the things we have control over. If you would like to change something, you can either open a PR and see if I'd like it added, or override the colours in your own settings.json file.

https://code.visualstudio.com/docs/getstarted/theme-color-reference

Put Cobalt2 in other places!

Thanks

Thanks to Roberto Achar for doing much of the initial porting to VS Code.

About

Cobalt2 Theme for VS Code

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published