Skip to main content
Coding Theme

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#ffffff
  • editor.foreground#5a5758
  • editor.lineHighlightBackground#959ca155
  • editor.selectionBackground#e7e7e8
  • editorCursor.foreground#5a5758
  • editorWhitespace.foreground#e7e7e8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#5a5758
variable.parameter.function#5a5758
comment, punctuation.definition.comment#959ca1
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#5a5758
none#5a5758
keyword.operator#5a5758
keyword#98005d
variable#ee2e24
entity.name.function, meta.require, support.function.any-method#009ddc
support.class, entity.name.class, entity.name.type.class#f386a1
meta.class#1c3f95
keyword.other.special-method#009ddc
storage#98005d
support.function#85cebc
string, constant.other.symbol, entity.other.inherited-class#00853e
constant.numeric#f386a1
none#f386a1
none#f386a1
constant#f386a1
entity.name.tag#ee2e24
entity.other.attribute-name#f386a1
entity.other.attribute-name.id, punctuation.definition.entity#009ddc
meta.selector#98005d
none#f386a1
markup.heading punctuation.definition.heading, entity.name.section#009ddc
keyword.other.unit#f386a1
markup.bold, punctuation.definition.bold#f386a1bold
markup.italic, punctuation.definition.italic#98005ditalic
markup.raw.inline#00853e
string.other.link#ee2e24
meta.link#f386a1
markup.list#ee2e24
markup.quote#f386a1
meta.separator#5a5758
markup.inserted#00853e
markup.deleted#ee2e24
markup.changed#98005d
constant.other.color#85cebc
string.regexp#85cebc
constant.character.escape#85cebc
punctuation.section.embedded, variable.interpolation#b06110
invalid.illegal#ffffff
invalid.broken#231f20
invalid.deprecated#ffffff
invalid.unimplemented#231f20
Base16 Themes by J. Ryan Stinnett - VS Code Theme