Skip to main content
Coding Theme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#d6d6d6
comment#6272a4
string#eeb375
constant.numeric#be9af0
constant.language#be9af0
constant.character, constant.other#be9af0
variable
variable.other.readwrite.instance#e2eb86
constant.character.escaped, constant.character.escape, string source, string source.ruby#e289bc
keyword#e289bc
storage#e289bc
storage.type#78bae0italic
entity.name.class#80d394underline
entity.other.inherited-class#80d394italic underline
entity.name.function#80d394
variable.parameter#e2eb86italic
entity.name.tag#e289bc
entity.other.attribute-name#80d394
support.function#78bae0
support.constant#6be5fd
support.type, support.class#66d9ef italic
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json#CFCFC2
meta.diff, meta.diff.header#6272a4
markup.deleted#e289bc
markup.inserted#80d394
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#be9af0
entity.name.filename#E6DB74
message.error#F83333
punctuation.definition.string.begin.json - meta.structure.dictionary.value.json, punctuation.definition.string.end.json - meta.structure.dictionary.value.json#EEEEEE
meta.structure.dictionary.json string.quoted.double.json#78bae0
meta.structure.dictionary.value.json string.quoted.double.json#eeb375
meta meta meta meta meta meta meta.structure.dictionary.value string#80d394
meta meta meta meta meta meta.structure.dictionary.value string#e2eb86
meta meta meta meta meta.structure.dictionary.value string#e289bc
meta meta meta meta.structure.dictionary.value string#be9af0
meta meta meta.structure.dictionary.value string#80d394
meta meta.structure.dictionary.value string#e2eb86

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Dracula Soft Syntax Theme - Coding Theme