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#934B25
  • activityBar.inactiveForeground#26272460
  • activityBarBadge.background#934B25
  • activityBarBadge.foreground#FCFBF8
  • button.background#934B25
  • button.foreground#FCFBF8
  • button.hoverBackground#934B25dd
  • editor.background#FCFBF8
  • editor.foreground#262724
  • editor.inactiveSelectionBackground#8364212580
  • editor.lineHighlightBackground#F3EFE750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83642125
  • editorCursor.foreground#934B25
  • editorGroupHeader.tabsBackground#F3EFE7aa
  • editorLineNumber.activeForeground#934B25
  • editorLineNumber.foreground#C8B18A80
  • focusBorder#934B25
  • foreground#262724
  • input.background#F3EFE7
  • input.border#00000015
  • input.foreground#262724
  • input.placeholderForeground#26272460
  • list.activeSelectionBackground#934B2530
  • list.activeSelectionForeground#262724
  • list.highlightForeground#934B25
  • list.hoverBackground#F3EFE740
  • list.hoverForeground#262724
  • list.inactiveSelectionBackground#934B2515
  • list.inactiveSelectionForeground#262724
  • selection.background#83642125
  • sideBar.background#F3EFE7
  • sideBar.border#00000015
  • sideBar.foreground#262724
  • sideBarSectionHeader.background#F3EFE780
  • sideBarSectionHeader.foreground#262724
  • sideBarTitle.foreground#934B25
  • statusBar.background#FCFBF8
  • statusBar.border#00000015
  • statusBar.foreground#262724
  • statusBar.noFolderBackground#FCFBF8
  • tab.activeBackground#FCFBF8
  • tab.activeBorderTop#934B25
  • tab.activeForeground#262724
  • tab.border#00000015
  • tab.inactiveBackground#FCFBF860
  • tab.inactiveForeground#26272480
  • terminal.ansiBlack#262724
  • terminal.ansiBlue#836421
  • terminal.ansiCyan#64A329
  • terminal.ansiGreen#934B25
  • terminal.ansiMagenta#764F19
  • terminal.ansiRed#764F19
  • terminal.ansiWhite#262724
  • terminal.ansiYellow#64A329
  • terminal.background#FCFBF8
  • terminal.foreground#262724
  • titleBar.activeBackground#FCFBF8
  • titleBar.activeForeground#262724
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFBF8
  • titleBar.inactiveForeground#26272460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C8B18Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836421bold
storage.type, storage.modifier#836421italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934B25
string, punctuation.definition.string, string.template, meta.template.expression#64A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764F19
variable, variable.other.readwrite, variable.other.object#262724
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#262724
variable.parameter, meta.parameter#262724dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#26272480
keyword.operator#262724
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#64A329bold
entity.other.inherited-class#934B25
entity.name.tag, punctuation.definition.tag#836421
entity.other.attribute-name#934B25
meta.diff, meta.diff.header#C8B18A
markup.deleted#764F19
markup.inserted#934B25
markup.changed#64A329
markup.heading, markup.heading.setext, punctuation.definition.heading#934B25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#64A329
string.other.link.title, string.other.link.description#934B25
markup.underline.link#C8B18Aunderline
punctuation.definition.list#836421
markup.quote, punctuation.definition.quote#C8B18Aitalic