Zenburn Dark Matter
Zenburn token colors based 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: Themes variants are pretty similar but you can find right colour intensity based on your monitor sRGB representation.
Whats's new in Zenburn Dark Matter V. 1.1.94
Note: [Development] sections in Changelog are addressed to the developer to remind him of any important changes that occurred during the writing of the code and do not always concern improvements made to the extension or to the theme.
- [
Themes] Dark Matter suite only: added Anthracite sub-theme, with extra cold gray background;
- [
Themes] Deprecated Zenburn Cold Gray in favor of Zenburn in Grays;
- [
Development] Added function for deprecate old themes that insert deprecation in favor of theme indicated;
- [
Development] Short badge on README.md;
- [
Development] Improved {app_name} UI PHP and JS functions to auto-unselect harmful build options after build theme/extension.
See Changelog for previous versions.
Zenburn Dark Matter Demo
Note: This demo not contains all subset of variants, because the representation of color in GIF format is not completely faithful.
Zenburn Dark Matter variants descriptions:
Cold - Cold Gray Background and Cold Token Colors;Flat - Flat Gray Background and Default Token Colos;Warm - Warm Gray Background and Warm Token Colors;Anthracite - Anthracite Gray Background and Cold, Desatured Token Colors.;Midnight - Midnight Blue Background, inspired by Telegram X Midnight Theme and Cold, Desatured Token Colors;Nirvana - Low Blue Light only on Token Colors;Low Blue - Low Blue Light on Ui and Token Colors.
Zenburn Dark Matter skins:
Zenburn Dark Matter - Anthracite - Komodo;Zenburn Dark Matter - Anthracite - Viserion;Zenburn Dark Matter - Cold - Alcatraz;Zenburn Dark Matter - Cold - Burn;Zenburn Dark Matter - Cold - Elfin;Zenburn Dark Matter - Cold - Klimt;Zenburn Dark Matter - Cold - Komodo;Zenburn Dark Matter - Cold - Moai;Zenburn Dark Matter - Cold - Mystic River;Zenburn Dark Matter - Cold - Viserion;Zenburn Dark Matter - Flat - Alcatraz;Zenburn Dark Matter - Flat - Burn;Zenburn Dark Matter - Flat - Elfin;Zenburn Dark Matter - Flat - Klimt;Zenburn Dark Matter - Flat - Komodo;Zenburn Dark Matter - Flat - Moai;Zenburn Dark Matter - Flat - Mystic River;Zenburn Dark Matter - Flat - Viserion;Zenburn Dark Matter - Low Blue - Alcatraz;Zenburn Dark Matter - Low Blue - Burn;Zenburn Dark Matter - Low Blue - Moai;Zenburn Dark Matter - Midnight - Klimt;Zenburn Dark Matter - Midnight - Komodo;Zenburn Dark Matter - Midnight - Mystic River;Zenburn Dark Matter - Midnight - Viserion;Zenburn Dark Matter - Nirvana - Alcatraz;Zenburn Dark Matter - Nirvana - Burn;Zenburn Dark Matter - Nirvana - Elfin;Zenburn Dark Matter - Nirvana - Klimt;Zenburn Dark Matter - Nirvana - Komodo;Zenburn Dark Matter - Nirvana - Moai;Zenburn Dark Matter - Nirvana - Mystic River;Zenburn Dark Matter - Nirvana - Viserion;Zenburn Dark Matter - Warm - Alcatraz;Zenburn Dark Matter - Warm - Burn;Zenburn Dark Matter - Warm - Elfin;Zenburn Dark Matter - Warm - Klimt;Zenburn Dark Matter - Warm - Komodo;Zenburn Dark Matter - Warm - Moai;Zenburn Dark Matter - Warm - Mystic River;Zenburn Dark Matter - Warm - Viserion.
All my Themes
All my Themes on Marketplace.
Note
About Themes
Themes Zenburn based
Zenburn variants derives from the combination of Eclipse Zenburn Theme and Eclipse DevStyle Extension.
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 Themes Master
The 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 Themes 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 Themes 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).
Gratitude
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.
License
MIT
