Deep Dark Space
Recommended Settings
"editor.guides.bracketPairs": "active",
"editor.bracketPairColorization.enabled": false
HTML / CSS
![HTML_CSS](https://github.com/smpl-ndrw/deep-dark-space/raw/HEAD/images/HTML_CSS.png)
JavaScript / TypeScript
![JavaScript_TypeScript](https://github.com/smpl-ndrw/deep-dark-space/raw/HEAD/images/JS_TS.png)
C / C++
![C_C++](https://github.com/smpl-ndrw/deep-dark-space/raw/HEAD/images/C_C++.png)
Clojure / C#
![Clojure_C#](https://github.com/smpl-ndrw/deep-dark-space/raw/HEAD/images/CLOJURE_CS.png)
Dart / Go
![Dart_Go](https://github.com/smpl-ndrw/deep-dark-space/raw/HEAD/images/DART_GO.png)
Java / Swift
![Java_Swift](https://github.com/smpl-ndrw/deep-dark-space/raw/HEAD/images/JAVA_SWIFT.png)
PHP / Python
![PHP_Python](https://github.com/smpl-ndrw/deep-dark-space/raw/HEAD/images/PHP_PYTHON.png)
Ruby / Rust
![Ruby_Rust](https://github.com/smpl-ndrw/deep-dark-space/raw/HEAD/images/RUBY_RUST.png)
Markdown / JSON
![Markdown_JSON](https://github.com/smpl-ndrw/deep-dark-space/raw/HEAD/images/MARKDOWN_JSON.png)
"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]": {
"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]": {
"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]": {
"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]": {
"textMateRules": [
{
"scope": [
"storage.type.function",
"storage.type.interface",
"storage.type.class",
"storage.type.type"
"storage.type", // let, const + function, interface, class, type
],
"settings": {
"fontStyle": ""
}
}
]
}
}
- 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]": {
"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.