DEEP DARK SPACE
BLACK MOON MODE ADDED
Recommended Settings
"editor.guides.bracketPairs": "active",
"editor.bracketPairColorization.enabled": false
HTML / CSS
JavaScript / TypeScript
C / C++
Clojure / C#
Dart / Go
Java / Swift
PHP / Python
Ruby / Rust
Markdown / JSON
"fontStyle": "italic"
- If you want all your code to be italicized, like on my screenshots, add these settings to your settings.json file.
"editor.tokenColorCustomizations": {
"[Deep Dark Space], [Deep Dark Space - Black Moon]": {
"textMateRules": [
{
"scope": [
"source",
"text.html",
"entity.other.attribute-name.class.css",
"entity.other.attribute-name.id.css"
],
"settings": {
"fontStyle": "italic"
}
}
]
}
}
- If you want to italicize only the strings, keywords, functions, variables, numbers or types, add these settings to your settings.json file.
For example, let's italicize only the keywords:
"editor.tokenColorCustomizations": {
"[Deep Dark Space], [Deep Dark Space - Black Moon]": {
"keywords": {
"fontStyle": "italic"
}
}
}
- If you want to italicize only the words - true, false, undefined or null, add these settings to your settings.json file.
"editor.tokenColorCustomizations": {
"[Deep Dark Space], [Deep Dark Space - Black Moon]": {
"textMateRules": [
{
"scope": [
"constant.language.boolean", // true, false
"constant.language.undefined",
"constant.language.null",
"constant.language" // true, false, undefined, null
],
"settings": {
"fontStyle": "italic"
}
}
]
}
}
Words function, interface, class, type, and let, const are italicized by default. If you want to make them in normal font style, add these settings to your settings.json file.
"editor.tokenColorCustomizations": {
"[Deep Dark Space], [Deep Dark Space - Black Moon]": {
"textMateRules": [
{
"scope": [
"storage.type.function",
"storage.type.interface",
"storage.type.class",
"storage.type.type"
"storage.type", // let, const + function, interface, class, type
],
"settings": {
"fontStyle": ""
}
}
]
}
}
After many updates to the theme, the list of words that are italicized by default has grown a lot. To find out the word's token, use the SCOPE INSPECTOR tool that is built into VS Code.
- If you want to italicize only the class or parameter, add these settings to your settings.json file.
For example, let's italicize only the parameter:
"editor.semanticTokenColorCustomizations": {
"[Deep Dark Space], [Deep Dark Space - Black Moon]": {
"enabled": true,
"rules": {
"parameter": {
"fontStyle": "italic"
}
}
}
},
A more complete LIST of tokens that can be italicized.
But not all fonts look good in italic style. I prefer to use JetBrains Mono or Fira Code.
License
MIT License
I hope you enjoyed my theme.