Subscribe
Sign in
Code Blue — A carefully concocted dark theme for VS Code.
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.
43
Replies
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.?
@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.
@soooojan Ah I see :) Thanks for getting back to me! I wish there was a more efficient way of creating themes for VS Code...
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.
My first impression is quite good about code-blue, it has well-selected color combinations, I'm going to try it for a week then make decision, Thank you for awesome work.
@rishabh16_ Its currently a WIP, making some final tweaks :) I’ll publish it asap!
@rishabh16_ Here it is— https://archetype-foundry.com/ After months for struggling with frikkin Paypal.
Aweome work! What font family is used in demo images here? It’s a great match to the theme. Great job!
@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. :)
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
@mssrivatsa Hiya. Try updating your VS Code. Code Blue works on v1.25.0 and up. Cheers!
@mssrivatsa @soooojan Hey. I also can't figure out how to install it. Can you please share? I really love this theme. Thanks!
@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! :)
@soooojan Oh! I thought I had to do a manual install. It worked and it looks awesome. I also checked out your website and some other works. It's great!
@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.)
@naiktej13 Hi, Thanks for asking!
I am stuck with setting up PayPal, on the site, but the fonts are ready.
@naiktej13 Hi Tej— I finally managed to publish the font, Paypal was the culprit. Check it out here— https://archetype-foundry.com/
the background of the editor should be darker in my opinion
Pros:nice overall colors
Cons:comments are unreadable