Code Blue
A carefully concocted dark theme for VS Code.
Start new thread

Code Blue - A carefully concocted dark theme for VS Code.

by•

A carefully concocted dark theme made of subtle blues and bright hues that’s easy on the eyes for focused coding. More detailes .

Installation—search for ”Code Blue” from your VSCode Extensions. Reload and select from theme list.

Try it out, I’d love to hear some feedback! Let me know if there are any bugs or if something can be made better.

Add a comment

Replies

Best
Aweome work! What font family is used in demo images here? It’s a great match to the theme. Great job!
Maker
Thanks, Christian! The font is another one of my babies (I’m extremely picky about my IDE :P). It’s an unreleased version, though. I’d be happy to ping you once I publish that. :)
Maker
Done! Should be about a couple of weeks, possibly sooner!
Amazing! I look forward to this.
Maker
are you gonna be making themes for other editors as well?
Maker
Are you asking for Sublime?
yes please :)
Found it too good ! How do I install this ? Kinda newbie with the themes.
Maker
Easiest way is to search for “Code Blue” in your VSCode Extensions panel, hit Install, and then select it in your Color Theme settings (Cmd+Shift+P, then type “theme”...and select from list.)
Maker
Let me know if that worked.
Yes, It worked. Thanks ! Good work !
Looks great! But I am unable to install the theme on VS Code 1.23.1 Manual install using vsix also does not work. Error Log:
Maker
Hiya. Try updating your VS Code. Code Blue works on v1.25.0 and up. Cheers!
Thank you! It works after the update :)
Maker
Cheers!
Hey. I also can't figure out how to install it. Can you please share? I really love this theme. Thanks!
Maker
So, make sure you’re using minimum v1.25 of VSCode. Then, open your Extensions panel, and search for Code Blue. Open the link, and hit Install. Then hit the Reload button. Then, Cmd+Shift+P (or Ctrl+Shift+P, for Windows) and type “theme”, and select “Color Theme” from the list. Should see Code Blue in the list now. Select it, and hit Enter. Done! :)
Interesting name. I can't stop thinking of the medical definition of code blue: an emergency situation at a hospital. Subtle blues vs emergency situation. Love the idea behind the theme with subtle blues and bright hues.
Maker
Exactly! :D
Maker
Psst! There’s a Code Black in the works!
Liking the red cursor-blink, gonna give this a shot today!
Looks great, would love one for Visual Studio as well.
Maker
Hm, I’ve never used VS, but maybe I’ll try porting it. :)
cool))
Nice work! Looks really good!
Awesome work! What was your workflow for creating this theme? Did you design it with another piece of software first or did you jump straight into editing the color-theme.json file, reloading VS Code, etc.?
Maker
I started with this— After that it was just plain ol’ brute-forcing. I picked a base colour, and worked around that. I would pick a particular part of the editor— the sidebar, for example, and start applying colours based on maximum visual area, and then move to hover, border etc.
Ah I see :) Thanks for getting back to me! I wish there was a more efficient way of creating themes for VS Code...
12
Next
Last