Skip to main content
CodingTheme

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • editor.background#ffffff
  • editor.lineHighlightBackground#f5f5f5
  • editor.selectionBackground#b9b9b9
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorSuggestWidget.selectedForeground#333333
  • list.activeSelectionBackground#d6ebff
  • list.activeSelectionForeground#333333
  • menu.selectionBackground#d6ebff
  • menu.selectionForeground#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#696969
string#23238E
constant.numeric#8B0000
function.arguments.function-call#000000
delimiter#781F87
constant.language#AC4142
constant.character#AC4142
keyword#871F78
storage.type#871F78
entity.name.type.class#008B8B
entity.other.inherited-class#000000
entity.name.function#008B8B
unicode.quoted#23238E
entity.other.attribute-name#008B8B
support.function#871F78
support.constant#871F78
support.type, support.class#23238E
meta.structure.dictionary.json string.quoted.double.json#23238E
variable.js#000000
storage.type.ts.js#871F78
keyword.js#871F78
property-name.css#000000
variable.jinja#000000
entity.name.tag.block.any.html#0032FF
entity.name.tag.inline.any.html#0032FF
meta.tag.any.html#0032FF
punctuation.definition.tag.begin.html#0032FF
punctuation.definition.tag.end.html#0032FF
entity.other.attribute-name.html#871F78
entity.name.tag.script.html#0032FF
punctuation.definition.tag.html#0032FF
entity.name.tag.structure.any.html#0032FF
entity.other.attribute-name.id.html#871F78
entity.other.django.delimiter.tag#871F78
entity.other.django.delimiter.variable#008B8B
entity.name.function.decorator.python#009900
support.type.python#009900
decorator.arguments.string.function.python#23238E
decorator.arguments.function.python#000000
token.meta.dictionary.key.python#23238E
support.type.exception.python#000000
variable.language.special.self.python#C86464
storage.type.string.python#23238E
storage.modifier.declaration.python#AC4142
python.function.parameter.parameters#000000
punctuation.definition.tag.xml#0032FF
entity.name.tag.localname.xml#0032FF
token.info-token#316BCD
token.warn-token#CD9731
token.error-token#CD3131
token.debug-token#800080

Shiki preview

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

Loading...

Komodo classic by jsnjack - VS Code Theme