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#282420
  • activityBar.border#ffffff15
  • activityBar.foreground#E9B567
  • activityBar.inactiveForeground#f5efe260
  • activityBarBadge.background#E9B567
  • activityBarBadge.foreground#282420
  • button.background#E9B567
  • button.foreground#282420
  • button.hoverBackground#E9B567dd
  • editor.background#282420
  • editor.foreground#f5efe2
  • editor.inactiveSelectionBackground#ECC8793580
  • editor.lineHighlightBackground#19181540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC87935
  • editorCursor.foreground#E9B567
  • editorGroupHeader.tabsBackground#282420dd
  • editorLineNumber.activeForeground#E9B567
  • editorLineNumber.foreground#5d564d80
  • focusBorder#E9B567
  • foreground#f5efe2
  • input.background#191815
  • input.border#ffffff15
  • input.foreground#f5efe2
  • input.placeholderForeground#f5efe260
  • list.activeSelectionBackground#E9B56730
  • list.activeSelectionForeground#f5efe2
  • list.highlightForeground#E9B567
  • list.hoverBackground#19181540
  • list.hoverForeground#f5efe2
  • list.inactiveSelectionBackground#E9B56715
  • list.inactiveSelectionForeground#f5efe2
  • selection.background#ECC87935
  • sideBar.background#191815
  • sideBar.border#ffffff15
  • sideBar.foreground#f5efe2
  • sideBarSectionHeader.background#28242080
  • sideBarSectionHeader.foreground#f5efe2
  • sideBarTitle.foreground#E9B567
  • statusBar.background#282420
  • statusBar.border#ffffff15
  • statusBar.foreground#f5efe2
  • statusBar.noFolderBackground#282420
  • tab.activeBackground#282420
  • tab.activeBorderTop#E9B567
  • tab.activeForeground#f5efe2
  • tab.border#ffffff15
  • tab.inactiveBackground#19181560
  • tab.inactiveForeground#f5efe280
  • terminal.ansiBlack#282420
  • terminal.ansiBlue#ECC879
  • terminal.ansiCyan#55E7D1
  • terminal.ansiGreen#E9B567
  • terminal.ansiMagenta#F1E883
  • terminal.ansiRed#F1E883
  • terminal.ansiWhite#f5efe2
  • terminal.ansiYellow#55E7D1
  • terminal.background#282420
  • terminal.foreground#f5efe2
  • titleBar.activeBackground#282420
  • titleBar.activeForeground#f5efe2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#282420
  • titleBar.inactiveForeground#f5efe260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5d564ditalic
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#E9B567
string, punctuation.definition.string, string.template, meta.template.expression#55E7D1
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1E883
variable, variable.other.readwrite, variable.other.object#f5efe2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f5efe2
variable.parameter, meta.parameter#f5efe2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f5efe280
keyword.operator#f5efe2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7D1bold
entity.other.inherited-class#E9B567
entity.name.tag, punctuation.definition.tag#ECC879
entity.other.attribute-name#E9B567
meta.diff, meta.diff.header#5d564d
markup.deleted#F1E883
markup.inserted#E9B567
markup.changed#55E7D1
markup.heading, markup.heading.setext, punctuation.definition.heading#E9B567bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7D1
string.other.link.title, string.other.link.description#E9B567
markup.underline.link#5d564dunderline
punctuation.definition.list#ECC879
markup.quote, punctuation.definition.quote#5d564ditalic