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#FFFCF0
  • activityBar.border#00000015
  • activityBar.foreground#937B25
  • activityBar.inactiveForeground#10101060
  • activityBarBadge.background#937B25
  • activityBarBadge.foreground#FFFCF0
  • button.background#937B25
  • button.foreground#FFFCF0
  • button.hoverBackground#937B25dd
  • editor.background#FFFCF0
  • editor.foreground#101010
  • editor.inactiveSelectionBackground#4183212580
  • editor.lineHighlightBackground#F7ECC550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#41832125
  • editorCursor.foreground#937B25
  • editorGroupHeader.tabsBackground#F7ECC5aa
  • editorLineNumber.activeForeground#937B25
  • editorLineNumber.foreground#40302080
  • focusBorder#937B25
  • foreground#101010
  • input.background#F7ECC5
  • input.border#00000015
  • input.foreground#101010
  • input.placeholderForeground#10101060
  • list.activeSelectionBackground#937B2530
  • list.activeSelectionForeground#101010
  • list.highlightForeground#937B25
  • list.hoverBackground#F7ECC540
  • list.hoverForeground#101010
  • list.inactiveSelectionBackground#937B2515
  • list.inactiveSelectionForeground#101010
  • selection.background#41832125
  • sideBar.background#F7ECC5
  • sideBar.border#00000015
  • sideBar.foreground#101010
  • sideBarSectionHeader.background#F7ECC580
  • sideBarSectionHeader.foreground#101010
  • sideBarTitle.foreground#937B25
  • statusBar.background#FFFCF0
  • statusBar.border#00000015
  • statusBar.foreground#101010
  • statusBar.noFolderBackground#FFFCF0
  • tab.activeBackground#FFFCF0
  • tab.activeBorderTop#937B25
  • tab.activeForeground#101010
  • tab.border#00000015
  • tab.inactiveBackground#FFFCF060
  • tab.inactiveForeground#10101080
  • terminal.ansiBlack#101010
  • terminal.ansiBlue#418321
  • terminal.ansiCyan#295AA3
  • terminal.ansiGreen#937B25
  • terminal.ansiMagenta#766E19
  • terminal.ansiRed#766E19
  • terminal.ansiWhite#101010
  • terminal.ansiYellow#295AA3
  • terminal.background#FFFCF0
  • terminal.foreground#101010
  • titleBar.activeBackground#FFFCF0
  • titleBar.activeForeground#101010
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFCF0
  • titleBar.inactiveForeground#10101060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#403020italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#418321bold
storage.type, storage.modifier#418321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937B25
string, punctuation.definition.string, string.template, meta.template.expression#295AA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#766E19
variable, variable.other.readwrite, variable.other.object#101010
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#101010
variable.parameter, meta.parameter#101010dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#10101080
keyword.operator#101010
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#295AA3bold
entity.other.inherited-class#937B25
entity.name.tag, punctuation.definition.tag#418321
entity.other.attribute-name#937B25
meta.diff, meta.diff.header#403020
markup.deleted#766E19
markup.inserted#937B25
markup.changed#295AA3
markup.heading, markup.heading.setext, punctuation.definition.heading#937B25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#295AA3
string.other.link.title, string.other.link.description#937B25
markup.underline.link#403020underline
punctuation.definition.list#418321
markup.quote, punctuation.definition.quote#403020italic