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#FAFBF9
  • activityBar.border#00000015
  • activityBar.foreground#7F9325
  • activityBar.inactiveForeground#2C2F2B60
  • activityBarBadge.background#7F9325
  • activityBarBadge.foreground#FAFBF9
  • button.background#7F9325
  • button.foreground#FAFBF9
  • button.hoverBackground#7F9325dd
  • editor.background#FAFBF9
  • editor.foreground#2C2F2B
  • editor.inactiveSelectionBackground#6483212580
  • editor.lineHighlightBackground#DDDDD950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#64832125
  • editorCursor.foreground#7F9325
  • editorGroupHeader.tabsBackground#DDDDD9aa
  • editorLineNumber.activeForeground#7F9325
  • editorLineNumber.foreground#B7B9B380
  • focusBorder#7F9325
  • foreground#2C2F2B
  • input.background#DDDDD9
  • input.border#00000015
  • input.foreground#2C2F2B
  • input.placeholderForeground#2C2F2B60
  • list.activeSelectionBackground#7F932530
  • list.activeSelectionForeground#2C2F2B
  • list.highlightForeground#7F9325
  • list.hoverBackground#DDDDD940
  • list.hoverForeground#2C2F2B
  • list.inactiveSelectionBackground#7F932515
  • list.inactiveSelectionForeground#2C2F2B
  • selection.background#64832125
  • sideBar.background#DDDDD9
  • sideBar.border#00000015
  • sideBar.foreground#2C2F2B
  • sideBarSectionHeader.background#DDDDD980
  • sideBarSectionHeader.foreground#2C2F2B
  • sideBarTitle.foreground#7F9325
  • statusBar.background#FAFBF9
  • statusBar.border#00000015
  • statusBar.foreground#2C2F2B
  • statusBar.noFolderBackground#FAFBF9
  • tab.activeBackground#FAFBF9
  • tab.activeBorderTop#7F9325
  • tab.activeForeground#2C2F2B
  • tab.border#00000015
  • tab.inactiveBackground#FAFBF960
  • tab.inactiveForeground#2C2F2B80
  • terminal.ansiBlack#2C2F2B
  • terminal.ansiBlue#648321
  • terminal.ansiCyan#6CA329
  • terminal.ansiGreen#7F9325
  • terminal.ansiMagenta#763919
  • terminal.ansiRed#763919
  • terminal.ansiWhite#2C2F2B
  • terminal.ansiYellow#6CA329
  • terminal.background#FAFBF9
  • terminal.foreground#2C2F2B
  • titleBar.activeBackground#FAFBF9
  • titleBar.activeForeground#2C2F2B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFBF9
  • titleBar.inactiveForeground#2C2F2B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7B9B3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#648321bold
storage.type, storage.modifier#648321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7F9325
string, punctuation.definition.string, string.template, meta.template.expression#6CA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763919
variable, variable.other.readwrite, variable.other.object#2C2F2B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2C2F2B
variable.parameter, meta.parameter#2C2F2Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2C2F2B80
keyword.operator#2C2F2B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6CA329bold
entity.other.inherited-class#7F9325
entity.name.tag, punctuation.definition.tag#648321
entity.other.attribute-name#7F9325
meta.diff, meta.diff.header#B7B9B3
markup.deleted#763919
markup.inserted#7F9325
markup.changed#6CA329
markup.heading, markup.heading.setext, punctuation.definition.heading#7F9325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6CA329
string.other.link.title, string.other.link.description#7F9325
markup.underline.link#B7B9B3underline
punctuation.definition.list#648321
markup.quote, punctuation.definition.quote#B7B9B3italic