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#FAF9F4
  • activityBar.border#00000015
  • activityBar.foreground#539325
  • activityBar.inactiveForeground#2B2E2B60
  • activityBarBadge.background#539325
  • activityBarBadge.foreground#FAF9F4
  • button.background#539325
  • button.foreground#FAF9F4
  • button.hoverBackground#539325dd
  • editor.background#FAF9F4
  • editor.foreground#2B2E2B
  • editor.inactiveSelectionBackground#835B212580
  • editor.lineHighlightBackground#DCDDD950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835B2125
  • editorCursor.foreground#539325
  • editorGroupHeader.tabsBackground#DCDDD9aa
  • editorLineNumber.activeForeground#539325
  • editorLineNumber.foreground#8B8B8780
  • focusBorder#539325
  • foreground#2B2E2B
  • input.background#DCDDD9
  • input.border#00000015
  • input.foreground#2B2E2B
  • input.placeholderForeground#2B2E2B60
  • list.activeSelectionBackground#53932530
  • list.activeSelectionForeground#2B2E2B
  • list.highlightForeground#539325
  • list.hoverBackground#DCDDD940
  • list.hoverForeground#2B2E2B
  • list.inactiveSelectionBackground#53932515
  • list.inactiveSelectionForeground#2B2E2B
  • selection.background#835B2125
  • sideBar.background#DCDDD9
  • sideBar.border#00000015
  • sideBar.foreground#2B2E2B
  • sideBarSectionHeader.background#DCDDD980
  • sideBarSectionHeader.foreground#2B2E2B
  • sideBarTitle.foreground#539325
  • statusBar.background#FAF9F4
  • statusBar.border#00000015
  • statusBar.foreground#2B2E2B
  • statusBar.noFolderBackground#FAF9F4
  • tab.activeBackground#FAF9F4
  • tab.activeBorderTop#539325
  • tab.activeForeground#2B2E2B
  • tab.border#00000015
  • tab.inactiveBackground#FAF9F460
  • tab.inactiveForeground#2B2E2B80
  • terminal.ansiBlack#2B2E2B
  • terminal.ansiBlue#835B21
  • terminal.ansiCyan#A36829
  • terminal.ansiGreen#539325
  • terminal.ansiMagenta#4C7619
  • terminal.ansiRed#4C7619
  • terminal.ansiWhite#2B2E2B
  • terminal.ansiYellow#A36829
  • terminal.background#FAF9F4
  • terminal.foreground#2B2E2B
  • titleBar.activeBackground#FAF9F4
  • titleBar.activeForeground#2B2E2B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF9F4
  • titleBar.inactiveForeground#2B2E2B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8B8B87italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835B21bold
storage.type, storage.modifier#835B21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#539325
string, punctuation.definition.string, string.template, meta.template.expression#A36829
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#4C7619
variable, variable.other.readwrite, variable.other.object#2B2E2B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2E2B
variable.parameter, meta.parameter#2B2E2Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2E2B80
keyword.operator#2B2E2B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A36829bold
entity.other.inherited-class#539325
entity.name.tag, punctuation.definition.tag#835B21
entity.other.attribute-name#539325
meta.diff, meta.diff.header#8B8B87
markup.deleted#4C7619
markup.inserted#539325
markup.changed#A36829
markup.heading, markup.heading.setext, punctuation.definition.heading#539325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36829
string.other.link.title, string.other.link.description#539325
markup.underline.link#8B8B87underline
punctuation.definition.list#835B21
markup.quote, punctuation.definition.quote#8B8B87italic