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

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

by
Setu
•

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

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
Christian Pecson
Aweome work! What font family is used in demo images here? It’s a great match to the theme. Great job!
Sujan Sundareswaran
Maker
@chpecson 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. :)
Sujan Sundareswaran
Maker
@chpecson @herrowna Done! Should be about a couple of weeks, possibly sooner!
Christian Pecson
@herrowna @soooojan Amazing! I look forward to this.
Sujan Sundareswaran
Maker
Amrith
@soooojan are you gonna be making themes for other editors as well?
Sujan Sundareswaran
Maker
@amrith Are you asking for Sublime?
Garg Ankit
@amrith @soooojan yes please :)
Sagar Khatri
Found it too good ! How do I install this ? Kinda newbie with the themes.
Sujan Sundareswaran
Maker
@dssagar93 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.)
Sujan Sundareswaran
Maker
@dssagar93 Let me know if that worked.
Sagar Khatri
@soooojan Yes, It worked. Thanks ! Good work !
Mudambi Seshadri Srivatsa
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: https://ibb.co/jYXV1K
Sujan Sundareswaran
Maker
@mssrivatsa Hiya. Try updating your VS Code. Code Blue works on v1.25.0 and up. Cheers!
Mudambi Seshadri Srivatsa
@soooojan Thank you! It works after the update :)
Sujan Sundareswaran
Maker
@mssrivatsa Cheers!
Rajat Patel
@mssrivatsa @soooojan Hey. I also can't figure out how to install it. Can you please share? I really love this theme. Thanks!
Sujan Sundareswaran
Maker
@rajatpatel2015 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! :)
Justin E. Harris
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.
Sujan Sundareswaran
Maker
@envisionwithj Exactly! :D
Sujan Sundareswaran
Maker
@envisionwithj Psst! There’s a Code Black in the works!
Evan Farrell
Liking the red cursor-blink, gonna give this a shot today!
Askar
Looks great, would love one for Visual Studio as well.
Sujan Sundareswaran
Maker
@askar Hm, I’ve never used VS, but maybe I’ll try porting it. :)
Arsen Hakobian
cool))
Rudy Lee
Nice work! Looks really good!
Max Schmitt
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.?
Sujan Sundareswaran
Maker
@mackseraner I started with this— https://code.visualstudio.com/do... 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.
Max Schmitt
@soooojan 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