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#FFFCF5
  • activityBar.border#00000015
  • activityBar.foreground#937725
  • activityBar.inactiveForeground#1b1a1760
  • activityBarBadge.background#937725
  • activityBarBadge.foreground#FFFCF5
  • button.background#937725
  • button.foreground#FFFCF5
  • button.hoverBackground#937725dd
  • editor.background#FFFCF5
  • editor.foreground#1b1a17
  • editor.inactiveSelectionBackground#8365212580
  • editor.lineHighlightBackground#F9F7F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83652125
  • editorCursor.foreground#937725
  • editorGroupHeader.tabsBackground#F9F7F0aa
  • editorLineNumber.activeForeground#937725
  • editorLineNumber.foreground#e6e1d480
  • focusBorder#937725
  • foreground#1b1a17
  • input.background#F9F7F0
  • input.border#00000015
  • input.foreground#1b1a17
  • input.placeholderForeground#1b1a1760
  • list.activeSelectionBackground#93772530
  • list.activeSelectionForeground#1b1a17
  • list.highlightForeground#937725
  • list.hoverBackground#F9F7F040
  • list.hoverForeground#1b1a17
  • list.inactiveSelectionBackground#93772515
  • list.inactiveSelectionForeground#1b1a17
  • selection.background#83652125
  • sideBar.background#F9F7F0
  • sideBar.border#00000015
  • sideBar.foreground#1b1a17
  • sideBarSectionHeader.background#F9F7F080
  • sideBarSectionHeader.foreground#1b1a17
  • sideBarTitle.foreground#937725
  • statusBar.background#FFFCF5
  • statusBar.border#00000015
  • statusBar.foreground#1b1a17
  • statusBar.noFolderBackground#FFFCF5
  • tab.activeBackground#FFFCF5
  • tab.activeBorderTop#937725
  • tab.activeForeground#1b1a17
  • tab.border#00000015
  • tab.inactiveBackground#FFFCF560
  • tab.inactiveForeground#1b1a1780
  • terminal.ansiBlack#1b1a17
  • terminal.ansiBlue#836521
  • terminal.ansiCyan#81A329
  • terminal.ansiGreen#937725
  • terminal.ansiMagenta#547619
  • terminal.ansiRed#547619
  • terminal.ansiWhite#1b1a17
  • terminal.ansiYellow#81A329
  • terminal.background#FFFCF5
  • terminal.foreground#1b1a17
  • titleBar.activeBackground#FFFCF5
  • titleBar.activeForeground#1b1a17
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFCF5
  • titleBar.inactiveForeground#1b1a1760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6e1d4italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836521bold
storage.type, storage.modifier#836521italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937725
string, punctuation.definition.string, string.template, meta.template.expression#81A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#547619
variable, variable.other.readwrite, variable.other.object#1b1a17
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1b1a17
variable.parameter, meta.parameter#1b1a17dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1b1a1780
keyword.operator#1b1a17
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#81A329bold
entity.other.inherited-class#937725
entity.name.tag, punctuation.definition.tag#836521
entity.other.attribute-name#937725
meta.diff, meta.diff.header#e6e1d4
markup.deleted#547619
markup.inserted#937725
markup.changed#81A329
markup.heading, markup.heading.setext, punctuation.definition.heading#937725bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#81A329
string.other.link.title, string.other.link.description#937725
markup.underline.link#e6e1d4underline
punctuation.definition.list#836521
markup.quote, punctuation.definition.quote#e6e1d4italic