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#151515
  • editor.foreground#D0D0D0
  • editor.lineHighlightBackground#50505055
  • editor.selectionBackground#303030
  • editorCursor.foreground#D0D0D0
  • editorWhitespace.foreground#505050

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#D0D0D0
variable.parameter.function#D0D0D0
comment, punctuation.definition.comment#505050
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#D0D0D0
none#D0D0D0
keyword.operator#D0D0D0
keyword#AD00A1
variable#FF0086
entity.name.function, meta.require, support.function.any-method#3777E6
support.class, entity.name.class, entity.name.type.class#ABA800
meta.class#FFFFFF
keyword.other.special-method#3777E6
storage#AD00A1
support.function#1FAAAA
string, constant.other.symbol, entity.other.inherited-class#00C918
constant.numeric#FD8900
none#FD8900
none#FD8900
constant#FD8900
entity.name.tag#FF0086
entity.other.attribute-name#FD8900
entity.other.attribute-name.id, punctuation.definition.entity#3777E6
meta.selector#AD00A1
none#FD8900
markup.heading punctuation.definition.heading, entity.name.section#3777E6
keyword.other.unit#FD8900
markup.bold, punctuation.definition.bold#ABA800bold
markup.italic, punctuation.definition.italic#AD00A1italic
markup.raw.inline#00C918
string.other.link, punctuation.definition.string.end.markdown#FF0086
meta.link#FD8900
markup.list#FF0086
markup.quote#FD8900
meta.separator#D0D0D0
markup.inserted#00C918
markup.deleted#FF0086
markup.changed#AD00A1
constant.other.color#1FAAAA
string.regexp#1FAAAA
constant.character.escape#1FAAAA
punctuation.section.embedded, variable.interpolation#AD00A1
invalid.illegal#FFFFFF
invalid.broken#151515
invalid.deprecated#FFFFFF
invalid.unimplemented#FFFFFF

Shiki preview

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

Loading...