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#000000
  • 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#b31e8d
variable#eb008a
entity.name.function, meta.require, support.function.any-method#0e5a94
support.class, entity.name.class, entity.name.type.class#f8ca12
meta.class#ffffff
keyword.other.special-method#0e5a94
storage#b31e8d
support.function#00aabb
string, constant.other.symbol, entity.other.inherited-class#37b349
constant.numeric#f29333
none#f29333
none#f29333
constant#f29333
entity.name.tag#eb008a
entity.other.attribute-name#f29333
entity.other.attribute-name.id, punctuation.definition.entity#0e5a94
meta.selector#b31e8d
none#f29333
markup.heading punctuation.definition.heading, entity.name.section#0e5a94
keyword.other.unit#f29333
markup.bold, punctuation.definition.bold#f8ca12bold
markup.italic, punctuation.definition.italic#b31e8ditalic
markup.raw.inline#37b349
string.other.link, punctuation.definition.string.end.markdown#eb008a
meta.link#f29333
markup.list#eb008a
markup.quote#f29333
meta.separator#d0d0d0
markup.inserted#37b349
markup.deleted#eb008a
markup.changed#b31e8d
constant.other.color#00aabb
string.regexp#00aabb
constant.character.escape#00aabb
punctuation.section.embedded, variable.interpolation#b31e8d
invalid.illegal#ffffff
invalid.broken#000000
invalid.deprecated#ffffff
invalid.unimplemented#ffffff

Shiki preview

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

Loading...