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#FCFBF8
  • activityBar.border#00000015
  • activityBar.foreground#937D25
  • activityBar.inactiveForeground#2D302A60
  • activityBarBadge.background#937D25
  • activityBarBadge.foreground#FCFBF8
  • button.background#937D25
  • button.foreground#FCFBF8
  • button.hoverBackground#937D25dd
  • editor.background#FCFBF8
  • editor.foreground#2D302A
  • editor.inactiveSelectionBackground#836F212580
  • editor.lineHighlightBackground#E1DED650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#836F2125
  • editorCursor.foreground#937D25
  • editorGroupHeader.tabsBackground#E1DED6aa
  • editorLineNumber.activeForeground#937D25
  • editorLineNumber.foreground#6F6A6480
  • focusBorder#937D25
  • foreground#2D302A
  • input.background#E1DED6
  • input.border#00000015
  • input.foreground#2D302A
  • input.placeholderForeground#2D302A60
  • list.activeSelectionBackground#937D2530
  • list.activeSelectionForeground#2D302A
  • list.highlightForeground#937D25
  • list.hoverBackground#E1DED640
  • list.hoverForeground#2D302A
  • list.inactiveSelectionBackground#937D2515
  • list.inactiveSelectionForeground#2D302A
  • selection.background#836F2125
  • sideBar.background#E1DED6
  • sideBar.border#00000015
  • sideBar.foreground#2D302A
  • sideBarSectionHeader.background#E1DED680
  • sideBarSectionHeader.foreground#2D302A
  • sideBarTitle.foreground#937D25
  • statusBar.background#FCFBF8
  • statusBar.border#00000015
  • statusBar.foreground#2D302A
  • statusBar.noFolderBackground#FCFBF8
  • tab.activeBackground#FCFBF8
  • tab.activeBorderTop#937D25
  • tab.activeForeground#2D302A
  • tab.border#00000015
  • tab.inactiveBackground#FCFBF860
  • tab.inactiveForeground#2D302A80
  • terminal.ansiBlack#2D302A
  • terminal.ansiBlue#836F21
  • terminal.ansiCyan#95A329
  • terminal.ansiGreen#937D25
  • terminal.ansiMagenta#527619
  • terminal.ansiRed#527619
  • terminal.ansiWhite#2D302A
  • terminal.ansiYellow#95A329
  • terminal.background#FCFBF8
  • terminal.foreground#2D302A
  • titleBar.activeBackground#FCFBF8
  • titleBar.activeForeground#2D302A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFBF8
  • titleBar.inactiveForeground#2D302A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6F6A64italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836F21bold
storage.type, storage.modifier#836F21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937D25
string, punctuation.definition.string, string.template, meta.template.expression#95A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#527619
variable, variable.other.readwrite, variable.other.object#2D302A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2D302A
variable.parameter, meta.parameter#2D302Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2D302A80
keyword.operator#2D302A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#95A329bold
entity.other.inherited-class#937D25
entity.name.tag, punctuation.definition.tag#836F21
entity.other.attribute-name#937D25
meta.diff, meta.diff.header#6F6A64
markup.deleted#527619
markup.inserted#937D25
markup.changed#95A329
markup.heading, markup.heading.setext, punctuation.definition.heading#937D25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#95A329
string.other.link.title, string.other.link.description#937D25
markup.underline.link#6F6A64underline
punctuation.definition.list#836F21
markup.quote, punctuation.definition.quote#6F6A64italic