Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wesbos/cobalt2-vscode
Cobalt2 Theme for VS Code
https://github.com/wesbos/cobalt2-vscode
hacktoberfest vscode
Last synced: about 1 month ago
JSON representation
Cobalt2 Theme for VS Code
- Host: GitHub
- URL: https://github.com/wesbos/cobalt2-vscode
- Owner: wesbos
- License: mit
- Created: 2017-09-12T19:47:11.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2024-05-02T09:26:43.000Z (7 months ago)
- Last Synced: 2024-09-30T09:22:31.603Z (about 1 month ago)
- Topics: hacktoberfest, vscode
- Size: 2.13 MB
- Stars: 765
- Watchers: 19
- Forks: 252
- Open Issues: 39
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Cobalt2 Theme for VS Code
[Install on VS Code Marketplace](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
{
// 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`
1. run `npm run bundle`
1. run `npm publish` to publish both to npm and vscode 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!
- [Warp](https://github.com/wesbos/cobalt2-warp)
- [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.