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.

  • activityBar.background#dedede
  • activityBar.foreground#4a4543
  • activityBarBadge.background#949494
  • button.background#949494
  • button.foreground#4a4543
  • dropdown.background#dedede
  • dropdown.foreground#4a4543
  • editor.background#f7f7f7
  • editor.foreground#4a4543
  • editor.lineHighlightBackground#807d7c55
  • editor.selectionBackground#d6d5d4
  • editorCursor.foreground#4a4543
  • editorGroup.background#dedede
  • editorGroup.border#4a4543
  • editorGroup.dropBackground#d6d5d4
  • editorGroupHeader.tabsBackground#dedede
  • editorWhitespace.foreground#d6d5d4
  • list.activeSelectionBackground#dedede
  • list.dropBackground#dedede
  • list.focusBackground#dedede
  • list.hoverBackground#dedede
  • list.inactiveSelectionBackground#dedede
  • notification.background#4a4543
  • sideBar.background#f8f8f8
  • sideBarTitle.foreground#4a4543
  • statusBar.background#dedede
  • statusBar.debuggingBackground#949494
  • statusBar.foreground#4a4543
  • statusBar.noFolderBackground#949494
  • statusBarItem.prominentBackground#acacac
  • statusBarItem.prominentHoverBackground#acacac99
  • tab.activeBackground#f2f0ec
  • tab.inactiveBackground#dedede

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#4a4543
variable.parameter.function#4a4543
comment, punctuation.definition.comment#807d7c
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#4a4543
none#4a4543
keyword.operator#4a4543
keyword#a16a94
variable#db2d20
entity.name.function, meta.require, support.function.any-method#01a0e4
support.class, entity.name.class, entity.name.type.class#e8bbd0
meta.class#3a3432
keyword.other.special-method#01a0e4
storage#a16a94
support.function#b5e4f4
string, constant.other.symbol, entity.other.inherited-class#01a252
constant.numeric#e8bbd0
none#e8bbd0
none#e8bbd0
constant#e8bbd0
entity.name.tag#db2d20
entity.other.attribute-name#e8bbd0
entity.other.attribute-name.id, punctuation.definition.entity#01a0e4
meta.selector#a16a94
none#e8bbd0
markup.heading punctuation.definition.heading, entity.name.section#01a0e4
keyword.other.unit#e8bbd0
markup.bold, punctuation.definition.bold#e8bbd0bold
markup.italic, punctuation.definition.italic#a16a94italic
markup.raw.inline#01a252
string.other.link#db2d20
meta.link#e8bbd0
markup.list#db2d20
markup.quote#e8bbd0
meta.separator#4a4543
markup.inserted#01a252
markup.deleted#db2d20
markup.changed#a16a94
constant.other.color#b5e4f4
string.regexp#b5e4f4
constant.character.escape#b5e4f4
punctuation.section.embedded, variable.interpolation#cdab53
invalid.illegal#f7f7f7
invalid.broken#090300
invalid.deprecated#f7f7f7
invalid.unimplemented#090300