aliahadmd / deep-dark-space

Color theme for VS Code.

Deep Dark Space

Recommended Settings

"editor.guides.bracketPairs": "active",
"editor.bracketPairColorization.enabled": false

HTML

CSS

JavaScript

TypeScript

C

C++

Clojure

C#

Dart

Go

Java

Markdown

PHP

Python

Ruby

Rust

Swift

YAML

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]": {
    "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]": {
    "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]": {
    "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, 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": ""
        }
      }
    ]
  }
}

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]": {
    "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.