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#7a6a4a
  • activityBar.border#ffffff15
  • activityBar.foreground#ffd11a
  • activityBar.inactiveForeground#fffbea60
  • activityBarBadge.background#ffd11a
  • activityBarBadge.foreground#7a6a4a
  • button.background#ffd11a
  • button.foreground#7a6a4a
  • button.hoverBackground#ffd11add
  • editor.background#7a6a4a
  • editor.foreground#fffbea
  • editor.inactiveSelectionBackground#ffc84d3580
  • editor.lineHighlightBackground#1a241640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ffc84d35
  • editorCursor.foreground#ffd11a
  • editorGroupHeader.tabsBackground#7a6a4add
  • editorLineNumber.activeForeground#ffd11a
  • editorLineNumber.foreground#fff8e680
  • focusBorder#ffd11a
  • foreground#fffbea
  • input.background#1a2416
  • input.border#ffffff15
  • input.foreground#fffbea
  • input.placeholderForeground#fffbea60
  • list.activeSelectionBackground#ffd11a30
  • list.activeSelectionForeground#fffbea
  • list.highlightForeground#ffd11a
  • list.hoverBackground#1a241640
  • list.hoverForeground#fffbea
  • list.inactiveSelectionBackground#ffd11a15
  • list.inactiveSelectionForeground#fffbea
  • selection.background#ffc84d35
  • sideBar.background#1a2416
  • sideBar.border#ffffff15
  • sideBar.foreground#fffbea
  • sideBarSectionHeader.background#7a6a4a80
  • sideBarSectionHeader.foreground#fffbea
  • sideBarTitle.foreground#ffd11a
  • statusBar.background#7a6a4a
  • statusBar.border#ffffff15
  • statusBar.foreground#fffbea
  • statusBar.noFolderBackground#7a6a4a
  • tab.activeBackground#7a6a4a
  • tab.activeBorderTop#ffd11a
  • tab.activeForeground#fffbea
  • tab.border#ffffff15
  • tab.inactiveBackground#1a241660
  • tab.inactiveForeground#fffbea80
  • terminal.ansiBlack#7a6a4a
  • terminal.ansiBlue#ffc84d
  • terminal.ansiCyan#6fae4a
  • terminal.ansiGreen#ffd11a
  • terminal.ansiMagenta#fff8e6
  • terminal.ansiRed#fff8e6
  • terminal.ansiWhite#fffbea
  • terminal.ansiYellow#6fae4a
  • terminal.background#7a6a4a
  • terminal.foreground#fffbea
  • titleBar.activeBackground#7a6a4a
  • titleBar.activeForeground#fffbea
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#7a6a4a
  • titleBar.inactiveForeground#fffbea60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#fff8e6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ffc84dbold
storage.type, storage.modifier#ffc84ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#ffd11a
string, punctuation.definition.string, string.template, meta.template.expression#6fae4a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#fff8e6
variable, variable.other.readwrite, variable.other.object#fffbea
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fffbea
variable.parameter, meta.parameter#fffbeadditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fffbea80
keyword.operator#fffbea
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6fae4abold
entity.other.inherited-class#ffd11a
entity.name.tag, punctuation.definition.tag#ffc84d
entity.other.attribute-name#ffd11a
meta.diff, meta.diff.header#fff8e6
markup.deleted#fff8e6
markup.inserted#ffd11a
markup.changed#6fae4a
markup.heading, markup.heading.setext, punctuation.definition.heading#ffd11abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6fae4a
string.other.link.title, string.other.link.description#ffd11a
markup.underline.link#fff8e6underline
punctuation.definition.list#ffc84d
markup.quote, punctuation.definition.quote#fff8e6italic