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#7B382D
  • activityBar.border#ffffff15
  • activityBar.foreground#E98167
  • activityBar.inactiveForeground#F7F2E860
  • activityBarBadge.background#E98167
  • activityBarBadge.foreground#7B382D
  • button.background#E98167
  • button.foreground#7B382D
  • button.hoverBackground#E98167dd
  • editor.background#7B382D
  • editor.foreground#F7F2E8
  • editor.inactiveSelectionBackground#EC9F793580
  • editor.lineHighlightBackground#1F1B1940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC9F7935
  • editorCursor.foreground#E98167
  • editorGroupHeader.tabsBackground#7B382Ddd
  • editorLineNumber.activeForeground#E98167
  • editorLineNumber.foreground#6B4A3A80
  • focusBorder#E98167
  • foreground#F7F2E8
  • input.background#1F1B19
  • input.border#ffffff15
  • input.foreground#F7F2E8
  • input.placeholderForeground#F7F2E860
  • list.activeSelectionBackground#E9816730
  • list.activeSelectionForeground#F7F2E8
  • list.highlightForeground#E98167
  • list.hoverBackground#1F1B1940
  • list.hoverForeground#F7F2E8
  • list.inactiveSelectionBackground#E9816715
  • list.inactiveSelectionForeground#F7F2E8
  • selection.background#EC9F7935
  • sideBar.background#1F1B19
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F2E8
  • sideBarSectionHeader.background#7B382D80
  • sideBarSectionHeader.foreground#F7F2E8
  • sideBarTitle.foreground#E98167
  • statusBar.background#7B382D
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F2E8
  • statusBar.noFolderBackground#7B382D
  • tab.activeBackground#7B382D
  • tab.activeBorderTop#E98167
  • tab.activeForeground#F7F2E8
  • tab.border#ffffff15
  • tab.inactiveBackground#1F1B1960
  • tab.inactiveForeground#F7F2E880
  • terminal.ansiBlack#7B382D
  • terminal.ansiBlue#EC9F79
  • terminal.ansiCyan#E7A855
  • terminal.ansiGreen#E98167
  • terminal.ansiMagenta#F1CB83
  • terminal.ansiRed#F1CB83
  • terminal.ansiWhite#F7F2E8
  • terminal.ansiYellow#E7A855
  • terminal.background#7B382D
  • terminal.foreground#F7F2E8
  • titleBar.activeBackground#7B382D
  • titleBar.activeForeground#F7F2E8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#7B382D
  • titleBar.inactiveForeground#F7F2E860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6B4A3Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC9F79bold
storage.type, storage.modifier#EC9F79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E98167
string, punctuation.definition.string, string.template, meta.template.expression#E7A855
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CB83
variable, variable.other.readwrite, variable.other.object#F7F2E8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F2E8
variable.parameter, meta.parameter#F7F2E8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F2E880
keyword.operator#F7F2E8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7A855bold
entity.other.inherited-class#E98167
entity.name.tag, punctuation.definition.tag#EC9F79
entity.other.attribute-name#E98167
meta.diff, meta.diff.header#6B4A3A
markup.deleted#F1CB83
markup.inserted#E98167
markup.changed#E7A855
markup.heading, markup.heading.setext, punctuation.definition.heading#E98167bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7A855
string.other.link.title, string.other.link.description#E98167
markup.underline.link#6B4A3Aunderline
punctuation.definition.list#EC9F79
markup.quote, punctuation.definition.quote#6B4A3Aitalic