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#31251C
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A667
  • activityBar.inactiveForeground#F0E9E160
  • activityBarBadge.background#E9A667
  • activityBarBadge.foreground#31251C
  • button.background#E9A667
  • button.foreground#31251C
  • button.hoverBackground#E9A667dd
  • editor.background#31251C
  • editor.foreground#F0E9E1
  • editor.inactiveSelectionBackground#ECB6793580
  • editor.lineHighlightBackground#150E0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB67935
  • editorCursor.foreground#E9A667
  • editorGroupHeader.tabsBackground#31251Cdd
  • editorLineNumber.activeForeground#E9A667
  • editorLineNumber.foreground#d8c4a680
  • focusBorder#E9A667
  • foreground#F0E9E1
  • input.background#150E0A
  • input.border#ffffff15
  • input.foreground#F0E9E1
  • input.placeholderForeground#F0E9E160
  • list.activeSelectionBackground#E9A66730
  • list.activeSelectionForeground#F0E9E1
  • list.highlightForeground#E9A667
  • list.hoverBackground#150E0A40
  • list.hoverForeground#F0E9E1
  • list.inactiveSelectionBackground#E9A66715
  • list.inactiveSelectionForeground#F0E9E1
  • selection.background#ECB67935
  • sideBar.background#150E0A
  • sideBar.border#ffffff15
  • sideBar.foreground#F0E9E1
  • sideBarSectionHeader.background#31251C80
  • sideBarSectionHeader.foreground#F0E9E1
  • sideBarTitle.foreground#E9A667
  • statusBar.background#31251C
  • statusBar.border#ffffff15
  • statusBar.foreground#F0E9E1
  • statusBar.noFolderBackground#31251C
  • tab.activeBackground#31251C
  • tab.activeBorderTop#E9A667
  • tab.activeForeground#F0E9E1
  • tab.border#ffffff15
  • tab.inactiveBackground#150E0A60
  • tab.inactiveForeground#F0E9E180
  • terminal.ansiBlack#31251C
  • terminal.ansiBlue#ECB679
  • terminal.ansiCyan#55E75D
  • terminal.ansiGreen#E9A667
  • terminal.ansiMagenta#83F189
  • terminal.ansiRed#83F189
  • terminal.ansiWhite#F0E9E1
  • terminal.ansiYellow#55E75D
  • terminal.background#31251C
  • terminal.foreground#F0E9E1
  • titleBar.activeBackground#31251C
  • titleBar.activeForeground#F0E9E1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#31251C
  • titleBar.inactiveForeground#F0E9E160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8c4a6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB679bold
storage.type, storage.modifier#ECB679italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A667
string, punctuation.definition.string, string.template, meta.template.expression#55E75D
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F189
variable, variable.other.readwrite, variable.other.object#F0E9E1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F0E9E1
variable.parameter, meta.parameter#F0E9E1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F0E9E180
keyword.operator#F0E9E1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E75Dbold
entity.other.inherited-class#E9A667
entity.name.tag, punctuation.definition.tag#ECB679
entity.other.attribute-name#E9A667
meta.diff, meta.diff.header#d8c4a6
markup.deleted#83F189
markup.inserted#E9A667
markup.changed#55E75D
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A667bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E75D
string.other.link.title, string.other.link.description#E9A667
markup.underline.link#d8c4a6underline
punctuation.definition.list#ECB679
markup.quote, punctuation.definition.quote#d8c4a6italic