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#1d1f21
  • editor.foreground#c5c8c6
  • editor.lineHighlightBackground#282a2e
  • editor.selectionBackground#373b41
  • editorCursor.foreground#c5c8c6
  • editorWhitespace.foreground#62646666

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#c5c8c6
variable.parameter.function#c5c8c6
comment, punctuation.definition.comment#969896
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#c5c8c6
none#c5c8c6
keyword.operator#c5c8c6
keyword#b294bb
variable#cc6666
entity.name.function, meta.require, support.function.any-method#81a2be
support.class, entity.name.class, entity.name.type.class#f0c674
meta.class#ffffff
keyword.other.special-method#81a2be
storage#b294bb
support.function#8abeb7
string, constant.other.symbol, entity.other.inherited-class#b5bd68
constant.numeric#de935f
none#de935f
none#de935f
constant#de935f
entity.name.tag#cc6666
entity.other.attribute-name#de935f
entity.other.attribute-name.id, punctuation.definition.entity#81a2be
meta.selector#b294bb
none#de935f
markup.heading punctuation.definition.heading, entity.name.section#81a2be
keyword.other.unit#de935f
markup.bold, punctuation.definition.bold#f0c674bold
markup.italic, punctuation.definition.italicnormal
markup.raw.inline#b5bd68
string.other.link, punctuation.definition.string.end.markdown#cc6666
meta.link#de935f
markup.list#cc6666
markup.quote#de935f
meta.separator#c5c8c6
markup.inserted#b5bd68
markup.deleted#cc6666
markup.changed#b294bb
constant.other.color#8abeb7
string.regexp#8abeb7
constant.character.escape#8abeb7
punctuation.section.embedded, variable.interpolation#a3685a
invalid.illegal#ffffff
invalid.broken#1d1f21
invalid.deprecated#ffffff
invalid.unimplemented#ffffff

Shiki preview

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

Loading...

Base16 Tomorrow Night by Costas Smaragdakis - VS Code Theme