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#211A12
  • activityBar.border#ffffff15
  • activityBar.foreground#E98167
  • activityBar.inactiveForeground#DDE7F160
  • activityBarBadge.background#E98167
  • activityBarBadge.foreground#211A12
  • button.background#E98167
  • button.foreground#211A12
  • button.hoverBackground#E98167dd
  • editor.background#211A12
  • editor.foreground#DDE7F1
  • editor.inactiveSelectionBackground#ECAF793580
  • editor.lineHighlightBackground#211A1240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECAF7935
  • editorCursor.foreground#E98167
  • editorGroupHeader.tabsBackground#211A12dd
  • editorLineNumber.activeForeground#E98167
  • editorLineNumber.foreground#EFE6D680
  • focusBorder#E98167
  • foreground#DDE7F1
  • input.background#211A12
  • input.border#ffffff15
  • input.foreground#DDE7F1
  • input.placeholderForeground#DDE7F160
  • list.activeSelectionBackground#E9816730
  • list.activeSelectionForeground#DDE7F1
  • list.highlightForeground#E98167
  • list.hoverBackground#211A1240
  • list.hoverForeground#DDE7F1
  • list.inactiveSelectionBackground#E9816715
  • list.inactiveSelectionForeground#DDE7F1
  • selection.background#ECAF7935
  • sideBar.background#211A12
  • sideBar.border#ffffff15
  • sideBar.foreground#DDE7F1
  • sideBarSectionHeader.background#211A1280
  • sideBarSectionHeader.foreground#DDE7F1
  • sideBarTitle.foreground#E98167
  • statusBar.background#211A12
  • statusBar.border#ffffff15
  • statusBar.foreground#DDE7F1
  • statusBar.noFolderBackground#211A12
  • tab.activeBackground#211A12
  • tab.activeBorderTop#E98167
  • tab.activeForeground#DDE7F1
  • tab.border#ffffff15
  • tab.inactiveBackground#211A1260
  • tab.inactiveForeground#DDE7F180
  • terminal.ansiBlack#211A12
  • terminal.ansiBlue#ECAF79
  • terminal.ansiCyan#E7B955
  • terminal.ansiGreen#E98167
  • terminal.ansiMagenta#B1F183
  • terminal.ansiRed#B1F183
  • terminal.ansiWhite#DDE7F1
  • terminal.ansiYellow#E7B955
  • terminal.background#211A12
  • terminal.foreground#DDE7F1
  • titleBar.activeBackground#211A12
  • titleBar.activeForeground#DDE7F1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#211A12
  • titleBar.inactiveForeground#DDE7F160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EFE6D6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECAF79bold
storage.type, storage.modifier#ECAF79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E98167
string, punctuation.definition.string, string.template, meta.template.expression#E7B955
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B1F183
variable, variable.other.readwrite, variable.other.object#DDE7F1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#DDE7F1
variable.parameter, meta.parameter#DDE7F1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#DDE7F180
keyword.operator#DDE7F1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B955bold
entity.other.inherited-class#E98167
entity.name.tag, punctuation.definition.tag#ECAF79
entity.other.attribute-name#E98167
meta.diff, meta.diff.header#EFE6D6
markup.deleted#B1F183
markup.inserted#E98167
markup.changed#E7B955
markup.heading, markup.heading.setext, punctuation.definition.heading#E98167bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B955
string.other.link.title, string.other.link.description#E98167
markup.underline.link#EFE6D6underline
punctuation.definition.list#ECAF79
markup.quote, punctuation.definition.quote#EFE6D6italic