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#f8f1e7
  • activityBar.border#00000015
  • activityBar.foreground#b07a9c
  • activityBar.inactiveForeground#2b232660
  • activityBarBadge.background#b07a9c
  • activityBarBadge.foreground#f8f1e7
  • button.background#b07a9c
  • button.foreground#f8f1e7
  • button.hoverBackground#b07a9cdd
  • editor.background#f8f1e7
  • editor.foreground#2b2326
  • editor.inactiveSelectionBackground#c9adc22580
  • editor.lineHighlightBackground#ede6d750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#c9adc225
  • editorCursor.foreground#b07a9c
  • editorGroupHeader.tabsBackground#ede6d7aa
  • editorLineNumber.activeForeground#b07a9c
  • editorLineNumber.foreground#e5e6e280
  • focusBorder#b07a9c
  • foreground#2b2326
  • input.background#ede6d7
  • input.border#00000015
  • input.foreground#2b2326
  • input.placeholderForeground#2b232660
  • list.activeSelectionBackground#b07a9c30
  • list.activeSelectionForeground#2b2326
  • list.highlightForeground#b07a9c
  • list.hoverBackground#ede6d740
  • list.hoverForeground#2b2326
  • list.inactiveSelectionBackground#b07a9c15
  • list.inactiveSelectionForeground#2b2326
  • selection.background#c9adc225
  • sideBar.background#ede6d7
  • sideBar.border#00000015
  • sideBar.foreground#2b2326
  • sideBarSectionHeader.background#ede6d780
  • sideBarSectionHeader.foreground#2b2326
  • sideBarTitle.foreground#b07a9c
  • statusBar.background#f8f1e7
  • statusBar.border#00000015
  • statusBar.foreground#2b2326
  • statusBar.noFolderBackground#f8f1e7
  • tab.activeBackground#f8f1e7
  • tab.activeBorderTop#b07a9c
  • tab.activeForeground#2b2326
  • tab.border#00000015
  • tab.inactiveBackground#f8f1e760
  • tab.inactiveForeground#2b232680
  • terminal.ansiBlack#2b2326
  • terminal.ansiBlue#c9adc2
  • terminal.ansiCyan#6a7f5b
  • terminal.ansiGreen#b07a9c
  • terminal.ansiMagenta#5b2946
  • terminal.ansiRed#5b2946
  • terminal.ansiWhite#2b2326
  • terminal.ansiYellow#6a7f5b
  • terminal.background#f8f1e7
  • terminal.foreground#2b2326
  • titleBar.activeBackground#f8f1e7
  • titleBar.activeForeground#2b2326
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f8f1e7
  • titleBar.inactiveForeground#2b232660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e5e6e2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#c9adc2bold
storage.type, storage.modifier#c9adc2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#b07a9c
string, punctuation.definition.string, string.template, meta.template.expression#6a7f5b
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#5b2946
variable, variable.other.readwrite, variable.other.object#2b2326
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2b2326
variable.parameter, meta.parameter#2b2326dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2b232680
keyword.operator#2b2326
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6a7f5bbold
entity.other.inherited-class#b07a9c
entity.name.tag, punctuation.definition.tag#c9adc2
entity.other.attribute-name#b07a9c
meta.diff, meta.diff.header#e5e6e2
markup.deleted#5b2946
markup.inserted#b07a9c
markup.changed#6a7f5b
markup.heading, markup.heading.setext, punctuation.definition.heading#b07a9cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6a7f5b
string.other.link.title, string.other.link.description#b07a9c
markup.underline.link#e5e6e2underline
punctuation.definition.list#c9adc2
markup.quote, punctuation.definition.quote#e5e6e2italic