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#4C3224
  • activityBar.border#ffffff15
  • activityBar.foreground#67E986
  • activityBar.inactiveForeground#fbf3e560
  • activityBarBadge.background#67E986
  • activityBarBadge.foreground#4C3224
  • button.background#67E986
  • button.foreground#4C3224
  • button.hoverBackground#67E986dd
  • editor.background#4C3224
  • editor.foreground#fbf3e5
  • editor.inactiveSelectionBackground#ECC6793580
  • editor.lineHighlightBackground#231A1540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC67935
  • editorCursor.foreground#67E986
  • editorGroupHeader.tabsBackground#4C3224dd
  • editorLineNumber.activeForeground#67E986
  • editorLineNumber.foreground#5f8a5580
  • focusBorder#67E986
  • foreground#fbf3e5
  • input.background#231A15
  • input.border#ffffff15
  • input.foreground#fbf3e5
  • input.placeholderForeground#fbf3e560
  • list.activeSelectionBackground#67E98630
  • list.activeSelectionForeground#fbf3e5
  • list.highlightForeground#67E986
  • list.hoverBackground#231A1540
  • list.hoverForeground#fbf3e5
  • list.inactiveSelectionBackground#67E98615
  • list.inactiveSelectionForeground#fbf3e5
  • selection.background#ECC67935
  • sideBar.background#231A15
  • sideBar.border#ffffff15
  • sideBar.foreground#fbf3e5
  • sideBarSectionHeader.background#4C322480
  • sideBarSectionHeader.foreground#fbf3e5
  • sideBarTitle.foreground#67E986
  • statusBar.background#4C3224
  • statusBar.border#ffffff15
  • statusBar.foreground#fbf3e5
  • statusBar.noFolderBackground#4C3224
  • tab.activeBackground#4C3224
  • tab.activeBorderTop#67E986
  • tab.activeForeground#fbf3e5
  • tab.border#ffffff15
  • tab.inactiveBackground#231A1560
  • tab.inactiveForeground#fbf3e580
  • terminal.ansiBlack#4C3224
  • terminal.ansiBlue#ECC679
  • terminal.ansiCyan#E76955
  • terminal.ansiGreen#67E986
  • terminal.ansiMagenta#F1B183
  • terminal.ansiRed#F1B183
  • terminal.ansiWhite#fbf3e5
  • terminal.ansiYellow#E76955
  • terminal.background#4C3224
  • terminal.foreground#fbf3e5
  • titleBar.activeBackground#4C3224
  • titleBar.activeForeground#fbf3e5
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4C3224
  • titleBar.inactiveForeground#fbf3e560
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5f8a55italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC679bold
storage.type, storage.modifier#ECC679italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E986
string, punctuation.definition.string, string.template, meta.template.expression#E76955
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1B183
variable, variable.other.readwrite, variable.other.object#fbf3e5
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbf3e5
variable.parameter, meta.parameter#fbf3e5dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbf3e580
keyword.operator#fbf3e5
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E76955bold
entity.other.inherited-class#67E986
entity.name.tag, punctuation.definition.tag#ECC679
entity.other.attribute-name#67E986
meta.diff, meta.diff.header#5f8a55
markup.deleted#F1B183
markup.inserted#67E986
markup.changed#E76955
markup.heading, markup.heading.setext, punctuation.definition.heading#67E986bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E76955
string.other.link.title, string.other.link.description#67E986
markup.underline.link#5f8a55underline
punctuation.definition.list#ECC679
markup.quote, punctuation.definition.quote#5f8a55italic