Michael Anhari

Use italics in any VS Code theme

Cursve LED light spelling "hello".

If you want to use italics as seen in one of my favorite themes – Palenight Operator, in any theme then you can define token customizations using textmate rules in your VSCode settings.json:

You can find out how to style something from the command palette (⌘⇧P →Developer: Inspect Editor Token and Scopes) and clicking around in your editor.

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "scope": [
        "comment",
        "emphasis",
        "entity.name.method.js",
        "entity.name.class.js",
        "entity.name.tag.doctype",
        "entity.other.attribute-name",
        "entity.other.attribute-name.tag.jade",
        "entity.other.attribute-name.tag.pug",
        "keyword.control",
        "keyword.operator.comparison",
        "keyword.control.flow.js",
        "keyword.control.flow.ts",
        "keyword.control.flow.tsx",
        "keyword.control.ruby",
        "keyword.control.module.ruby",
        "keyword.control.class.ruby",
        "keyword.control.def.ruby",
        "keyword.control.loop.js",
        "keyword.control.loop.ts",
        "keyword.control.import.js",
        "keyword.control.import.ts",
        "keyword.control.import.tsx",
        "keyword.control.from.js",
        "keyword.control.from.ts",
        "keyword.control.from.tsx",
        "keyword.operator.expression.delete",
        "keyword.operator.new",
        "keyword.operator.expression",
        "keyword.operator.cast",
        "keyword.operator.relational",
        "keyword.operator.sizeof",
        "keyword.operator.logical.python",
        "italic",
        "markup.italic",
        "markup.quote",
        "markup.changed",
        "markup.italic.markdown",
        "markup.quote.markdown",
        "markup.deleted.diff",
        "markup.inserted.diff",
        "meta.delimiter.period",
        "meta.diff.header.git",
        "meta.diff.header.from-file",
        "meta.diff.header.to-file",
        "meta.tag.sgml.doctype",
        "meta.class meta.method.declaration meta.var.expr storage.type.js",
        "meta.decorator punctuation.decorator",
        "meta.selector",
        "punctuation.accessor",
        "punctuation.definition.comment",
        "punctuation.definition.template-expression.begin",
        "punctuation.definition.template-expression.end",
        "quote",
        "support.class.component.js",
        "support.type.property-name.json",
        "source.js constant.other.object.key.js string.unquoted.label.js",
        "storage",
        "storage.type",
        "storage.modifier",
        "storage.type.property.js",
        "storage.type.property.ts",
        "storage.type.property.tsx",
        "tag.decorator.js entity.name.tag.js",
        "tag.decorator.js",
        "text.html.basic entity.other.attribute-name.html",
        "text.html.basic entity.other.attribute-name",
        "variable.language",
        "variable.parameter.js"
      ],
      "settings": {
        "fontStyle": "italic"
      }
    }
  ]
}

Newsletter

I'm working on sending out a weekly newsletter. I'll make it as easy as possible to unsubscribe at any time.