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#303518
  • activityBar.border#ffffff15
  • activityBar.foreground#DEE967
  • activityBar.inactiveForeground#f4f1e460
  • activityBarBadge.background#DEE967
  • activityBarBadge.foreground#303518
  • button.background#DEE967
  • button.foreground#303518
  • button.hoverBackground#DEE967dd
  • editor.background#303518
  • editor.foreground#f4f1e4
  • editor.inactiveSelectionBackground#ECBC793580
  • editor.lineHighlightBackground#171D1140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBC7935
  • editorCursor.foreground#DEE967
  • editorGroupHeader.tabsBackground#303518dd
  • editorLineNumber.activeForeground#DEE967
  • editorLineNumber.foreground#b8b58a80
  • focusBorder#DEE967
  • foreground#f4f1e4
  • input.background#171D11
  • input.border#ffffff15
  • input.foreground#f4f1e4
  • input.placeholderForeground#f4f1e460
  • list.activeSelectionBackground#DEE96730
  • list.activeSelectionForeground#f4f1e4
  • list.highlightForeground#DEE967
  • list.hoverBackground#171D1140
  • list.hoverForeground#f4f1e4
  • list.inactiveSelectionBackground#DEE96715
  • list.inactiveSelectionForeground#f4f1e4
  • selection.background#ECBC7935
  • sideBar.background#171D11
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f1e4
  • sideBarSectionHeader.background#30351880
  • sideBarSectionHeader.foreground#f4f1e4
  • sideBarTitle.foreground#DEE967
  • statusBar.background#303518
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f1e4
  • statusBar.noFolderBackground#303518
  • tab.activeBackground#303518
  • tab.activeBorderTop#DEE967
  • tab.activeForeground#f4f1e4
  • tab.border#ffffff15
  • tab.inactiveBackground#171D1160
  • tab.inactiveForeground#f4f1e480
  • terminal.ansiBlack#303518
  • terminal.ansiBlue#ECBC79
  • terminal.ansiCyan#D8E755
  • terminal.ansiGreen#DEE967
  • terminal.ansiMagenta#F1C783
  • terminal.ansiRed#F1C783
  • terminal.ansiWhite#f4f1e4
  • terminal.ansiYellow#D8E755
  • terminal.background#303518
  • terminal.foreground#f4f1e4
  • titleBar.activeBackground#303518
  • titleBar.activeForeground#f4f1e4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#303518
  • titleBar.inactiveForeground#f4f1e460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b8b58aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBC79bold
storage.type, storage.modifier#ECBC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#DEE967
string, punctuation.definition.string, string.template, meta.template.expression#D8E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C783
variable, variable.other.readwrite, variable.other.object#f4f1e4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f1e4
variable.parameter, meta.parameter#f4f1e4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f1e480
keyword.operator#f4f1e4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D8E755bold
entity.other.inherited-class#DEE967
entity.name.tag, punctuation.definition.tag#ECBC79
entity.other.attribute-name#DEE967
meta.diff, meta.diff.header#b8b58a
markup.deleted#F1C783
markup.inserted#DEE967
markup.changed#D8E755
markup.heading, markup.heading.setext, punctuation.definition.heading#DEE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D8E755
string.other.link.title, string.other.link.description#DEE967
markup.underline.link#b8b58aunderline
punctuation.definition.list#ECBC79
markup.quote, punctuation.definition.quote#b8b58aitalic