Skip to main content
CodingTheme

Color themes

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#1C2023
  • editor.foreground#C7CCD1
  • editor.lineHighlightBackground#747C8455
  • editor.selectionBackground#565E65
  • editorCursor.foreground#C7CCD1
  • editorWhitespace.foreground#747C84

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#C7CCD1
variable.parameter.function#C7CCD1
comment, punctuation.definition.comment#747C84
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#C7CCD1
none#C7CCD1
keyword.operator#C7CCD1
keyword#C795AE
variable#C7AE95
entity.name.function, meta.require, support.function.any-method#AE95C7
support.class, entity.name.class, entity.name.type.class#AEC795
meta.class#F3F4F5
keyword.other.special-method#AE95C7
storage#C795AE
support.function#95AEC7
string, constant.other.symbol, entity.other.inherited-class#95C7AE
constant.numeric#C7C795
none#C7C795
none#C7C795
constant#C7C795
entity.name.tag#C7AE95
entity.other.attribute-name#C7C795
entity.other.attribute-name.id, punctuation.definition.entity#AE95C7
meta.selector#C795AE
none#C7C795
markup.heading punctuation.definition.heading, entity.name.section#AE95C7
keyword.other.unit#C7C795
markup.bold, punctuation.definition.bold#AEC795bold
markup.italic, punctuation.definition.italic#C795AEitalic
markup.raw.inline#95C7AE
string.other.link, punctuation.definition.string.end.markdown#C7AE95
meta.link#C7C795
markup.list#C7AE95
markup.quote#C7C795
meta.separator#C7CCD1
markup.inserted#95C7AE
markup.deleted#C7AE95
markup.changed#C795AE
constant.other.color#95AEC7
string.regexp#95AEC7
constant.character.escape#95AEC7
punctuation.section.embedded, variable.interpolation#C795AE
invalid.illegal#F3F4F5
invalid.broken#1C2023
invalid.deprecated#F3F4F5
invalid.unimplemented#F3F4F5

Shiki preview

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

Loading...