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"

1. 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"
        }
      }
    ]
  }
}

2. 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"
    }
  }
}

3. 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.

4. 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.