85 lines
2.8 KiB
Markdown
85 lines
2.8 KiB
Markdown
# Cobalt2 Theme for VS Code
|
|
|
|
[](https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2)
|
|
|
|
|
|
|
|
|
|
# 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
|
|
|
|
```js
|
|
{
|
|
"workbench.colorTheme": "Cobalt2",
|
|
// The Cursive font is operator Mono, it's $200 and you need to buy it to get the cursive
|
|
"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](https://github.com/wesbos/cobalt2-vscode/issues/193549)
|
|
Blue Highlight: #1F4662
|
|
Blue Highlight2: #234E6D
|
|
Blue Dark: [#122738](https://github.com/wesbos/cobalt2-vscode/issues/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`
|
|
1. run `npm run bundle`
|
|
1.
|
|
|
|
## I don't like something
|
|
|
|
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!
|
|
|
|
* [Sublime Text](https://github.com/wesbos/cobalt2)
|
|
* [Atom](https://github.com/wesbos/Cobalt2-atom)
|
|
* [iTerm2](https://github.com/wesbos/Cobalt2-iterm)
|
|
* [Hyper Term](https://github.com/wesbos/hyperterm-cobalt2-theme)
|
|
* [Alfred](https://github.com/wesbos/Cobalt2-Alfred-Theme)
|
|
* [Slack](https://github.com/wesbos/Cobalt2-Slack)
|
|
|
|
## Thanks
|
|
|
|
Thanks to Roberto Achar for doing much of the initial porting to VS Code.
|