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#F7F4EE
  • activityBar.border#00000015
  • activityBar.foreground#936525
  • activityBar.inactiveForeground#24181060
  • activityBarBadge.background#936525
  • activityBarBadge.foreground#F7F4EE
  • button.background#936525
  • button.foreground#F7F4EE
  • button.hoverBackground#936525dd
  • editor.background#F7F4EE
  • editor.foreground#241810
  • editor.inactiveSelectionBackground#835F212580
  • editor.lineHighlightBackground#836E5D50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835F2125
  • editorCursor.foreground#936525
  • editorGroupHeader.tabsBackground#836E5Daa
  • editorLineNumber.activeForeground#936525
  • editorLineNumber.foreground#ead7b680
  • focusBorder#936525
  • foreground#241810
  • input.background#836E5D
  • input.border#00000015
  • input.foreground#241810
  • input.placeholderForeground#24181060
  • list.activeSelectionBackground#93652530
  • list.activeSelectionForeground#241810
  • list.highlightForeground#936525
  • list.hoverBackground#836E5D40
  • list.hoverForeground#241810
  • list.inactiveSelectionBackground#93652515
  • list.inactiveSelectionForeground#241810
  • selection.background#835F2125
  • sideBar.background#836E5D
  • sideBar.border#00000015
  • sideBar.foreground#241810
  • sideBarSectionHeader.background#836E5D80
  • sideBarSectionHeader.foreground#241810
  • sideBarTitle.foreground#936525
  • statusBar.background#F7F4EE
  • statusBar.border#00000015
  • statusBar.foreground#241810
  • statusBar.noFolderBackground#F7F4EE
  • tab.activeBackground#F7F4EE
  • tab.activeBorderTop#936525
  • tab.activeForeground#241810
  • tab.border#00000015
  • tab.inactiveBackground#F7F4EE60
  • tab.inactiveForeground#24181080
  • terminal.ansiBlack#241810
  • terminal.ansiBlue#835F21
  • terminal.ansiCyan#7AA329
  • terminal.ansiGreen#936525
  • terminal.ansiMagenta#667619
  • terminal.ansiRed#667619
  • terminal.ansiWhite#241810
  • terminal.ansiYellow#7AA329
  • terminal.background#F7F4EE
  • terminal.foreground#241810
  • titleBar.activeBackground#F7F4EE
  • titleBar.activeForeground#241810
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F4EE
  • titleBar.inactiveForeground#24181060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ead7b6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835F21bold
storage.type, storage.modifier#835F21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#936525
string, punctuation.definition.string, string.template, meta.template.expression#7AA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#667619
variable, variable.other.readwrite, variable.other.object#241810
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#241810
variable.parameter, meta.parameter#241810dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24181080
keyword.operator#241810
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#936525
entity.name.tag, punctuation.definition.tag#835F21
entity.other.attribute-name#936525
meta.diff, meta.diff.header#ead7b6
markup.deleted#667619
markup.inserted#936525
markup.changed#7AA329
markup.heading, markup.heading.setext, punctuation.definition.heading#936525bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7AA329
string.other.link.title, string.other.link.description#936525
markup.underline.link#ead7b6underline
punctuation.definition.list#835F21
markup.quote, punctuation.definition.quote#ead7b6italic