My Themes
Try all my themes on Marketplace:
From version 1.1.162 I have introduced HCUI version for each sub-theme in Monolith Suite, to attempt to solve problems with low resolution monitors.
Table of Contents
- My Themes
- Latest Changelog for Zenburn Dark Matter Theme
- Zenburn token colors based skins
- Zenburn Dark Matter Preview Gallery
- Free Fonts for coding
- About Token Colors
- About my PHP Script VSCode Themes Master
- Gratitude
- License
Latest Changelog for Zenburn Dark Matter Theme
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.184
- [
Development] Fixed some problems with the README.MD generator in the theme Help.
Version 1.1.163
- [
Theme] Fixed some colors;
- [
Theme] Fixed the HCUI (High Contrast UI) colors.
- [
Development] Improved GitHub commit.
Version 1.1.162
- [
Theme] Introduced the HCUI versions (High Contrast UI) for each sub-theme of Monolith Suite (in Dark Matter Suite will be implemented in next future), for low resolution and/or high contrast monitors that, with the default theme settings, had problems of poor readability due to the transparency applied to the text and to the drop-down menus (thanks Alan Welsh!).
See full Changelog for previous versions.
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 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.
Tip 2: 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 3: 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.
Tip 4: 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.
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.
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: 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.
Note: At the right size, 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.
Tip 5: 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 Weight Preset |
| ⇼ |
Font Letter Spacing Preset |
| ⇏ |
Font has Ligatures |
| 𝒾 |
Font has Script Variant for Italic |
| Ｔ |
Font is Serif |
| Ø |
Font has Zero Slashed or Zero Dotted |
| 👁 |
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": "Andale Mono",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Anonymous Pro",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Antikor Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// 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": "Antikor Text",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// 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": "AverageMono",
"editor.fontSize": 12,
"editor.lineHeight": 18,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "B612 Mono",
"editor.fontSize": 10,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "BPmono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Bitstream Vera Sans Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "CamingoCode",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Cascadia Code",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Cascadia Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Code New Roman",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Consola Mono",
"editor.fontSize": 11,
"editor.lineHeight": 18,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Consolas Ligaturized v2",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Conta Mono",
"editor.fontSize": 12,
"editor.lineHeight": 18,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "CosmicSansNeueMono",
"editor.fontSize": 12,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Courier Prime Code",
"editor.fontSize": 12,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Cousine",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "DM Mono",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "DaddyTimeMono",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Dank Mono",
"editor.fontSize": 12,
"editor.lineHeight": 18,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "DejaVu Sans Code",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "DejaVu Sans Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "DejaVu Sans Mono - Bront",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
Notes
DejaVu Sans Mono - Bront: Tweaked `DejaVu Sans Mono` and `Ubuntu Mono`
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Droid Sans Mono",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Envy Code R",
"editor.fontSize": 11,
"editor.lineHeight": 14,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Fantasque Sans Mono",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Fira Code",
"editor.fontSize": 10,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Fira Code iScript",
"editor.fontSize": 11,
"editor.lineHeight": 14,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"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
Notes
Fira Code iScript: Fira Code iScript = Fira Code + Script12 Fonts
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Fira Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "FiraFlott",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"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
Notes
FiraFlott: FiraFlott = Fira Code + FlottFlot Fonts
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Gintronic",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.fontWeight": 300,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Hack",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Hasklig",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Hasklig: Fork of `Source Code Pro`
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Hermit",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "IBM Plex Mono",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Inconsolata",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 300,
"editor.letterSpacing": 0.2,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Inconsolata-g",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 300,
"editor.letterSpacing": 0.2,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Input Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 300,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Input Mono Condensed",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 300,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka: Monospace, Default - Many version of this font by Key Shape, Spacing and Ligatures, Styles
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka Curly",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka Curly: Monospace, Curly.
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka Curly Slab",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka Curly Slab: Monospace, Curly Slab
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS01",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS01: Monospace, Andale Mono Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS02",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS02: Monospace, Anonymous Pro Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS03",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS03: Monospace, Consolas Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS04",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS04: Monospace, Menlo Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS05",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS05: Monospace, Fira Mono Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS06",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS06: Monospace, Liberation Mono Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS07",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS07: Monospace, Monaco Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS08",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS08: Monospace, Pragmata Pro Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS09",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS09: Monospace, Source Code Pro Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS10",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS10: Monospace, Envy Code R Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS11",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS11: Monospace, X Windows Fixed Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS12",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS12: Monospace, Ubuntu Mono Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS13",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS13: Monospace, Lucida Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka SS14",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka SS14: Monospace, JetBrains Mono Style
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Iosevka Slab",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Iosevka Slab: Monospace, Slab
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "JetBrains Mono",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "KawKab Mono",
"editor.fontSize": 9,
"editor.lineHeight": 14,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Lekton",
"editor.fontSize": 14,
"editor.lineHeight": 18,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Liberation Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Liga Monego",
"editor.fontSize": 10,
"editor.lineHeight": 18,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Liga Monego: Monego with Ligatures
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Lilex",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Luculent",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "M+ 1m",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "M+ 2m",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Menlo",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Mensch",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
Notes
Mensch: `Menlo` Tweaked
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Meslo LG M",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Meslo LG S",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
Notes
Meslo LG S: (Meslo LG) S / M / L are the line gap variants in vertical spacing.
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Metrickal",
"editor.fontSize": 10,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Monaco",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Monego",
"editor.fontSize": 10,
"editor.lineHeight": 18,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Monego Nerd Font",
"editor.fontSize": 10,
"editor.lineHeight": 18,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Monego Nerd Font: Monego with Ligatures
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Monofur NF",
"editor.fontSize": 14,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Monofur NF: `Monofur Nerd Font`: Mono and with font-ligatures versions have the same name
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Monoid",
"editor.fontSize": 10,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Monoisome",
"editor.fontSize": 10,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
Notes
Monoisome: Monoisome = Monoid + Font Awesome
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Mononoki",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "NK57 Monospace",
"editor.fontSize": 10,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "NanumGothicCoding",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.5,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Nimbus Mono",
"editor.fontSize": 13,
"editor.lineHeight": 16,
"editor.fontWeight": 300,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "NotCourier",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Noto Mono",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Office Code Pro",
"editor.fontSize": 11,
"editor.lineHeight": 14,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
Notes
Office Code Pro: Fork of `Source Code Pro`
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Operator Mono Lig",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.3,
"editor.fontLigatures": true,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Overpass Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 300,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Oxygen Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "PT Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "ProggyVector",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Roboto Mono",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.2,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "SF Mono",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Sometype Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 300,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Source Code Pro",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Space Mono",
"editor.fontSize": 11,
"editor.lineHeight": 15,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Sudo",
"editor.fontSize": 14,
"editor.lineHeight": 16,
"editor.fontWeight": 400,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Ubuntu Mono",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.fontWeight": 300,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
Notes
Ubuntu Mono: Tweaked `DejaVu Sans Mono` and `Ubuntu Mono`
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Ubuntu Mono - Bront",
"editor.fontSize": 12,
"editor.lineHeight": 16,
"editor.fontWeight": 300,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
Notes
Ubuntu Mono - Bront: Tweaked `DejaVu Sans Mono` and `Ubuntu Mono`
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "Victor Mono",
"editor.fontSize": 11,
"editor.lineHeight": 16,
"editor.fontWeight": 300,
"editor.letterSpacing": 0.4,
"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": "Whois mono",
"editor.fontSize": 13,
"editor.lineHeight": 17,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.3,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
|
// --- FONT SETTINGS :: BEGIN
"editor.fontFamily": "iA Writer Mono S",
"editor.fontSize": 10,
"editor.lineHeight": 14,
"editor.fontWeight": 500,
"editor.letterSpacing": 0.0,
"editor.fontLigatures": false,
// --- FONT SETTINGS :: END
| |
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
| |
