All Projects → wesbos → Cobalt2 Vscode

wesbos / Cobalt2 Vscode

Licence: mit
Cobalt2 Theme for VS Code

Projects that are alternatives of or similar to Cobalt2 Vscode

Dotfiles
Awesome personal dotfiles
Stars: ✭ 99 (-84.34%)
Mutual labels:  hacktoberfest, vscode
Vscode Emacs Mcx
Awesome Emacs Keymap - VSCode emacs keybinding with multi cursor support
Stars: ✭ 135 (-78.64%)
Mutual labels:  hacktoberfest, vscode
Vscode Mermaid Preview
Previews Mermaid diagrams
Stars: ✭ 111 (-82.44%)
Mutual labels:  hacktoberfest, vscode
Vscode Verilog Hdl Support
Verilog HDL/SystemVerilog/Bluespec SystemVerilog support for VS Code
Stars: ✭ 120 (-81.01%)
Mutual labels:  hacktoberfest, vscode
Svn Scm
SVN support for VS Code
Stars: ✭ 172 (-72.78%)
Mutual labels:  hacktoberfest, vscode
Css Flexbox Cheatsheet
VS Code extension that lets you open a CSS Flexbox cheatsheet directly in the editor.
Stars: ✭ 87 (-86.23%)
Mutual labels:  hacktoberfest, vscode
Doxdocgen
Generate doxygen documentation from source code in VS Code
Stars: ✭ 127 (-79.91%)
Mutual labels:  hacktoberfest, vscode
Kotlin Language Server
Intelligent Kotlin support for any editor/IDE using the Language Server Protocol
Stars: ✭ 650 (+2.85%)
Mutual labels:  hacktoberfest, vscode
Nim
Streamline Your Node.js Debugging Workflow with Chromium (Chrome, Edge, More) DevTools.
Stars: ✭ 168 (-73.42%)
Mutual labels:  hacktoberfest, vscode
Elm Language Client Vscode
Improving your Elm experience since 2019
Stars: ✭ 162 (-74.37%)
Mutual labels:  hacktoberfest, vscode
Vscode Stylelint
Official Visual Studio Code extension to lint CSS/SCSS/Less with stylelint
Stars: ✭ 141 (-77.69%)
Mutual labels:  hacktoberfest, vscode
Themer
themer is inspired by trevordmiller/nova and chriskempson/base16.
Stars: ✭ 4,483 (+609.34%)
Mutual labels:  hacktoberfest, vscode
T Rec Rs
Blazingly fast terminal recorder that generates animated gif images for the web written in rust
Stars: ✭ 361 (-42.88%)
Mutual labels:  hacktoberfest, vscode
Vetur
Vue tooling for VS Code.
Stars: ✭ 5,421 (+757.75%)
Mutual labels:  hacktoberfest, vscode
Hacktoberfest 2020
Welcome to Open-source! Simply add your details to contributors | Repo for Hacktoberfest 2020 ✅
Stars: ✭ 621 (-1.74%)
Mutual labels:  hacktoberfest
Flutter Examples
[Examples] Simple basic isolated apps, for budding flutter devs.
Stars: ✭ 5,863 (+827.69%)
Mutual labels:  hacktoberfest
Jhipster Registry
JHipster Registry, based on Spring Cloud Netflix Eureka and Spring Cloud Config
Stars: ✭ 619 (-2.06%)
Mutual labels:  hacktoberfest
Post Robot
Cross domain post-messaging on the client side using a simple listener/client pattern.
Stars: ✭ 619 (-2.06%)
Mutual labels:  hacktoberfest
Git Extra Commands
A collection of git utilities and useful extra git scripts I've discovered or written, packaged for ease of use with shell frameworks.
Stars: ✭ 629 (-0.47%)
Mutual labels:  hacktoberfest
Phpmyadmin
A web interface for MySQL and MariaDB
Stars: ✭ 5,750 (+809.81%)
Mutual labels:  hacktoberfest

Cobalt2 Theme for VS Code

Version

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
  2. run npm run bundle

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!

Thanks

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].