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#16130F
  • editor.foreground#A39A90
  • editor.lineHighlightBackground#5A504755
  • editor.selectionBackground#433B32
  • editorCursor.foreground#A39A90
  • editorWhitespace.foreground#5A5047

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#A39A90
variable.parameter.function#A39A90
comment, punctuation.definition.comment#5A5047
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#A39A90
none#A39A90
keyword.operator#A39A90
keyword#82576D
variable#826D57
entity.name.function, meta.require, support.function.any-method#6D5782
support.class, entity.name.class, entity.name.type.class#6D8257
meta.class#DBD6D1
keyword.other.special-method#6D5782
storage#82576D
support.function#576D82
string, constant.other.symbol, entity.other.inherited-class#57826D
constant.numeric#828257
none#828257
none#828257
constant#828257
entity.name.tag#826D57
entity.other.attribute-name#828257
entity.other.attribute-name.id, punctuation.definition.entity#6D5782
meta.selector#82576D
none#828257
markup.heading punctuation.definition.heading, entity.name.section#6D5782
keyword.other.unit#828257
markup.bold, punctuation.definition.bold#6D8257bold
markup.italic, punctuation.definition.italic#82576Ditalic
markup.raw.inline#57826D
string.other.link, punctuation.definition.string.end.markdown#826D57
meta.link#828257
markup.list#826D57
markup.quote#828257
meta.separator#A39A90
markup.inserted#57826D
markup.deleted#826D57
markup.changed#82576D
constant.other.color#576D82
string.regexp#576D82
constant.character.escape#576D82
punctuation.section.embedded, variable.interpolation#82576D
invalid.illegal#DBD6D1
invalid.broken#16130F
invalid.deprecated#DBD6D1
invalid.unimplemented#DBD6D1

Shiki preview

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

Loading...