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#212327
  • activityBar.border#ffffff15
  • activityBar.foreground#E98367
  • activityBar.inactiveForeground#f3f1ec60
  • activityBarBadge.background#E98367
  • activityBarBadge.foreground#212327
  • button.background#E98367
  • button.foreground#212327
  • button.hoverBackground#E98367dd
  • editor.background#212327
  • editor.foreground#f3f1ec
  • editor.inactiveSelectionBackground#79A7EC3580
  • editor.lineHighlightBackground#10121340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79A7EC35
  • editorCursor.foreground#E98367
  • editorGroupHeader.tabsBackground#212327dd
  • editorLineNumber.activeForeground#E98367
  • editorLineNumber.foreground#a9a79180
  • focusBorder#E98367
  • foreground#f3f1ec
  • input.background#101213
  • input.border#ffffff15
  • input.foreground#f3f1ec
  • input.placeholderForeground#f3f1ec60
  • list.activeSelectionBackground#E9836730
  • list.activeSelectionForeground#f3f1ec
  • list.highlightForeground#E98367
  • list.hoverBackground#10121340
  • list.hoverForeground#f3f1ec
  • list.inactiveSelectionBackground#E9836715
  • list.inactiveSelectionForeground#f3f1ec
  • selection.background#79A7EC35
  • sideBar.background#101213
  • sideBar.border#ffffff15
  • sideBar.foreground#f3f1ec
  • sideBarSectionHeader.background#21232780
  • sideBarSectionHeader.foreground#f3f1ec
  • sideBarTitle.foreground#E98367
  • statusBar.background#212327
  • statusBar.border#ffffff15
  • statusBar.foreground#f3f1ec
  • statusBar.noFolderBackground#212327
  • tab.activeBackground#212327
  • tab.activeBorderTop#E98367
  • tab.activeForeground#f3f1ec
  • tab.border#ffffff15
  • tab.inactiveBackground#10121360
  • tab.inactiveForeground#f3f1ec80
  • terminal.ansiBlack#212327
  • terminal.ansiBlue#79A7EC
  • terminal.ansiCyan#E78D55
  • terminal.ansiGreen#E98367
  • terminal.ansiMagenta#F1AD83
  • terminal.ansiRed#F1AD83
  • terminal.ansiWhite#f3f1ec
  • terminal.ansiYellow#E78D55
  • terminal.background#212327
  • terminal.foreground#f3f1ec
  • titleBar.activeBackground#212327
  • titleBar.activeForeground#f3f1ec
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#212327
  • titleBar.inactiveForeground#f3f1ec60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a9a791italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79A7ECbold
storage.type, storage.modifier#79A7ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E98367
string, punctuation.definition.string, string.template, meta.template.expression#E78D55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1AD83
variable, variable.other.readwrite, variable.other.object#f3f1ec
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f3f1ec
variable.parameter, meta.parameter#f3f1ecdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f3f1ec80
keyword.operator#f3f1ec
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E78D55bold
entity.other.inherited-class#E98367
entity.name.tag, punctuation.definition.tag#79A7EC
entity.other.attribute-name#E98367
meta.diff, meta.diff.header#a9a791
markup.deleted#F1AD83
markup.inserted#E98367
markup.changed#E78D55
markup.heading, markup.heading.setext, punctuation.definition.heading#E98367bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E78D55
string.other.link.title, string.other.link.description#E98367
markup.underline.link#a9a791underline
punctuation.definition.list#79A7EC
markup.quote, punctuation.definition.quote#a9a791italic