Zenburn In Grays
Suite of Themes
All the themes shown below are part of a suite designed to try to reduce visual fatigue while using VSCode.
The ultimate goal of the suite is to offer a good chance to find a theme that reduces disturbing elements and eye strain as much as possible.
However, attempts were made to leave error signals and selections clearly visible with moderate color contrasts.
Tip 1: If you like versioning your code, try Version Boss!
Version Boss is a free extension that
simplifies versioning of script files. Download it at Marketplace.
Tip 2: I suggest replacing the
Zenburn Cold Gray theme with Zenburn In Grays theme that contains the same skins with a Cold Gray background and their variants in Flat/Warm Gray and Nirvana/Low Blue Light.
Tip 3: Themes variants are pretty similar but you can find and set right colour intensity based on your monitor sRGB representation.
Whats's new in Zenburn In Grays V. 1.1.79
Themes] Improvements to some UI colors;
Development] Optimized some functions for themes generation;
Changelog for previous versions.
Zenburn In Grays Demo
Note: This demo not contains all subset of variants, because the representation of color in GIF format is not completely faithful.
Zenburn In Grays skins:
Zenburn In Grays - Cold - Asphalt
Zenburn In Grays - Cold - Eggplant
Zenburn In Grays - Cold - Lazy
Zenburn In Grays - Cold - Sugar Paper
Zenburn In Grays - Flat - Asphalt
Zenburn In Grays - Flat - Eggplant
Zenburn In Grays - Flat - Lazy
Zenburn In Grays - Flat - Sugar Paper
Zenburn In Grays - Nirvana - Asphalt
Zenburn In Grays - Nirvana - Eggplant
Zenburn In Grays - Nirvana - Lazy
Zenburn In Grays - Nirvana - Sugar Paper
Zenburn In Grays - Warm - Asphalt
Zenburn In Grays - Warm - Eggplant
Zenburn In Grays - Warm - Lazy
Zenburn In Grays - Warm - Sugar Paper
Zenburn In Grays - Warm Low Blue - Asphalt
Zenburn In Grays - Warm Low Blue - Eggplant
Zenburn In Grays - Warm Low Blue - Lazy
Zenburn In Grays - Warm Low Blue - Sugar Paper
All my Themes
All my Themes on Marketplace.
Zenburn Cold Gray is now a subset of
Zenburn in Grays. I suggest moving on to the fuller
Zenburn in Grays.
Zenburn tokenColors are based on
Zenburn VSCode porting by Ryan Olson (Zenburn Theme by Ryan Olson).
Themes Zenburn based
Zenburn variants derives from the combination of Eclipse
Zenburn Theme and Eclipse
These variants has a dark gray cold/flat/warm backgrounds (based on the theme you installed), desaturated token colors (for code) and experimental Nirvana (Low Blue Light only on token colors) and Low Blue Light (applied to all main set of skins and token colors) with some exceptions:
- some icons cannot seems to be filtered;
- images in extensions README.md and in image viewer cannot be filtered.
About my PHP Script
VSCode Theme Master
Zenburn Cold Gray prototype was initially a manual editing of the VSCode settings and some tokens, based on the
Zenburn theme porting from Eclipse IDE (see below the thanks, to the paragraph
Gratitude) in conjunction with the background of the DevStyle extension for Eclipse IDE.
Realizing that, to optimize some aspects of the theme, I would have had to evaluate an infinite series of colors, I decided that I would have done first to build mathematical functions for optimizing and correcting saturation / brightness / color / transparency / contrast of configurations already consolidated.
Specifically, I created VSCode Theme Master in PHP (localhost script, not distributed) that allows you to set the basic colors of the skin, on which they are calculated, with a parametric and configurable reference system for each variant, all the others interface colors, applying, at the same time, tonal variations both on the interface and on the colors of the tokens.
My personal need to optimize the colors of the VScode interface to make it uniform to the Eclipse IDE interface (Zenburn + DevStyle), has led me to notice that, despite almost all my monitors are from the same manufacturer and despite having selected the temperature color on the
sRGB standard (which therefore has brightness, contrast and range set to specific values), the visual impact, on the same theme variant, is different: more saturated and warm on some and more cold and desaturated on others .
VSCode Theme Master allows me to build all the files necessary for the publication of the theme and, for this reason, it was easy (but not so easy) for me to test and distribute single themes with many color variations of the UI and tonal variations of the tokens for the code, to try to standardize the display between monitors with "different"
sRGB representations (for example: using a cold theme on monitors with a tendency to warm colors and vice versa, or a flat theme that, in some cases, seems to be the correct compromise between extremes).
Zenburn based Themes
Many thanks to Ryan Olson, for his VSCode Zenburn porting, of which this variant is 99.999% composed, and to Zenburn for his fantastic theme.