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#6C5E42
  • activityBar.border#ffffff15
  • activityBar.foreground#E9CF67
  • activityBar.inactiveForeground#fffbea60
  • activityBarBadge.background#E9CF67
  • activityBarBadge.foreground#6C5E42
  • button.background#E9CF67
  • button.foreground#6C5E42
  • button.hoverBackground#E9CF67dd
  • editor.background#6C5E42
  • editor.foreground#fffbea
  • editor.inactiveSelectionBackground#ECC8793580
  • editor.lineHighlightBackground#10160E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC87935
  • editorCursor.foreground#E9CF67
  • editorGroupHeader.tabsBackground#6C5E42dd
  • editorLineNumber.activeForeground#E9CF67
  • editorLineNumber.foreground#fff8e680
  • focusBorder#E9CF67
  • foreground#fffbea
  • input.background#10160E
  • input.border#ffffff15
  • input.foreground#fffbea
  • input.placeholderForeground#fffbea60
  • list.activeSelectionBackground#E9CF6730
  • list.activeSelectionForeground#fffbea
  • list.highlightForeground#E9CF67
  • list.hoverBackground#10160E40
  • list.hoverForeground#fffbea
  • list.inactiveSelectionBackground#E9CF6715
  • list.inactiveSelectionForeground#fffbea
  • selection.background#ECC87935
  • sideBar.background#10160E
  • sideBar.border#ffffff15
  • sideBar.foreground#fffbea
  • sideBarSectionHeader.background#6C5E4280
  • sideBarSectionHeader.foreground#fffbea
  • sideBarTitle.foreground#E9CF67
  • statusBar.background#6C5E42
  • statusBar.border#ffffff15
  • statusBar.foreground#fffbea
  • statusBar.noFolderBackground#6C5E42
  • tab.activeBackground#6C5E42
  • tab.activeBorderTop#E9CF67
  • tab.activeForeground#fffbea
  • tab.border#ffffff15
  • tab.inactiveBackground#10160E60
  • tab.inactiveForeground#fffbea80
  • terminal.ansiBlack#6C5E42
  • terminal.ansiBlue#ECC879
  • terminal.ansiCyan#8BE755
  • terminal.ansiGreen#E9CF67
  • terminal.ansiMagenta#F1D283
  • terminal.ansiRed#F1D283
  • terminal.ansiWhite#fffbea
  • terminal.ansiYellow#8BE755
  • terminal.background#6C5E42
  • terminal.foreground#fffbea
  • titleBar.activeBackground#6C5E42
  • titleBar.activeForeground#fffbea
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#6C5E42
  • titleBar.inactiveForeground#fffbea60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#fff8e6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC879bold
storage.type, storage.modifier#ECC879italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9CF67
string, punctuation.definition.string, string.template, meta.template.expression#8BE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D283
variable, variable.other.readwrite, variable.other.object#fffbea
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fffbea
variable.parameter, meta.parameter#fffbeadditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fffbea80
keyword.operator#fffbea
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8BE755bold
entity.other.inherited-class#E9CF67
entity.name.tag, punctuation.definition.tag#ECC879
entity.other.attribute-name#E9CF67
meta.diff, meta.diff.header#fff8e6
markup.deleted#F1D283
markup.inserted#E9CF67
markup.changed#8BE755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9CF67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8BE755
string.other.link.title, string.other.link.description#E9CF67
markup.underline.link#fff8e6underline
punctuation.definition.list#ECC879
markup.quote, punctuation.definition.quote#fff8e6italic