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.

  • button.background#d7ccc820
  • descriptionForeground#7a685d
  • editor.background#fbf8f5
  • editor.foreground#5d4037
  • editor.lineHighlightBackground#f5e9e4
  • editor.selectionBackground#e3d8c660
  • editor.selectionHighlightBackground#e3d8c640
  • editorCursor.foreground#8d6e63
  • errorForeground#b34d4a
  • focusBorder#c4b5a8
  • foreground#5d4037
  • infoForeground#6a8c8c
  • sideBar.background#f5efe9
  • statusBar.background#eee6e1
  • textLink.foreground#8d6e63
  • warningForeground#a8814e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#9e8e82italic
punctuation#7a685d
delimiter#8d6e63
variable#5d4037
variable.parameter#6d4c41italic
variable.other.property#7a5c4b
entity.name.function#8d6e63bold
support.function#6a8c8c
keyword#7a5c4bbold
keyword.control#8d6e63
storage#9c6e34
entity.name.type#6d4c41italic
support.type#8d6e63
string#6d4c41
string.quoted.single#7a5c4b
string.regexp#a8814e
constant.numeric#9e8e82
constant.language#8d6e63
constant.character.escape#a8814e
entity.name.class#5d4037bold
entity.other.inherited-class#6d4c41
entity.name.tag#7a5c4bbold
entity.other.attribute-name#8d6e63
meta.import#6a8c8c
markup.heading#5d4037bold
markup.list#8d6e63