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#FDFCF7
  • activityBar.border#00000015
  • activityBar.foreground#6E9325
  • activityBar.inactiveForeground#17200660
  • activityBarBadge.background#6E9325
  • activityBarBadge.foreground#FDFCF7
  • button.background#6E9325
  • button.foreground#FDFCF7
  • button.hoverBackground#6E9325dd
  • editor.background#FDFCF7
  • editor.foreground#172006
  • editor.inactiveSelectionBackground#6283212580
  • editor.lineHighlightBackground#FFFFF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#62832125
  • editorCursor.foreground#6E9325
  • editorGroupHeader.tabsBackground#FFFFF0aa
  • editorLineNumber.activeForeground#6E9325
  • editorLineNumber.foreground#E7E1C880
  • focusBorder#6E9325
  • foreground#172006
  • input.background#FFFFF0
  • input.border#00000015
  • input.foreground#172006
  • input.placeholderForeground#17200660
  • list.activeSelectionBackground#6E932530
  • list.activeSelectionForeground#172006
  • list.highlightForeground#6E9325
  • list.hoverBackground#FFFFF040
  • list.hoverForeground#172006
  • list.inactiveSelectionBackground#6E932515
  • list.inactiveSelectionForeground#172006
  • selection.background#62832125
  • sideBar.background#FFFFF0
  • sideBar.border#00000015
  • sideBar.foreground#172006
  • sideBarSectionHeader.background#FFFFF080
  • sideBarSectionHeader.foreground#172006
  • sideBarTitle.foreground#6E9325
  • statusBar.background#FDFCF7
  • statusBar.border#00000015
  • statusBar.foreground#172006
  • statusBar.noFolderBackground#FDFCF7
  • tab.activeBackground#FDFCF7
  • tab.activeBorderTop#6E9325
  • tab.activeForeground#172006
  • tab.border#00000015
  • tab.inactiveBackground#FDFCF760
  • tab.inactiveForeground#17200680
  • terminal.ansiBlack#172006
  • terminal.ansiBlue#628321
  • terminal.ansiCyan#7AA329
  • terminal.ansiGreen#6E9325
  • terminal.ansiMagenta#527619
  • terminal.ansiRed#527619
  • terminal.ansiWhite#172006
  • terminal.ansiYellow#7AA329
  • terminal.background#FDFCF7
  • terminal.foreground#172006
  • titleBar.activeBackground#FDFCF7
  • titleBar.activeForeground#172006
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFCF7
  • titleBar.inactiveForeground#17200660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7E1C8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#628321bold
storage.type, storage.modifier#628321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6E9325
string, punctuation.definition.string, string.template, meta.template.expression#7AA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#527619
variable, variable.other.readwrite, variable.other.object#172006
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#172006
variable.parameter, meta.parameter#172006dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17200680
keyword.operator#172006
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7AA329bold
entity.other.inherited-class#6E9325
entity.name.tag, punctuation.definition.tag#628321
entity.other.attribute-name#6E9325
meta.diff, meta.diff.header#E7E1C8
markup.deleted#527619
markup.inserted#6E9325
markup.changed#7AA329
markup.heading, markup.heading.setext, punctuation.definition.heading#6E9325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7AA329
string.other.link.title, string.other.link.description#6E9325
markup.underline.link#E7E1C8underline
punctuation.definition.list#628321
markup.quote, punctuation.definition.quote#E7E1C8italic