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#252D25
  • activityBar.border#ffffff15
  • activityBar.foreground#BCE967
  • activityBar.inactiveForeground#FAFAF460
  • activityBarBadge.background#BCE967
  • activityBarBadge.foreground#252D25
  • button.background#BCE967
  • button.foreground#252D25
  • button.hoverBackground#BCE967dd
  • editor.background#252D25
  • editor.foreground#FAFAF4
  • editor.inactiveSelectionBackground#ECC6793580
  • editor.lineHighlightBackground#1E261C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC67935
  • editorCursor.foreground#BCE967
  • editorGroupHeader.tabsBackground#252D25dd
  • editorLineNumber.activeForeground#BCE967
  • editorLineNumber.foreground#B8AD9880
  • focusBorder#BCE967
  • foreground#FAFAF4
  • input.background#1E261C
  • input.border#ffffff15
  • input.foreground#FAFAF4
  • input.placeholderForeground#FAFAF460
  • list.activeSelectionBackground#BCE96730
  • list.activeSelectionForeground#FAFAF4
  • list.highlightForeground#BCE967
  • list.hoverBackground#1E261C40
  • list.hoverForeground#FAFAF4
  • list.inactiveSelectionBackground#BCE96715
  • list.inactiveSelectionForeground#FAFAF4
  • selection.background#ECC67935
  • sideBar.background#1E261C
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAF4
  • sideBarSectionHeader.background#252D2580
  • sideBarSectionHeader.foreground#FAFAF4
  • sideBarTitle.foreground#BCE967
  • statusBar.background#252D25
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAF4
  • statusBar.noFolderBackground#252D25
  • tab.activeBackground#252D25
  • tab.activeBorderTop#BCE967
  • tab.activeForeground#FAFAF4
  • tab.border#ffffff15
  • tab.inactiveBackground#1E261C60
  • tab.inactiveForeground#FAFAF480
  • terminal.ansiBlack#252D25
  • terminal.ansiBlue#ECC679
  • terminal.ansiCyan#E7BB55
  • terminal.ansiGreen#BCE967
  • terminal.ansiMagenta#F1C983
  • terminal.ansiRed#F1C983
  • terminal.ansiWhite#FAFAF4
  • terminal.ansiYellow#E7BB55
  • terminal.background#252D25
  • terminal.foreground#FAFAF4
  • titleBar.activeBackground#252D25
  • titleBar.activeForeground#FAFAF4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#252D25
  • titleBar.inactiveForeground#FAFAF460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B8AD98italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC679bold
storage.type, storage.modifier#ECC679italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#BCE967
string, punctuation.definition.string, string.template, meta.template.expression#E7BB55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C983
variable, variable.other.readwrite, variable.other.object#FAFAF4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFAF4
variable.parameter, meta.parameter#FAFAF4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFAF480
keyword.operator#FAFAF4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7BB55bold
entity.other.inherited-class#BCE967
entity.name.tag, punctuation.definition.tag#ECC679
entity.other.attribute-name#BCE967
meta.diff, meta.diff.header#B8AD98
markup.deleted#F1C983
markup.inserted#BCE967
markup.changed#E7BB55
markup.heading, markup.heading.setext, punctuation.definition.heading#BCE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BB55
string.other.link.title, string.other.link.description#BCE967
markup.underline.link#B8AD98underline
punctuation.definition.list#ECC679
markup.quote, punctuation.definition.quote#B8AD98italic