Please do not rely only on the preview images of this theme (they are of average quality), but try it. Especially if you work at night and for many hours, almost certainly, among all my skins, you will find the colors suitable to avoid eye strain.
Tip: the display name of theme is as follow: the first part (e.g.: Zenburn) is token colors name, the second (e.g.: Dark Matter) is the main related colors structure, the third (e.g.: Nadir) part of name is the background suite and UI main colors, last part (e.g.: Viserion) is simply the representation name for main foreground/highlights color.
Table of contents
- Zenburn token colors based skins
- Zenburn Dark Matter Preview Gallery
- Free Fonts for coding
- All my Themes
- Latest Changelog for Zenburn Dark Matter Theme
- About Token Colors
- About my PHP Script VSCode Themes Master
- Gratitude
- License
Zenburn token colors based skins
All the skins shown below are part of a suite designed to try to reduce visual fatigue while using Visual Studio Code.
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: The skins are quite similar but you can find the right color intensity based on the sRGB representation of your monitor and the sensitivity of your eyes to certain frequencies.
Tip 2: If you like code version control and want to add PHPDoc / JSDoc (Documentor) data to your functions, try Version Boss! Version Boss is a free extension that simplifies versioning of scripting files. Download it at Marketplace.
Zenburn Dark Matter Preview Gallery
Anthracite (1 skin): Anthracite Gray Background and Cold, Desatured Token Colors
Cold (13 skins): Cold Gray Background and Cold Token Colors
Deep Sea (5 skins): Deep blue flat UI and Desatured Token Colors
EclipseDS (6 skins): Eclipse DevStyle Gray Background and Desatured Token Colors
Equinox (10 skins): Dark Night UI and Desatured Token Colors
Flat (13 skins): Flat Gray Background and Default Token Colos
Insomnia (9 skins): Flat Grayed UI and Satured Token Colors
Low Blue (1 skin): Low Blue Light on UI and Token Colors
Midnight (2 skins): Midnight Blue Background and Cold, Desatured Token Colors (Telegram X Midnight Theme)
Nadir (14 skins): Flat Grayed UI and Desatured Token Colors
Nirvana (11 skins): Low Blue Light only on Token Colors
Warm (13 skins): Warm Gray Background and Warm Token Colors
Free Fonts for coding
The settings for the following fonts are correctly tested on a 24" monitor FullHD and 32" Monitor QHD. The indicated sizes are the minimum to obtain a clear display of the fonts.
Tip 1: Readability rating is based on the readability of the font to the size of 10px: the fonts with rating 5.0 have these characteristics, the other evaluations indicate that the font is readable at a size greater than 10px but that they occupy more space and, consequently you have fewer rows and columns per screen page. Some fonts at the size of 12px can have rating 4.5 / 5.0 because they occupy same visual space to the size of 10px of other fonts present in the selection with rating 5.0: anyway, at the right size (12px-14px), all fonts readability rating is 5.0/5.0.
Tip 2: Some fonts Weight property start from 300 / 400 / 500: values below these values has no effect. Others, instead, start from 100 but can be thiny and unreadable below size 12pt. Note: the Weight value is the minimum value for readability, at the indicated size, on my monitor: you can find other setting more comfortable for your eyes.
Tip 3: When you go to download page you can find different variants of the same font but with same font name (e.g. version with different line-height or letter "k" with no loop): you cannot install all font variants because they have same font name in font manager: when you install a font variant, the previous font variant will be overwritten.
Tip 4: if available, install the fonts in OTF format.
Fonts Comparative Table and Downloads
Click on the name of font to download, and the script icon to go to optimal settings to copy/paste in your Settings.ini.
Tip 1: The indicated fonts often receive updates. I suggest you check every now and then and, if necessary, download the new version.
Fonts data sheet symbols legend
| Sym |
Label |
| 🇦⁃🇿 |
Font Name and Download |
| 🗚 |
Minimum Size recommended for good Readability |
| ⇫ |
Font Line Height Preset |
| ⇼ |
Font Letter Spacing Preset |
| ⇔ |
Font Weight Preset |
| ⇏ |
Font has Ligatures |
| Ø |
Font has Zero Slashed or Zero Dotted |
| Ｔ |
Font is Serif |
| 𝒾 |
Font has Script Variant for Italic |
| 👁 |
Font Readability at Size 10px |
| 🡇 |
Font Download |
| 📃 |
Go to Settings for Font |
Fonts data sheet and Downloads
Optimal Settings
Tip 1: Download the fonts and copy / paste settings below in your Settings.ini.
Tip 2: Fonts with the script variant in italics may have specific settings to add to your Settings.ini: you can find these settings on the font websites or you can accept the default presets in the examples below.
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Anonymous Pro",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "AverageMono",
"editor.fontSize": 12,
"editor.lineHeight": 18,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "B612 Mono",
"editor.fontSize": 10,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "CamingoCode",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Cascadia Code",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Cascadia Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Code New Roman",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Consola Mono",
"editor.fontSize": 12,
"editor.lineHeight": 18,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "CosmicSansNeueMono",
"editor.fontSize": 12,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Courier Prime Code",
"editor.fontSize": 12,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Cousine",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "DaddyTimeMono",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "DejaVu Sans Code",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "DejaVu Sans Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "DejaVu Sans Mono - Bront",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Envy Code R",
"editor.fontSize": 11,
"editor.lineHeight": 14,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Fantasque Sans Mono",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Fira Code",
"editor.fontSize": 10,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Fira Code iScript",
"editor.fontSize": 11,
"editor.lineHeight": 14,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": true,
// Note: these tips are taken
// from the FiraFlott website
// Customization for font
// with Script Variants Italic
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
"comment",
"entity.name.type.class",
"keyword",
"constant",
"storage.modifier",
"storage.type.class.js",
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid",
"keyword.operator",
"constant.numeric.css",
"keyword.other.unit.px.css",
"constant.numeric.decimal.js",
"constant.numeric.json"
],
"settings": {
"fontStyle": ""
}
}
]
},
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Fira Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "FiraFlott",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": true,
// Note: these tips are taken
// from the FiraFlott website
// Customization for font
// with Script Variants Italic
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
"comment",
"entity.name.type.class",
"keyword",
"constant",
"storage.modifier",
"storage.type.class.js",
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid",
"keyword.operator",
"constant.numeric.css",
"keyword.other.unit.px.css",
"constant.numeric.decimal.js",
"constant.numeric.json"
],
"settings": {
"fontStyle": ""
}
}
]
},
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Hack",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Hasklig",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Hermit",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "IBM Plex Mono",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Inconsolata",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.2,
"editor.fontWeight": "300",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Input Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "300",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Input Mono Condensed",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "300",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka",
"editor.fontSize": 13,
"editor.lineHeight": 18,
"editor.letterSpacing": 0.2,
"editor.fontWeight": "300",
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "JetBrains Mono",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Lekton",
"editor.fontSize": 14,
"editor.lineHeight": 18,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Liberation Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "M+ 1m",
"editor.fontSize": 12,
"editor.lineHeight": 18,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Menlo",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Mensch",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Meslo LG M",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Meslo LG S",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Monofur NF",
"editor.fontSize": 14,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Monoid",
"editor.fontSize": 10,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Monoisome",
"editor.fontSize": 10,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Mononoki",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "NK57 Monospace",
"editor.fontSize": 10,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Noto Mono",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Office Code Pro",
"editor.fontSize": 11,
"editor.lineHeight": 14,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Overpass Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "300",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Oxygen Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "PT Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "ProggyVector",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "500",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Roboto Mono",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.letterSpacing": 0.2,
"editor.fontWeight": "400",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Sometype Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "300",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Source Code Pro",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Space Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "400",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Ubuntu Mono - Bront",
"editor.fontSize": 12,
"editor.lineHeight": 15,
"editor.letterSpacing": 0.0,
"editor.fontWeight": "300",
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Victor Mono",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.letterSpacing": 0.4,
"editor.fontWeight": "300",
"editor.fontLigatures": true,
// Note: these tips are taken
// from the FiraFlott website
// Customization for font
// with Script Variants Italic
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
"comment",
"entity.name.type.class",
"keyword",
"constant",
"storage.modifier",
"storage.type.class.js",
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid",
"keyword.operator",
"constant.numeric.css",
"keyword.other.unit.px.css",
"constant.numeric.decimal.js",
"constant.numeric.json"
],
"settings": {
"fontStyle": ""
}
}
]
},
// --- FONT SETTINGS :: END
|
All my Themes
All my Themes on Marketplace.
Latest Changelog for Zenburn Dark Matter Theme
See full Changelog for previous versions.
Note 1: This Changelog is for the whole Dark Matter Suite, not just for this specific Theme.
Note 2: [Development] and [UI Manager] 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.
Version 1.1.151
- [
Theme] Fix some UI and Token colors;
- [
Readme] Added some new fonts, revised some parameters of the existing ones;
- [
Readme] Fix some issue and improved Fonts Data Sheet table readability;
- [
Development] Some code improvements;
- [
Development] Fix for some randomizations of Fake UI;
- [
Development] Added Search to Fake UI Activity Bar and removed from Panel according to VSCode 1.46.00 Insider Preview;
- [
Development] Added Week Days to survey data weekly (count of each week day from publication, downloads in week day from publication, average downloads in week day, peak of the week)
- [
Development] Added Delta (Δ) to get difference between last values and previous values, Week Day of Downloads Peak, Survays Numbers (with previous value stored in Days from Publication) columns to Stats table and fixed value of Days from Publication;
Version 1.1.147
- [
Theme] Added new theme colors for VS Code 1.45.00;
- [
Development] Fixed some visual bugs in Fake UI (Minimap and Indent Guides);
- [
Development] Optimized Stats columns generation;
- [
Development] Added last n (default = 30) surveys downloads trend and column color for Last Interval Survey;
Version 1.1.146
- [
Readme] Fixed some issues in README.md and CHANGELOG.md generation.
About Token Colors
Apophis based
Apophis variants is based on philosophy of Zenburn token colors.
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 (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).
Starting from VSCode Themes Master V. 1.2.40, I can generate themes, not only from TextMate files, but also using the export of token colors from Visual Studio Code in JSON format.
Gratitude
Zenburn based Themes: many thanks to Ryan Olson and Zenburn . You can download the original porting by Ryan Olson, on which the first version of this variant's Token Colors were based, at Marketplace: Zenburn Theme by Ryan Olson.
License
MIT
| |
