Skip to content

Instantly share code, notes, and snippets.

@gwleuverink
Last active January 31, 2024 21:25
Show Gist options
  • Save gwleuverink/15bce0174d2eafcc55dac7e88ef1b546 to your computer and use it in GitHub Desktop.
Save gwleuverink/15bce0174d2eafcc55dac7e88ef1b546 to your computer and use it in GitHub Desktop.
Make every vscode theme compatible with Operator Mono like fonts
{
/*
|--------------------------------------------------------------------------
| Typography
|
| Variations are specific to my MonoLisa. Check what your font supports
| See the next section for the textmate rules I use
|--------------------------------------------------------------------------
*/
"editor.fontFamily": "MonoLisa",
"terminal.integrated.fontFamily": "MonoLisa",
"editor.fontLigatures": "'calt' on, 'liga' on, 'zero' off, 'ss02' on, 'ss03' on, 'ss06' on, 'ss08' on, 'ss11' on",
"editor.fontVariations": true,
/*
|--------------------------------------------------------------------------
| Textmate rules | Optimize themes for Operator/Dank Mono
|--------------------------------------------------------------------------
*/
"editor.tokenColorCustomizations": {
"[*Light*]": {
"textMateRules": [
{
"scope": "ref.matchtext",
"settings": {
"foreground": "#000"
}
}
]
},
"[*Dark*]": {
"textMateRules": [
{
"scope": "ref.matchtext",
"settings": {
"foreground": "#fff"
}
}
]
},
"textMateRules": [
{
"scope": "meta.embedded.language.js.x-script",
"settings": {
"foreground": "#98c379"
}
},
{
"name": "normalize font style of certain components",
"scope": [
"entity.name.type.namespace",
"entity.other.inherited-class",
"keyboard.control",
"keyword.operator.arithmetic",
"keyword.operator.assignment",
"keyword.operator.bitwise",
"keyword.operator.comparison",
"keyword.operator.expression.in",
"keyword.operator.increment",
"keyword.operator.logical",
"keyword.operator.operator",
"keyword.operator.or.regexp",
"keyword.operator.ternary",
"keyword.operator.type",
"meta.property-list.css meta.property-value.css variable.other.less",
"meta.property-list.sass variable.sass",
"meta.property-list.scss variable.scss",
"meta.tag.js meta.embedded.expression.js punctuation.section.embedded.begin.js",
"meta.tag.js meta.embedded.expression.js punctuation.section.embedded.end.js",
"punctuation.definintion.string",
"punctuation.section.embedded.begin.js.jsx",
"punctuation.section.embedded.end.js.jsx",
"punctuation.section.embedded.js",
"punctuation",
"support.class",
"support.other"
],
"settings": {
"fontStyle": ""
}
},
{
"name": "italicsify for operator mono",
"scope": [
"assignment.coffee",
"comment support.class",
"comment support.other",
"comment",
"constant.language",
"constant.other.color.rgb-value.hex.css",
"constant.other.rgb-value.css",
"entity.name.function.ts",
"entity.name.function.tsx",
"entity.name.tag.custom",
"entity.name.tag.doctype",
"entity.name.tag.yaml",
"entity.name.type.ts",
"entity.other.attribute-name",
"italic",
"keyword.control",
"keyword.operator.expression.typeof",
"keyword.operator.type.annotation",
"keyword.other.unit",
"language",
"meta.export.js variable.other",
"meta.export.ts meta.block.ts variable.other.readwrite.alias.ts",
"meta.export.tsx meta.block.tsx variable.other.readwrite.alias.tsx",
"meta.import.js variable.other",
"meta.import.ts meta.block.ts variable.other.readwrite.alias.ts",
"meta.import.tsx meta.block.tsx variable.other.readwrite.alias.tsx",
"meta.object-literal.key",
"meta.parameter",
"meta.parameters",
"meta.tag.sgml.doctype.html",
"meta.tag.sgml.doctype",
"meta.var.expr storage.type",
"modifier",
"parameter",
"punctuation.section.embedded",
"quote",
"source.js.jsx keyword.control.flow.js",
"storage.type.class",
"storage",
"support.constant.math",
"support.constant.vendored.property-value.css",
"support.function.basic_functions",
"support.function.basic_functions",
"support.type.primitive",
"support.type.property-name.css",
"support.type.property.css",
"support.type.vendored.property-name.css",
"this",
"type .function",
"type.function",
"type.var",
"variable.assignment.coffee",
"variable.language",
"variable.object.property.js",
"variable.object.property.jsx",
"variable.object.property.ts",
"variable.object.property.tsx",
"variable.other.less",
"variable.parameter.url.sass",
"variable.parameter.url.scss",
"variable.parameter",
"variable.sass",
"variable.scss"
],
"settings": {
"fontStyle": "italic"
}
}
]
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment