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#232522
  • activityBar.border#ffffff15
  • activityBar.foreground#67E967
  • activityBar.inactiveForeground#f1eee660
  • activityBarBadge.background#67E967
  • activityBarBadge.foreground#232522
  • button.background#67E967
  • button.foreground#232522
  • button.hoverBackground#67E967dd
  • editor.background#232522
  • editor.foreground#f1eee6
  • editor.inactiveSelectionBackground#ECC6793580
  • editor.lineHighlightBackground#16181640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC67935
  • editorCursor.foreground#67E967
  • editorGroupHeader.tabsBackground#232522dd
  • editorLineNumber.activeForeground#67E967
  • editorLineNumber.foreground#f4ead680
  • focusBorder#67E967
  • foreground#f1eee6
  • input.background#161816
  • input.border#ffffff15
  • input.foreground#f1eee6
  • input.placeholderForeground#f1eee660
  • list.activeSelectionBackground#67E96730
  • list.activeSelectionForeground#f1eee6
  • list.highlightForeground#67E967
  • list.hoverBackground#16181640
  • list.hoverForeground#f1eee6
  • list.inactiveSelectionBackground#67E96715
  • list.inactiveSelectionForeground#f1eee6
  • selection.background#ECC67935
  • sideBar.background#161816
  • sideBar.border#ffffff15
  • sideBar.foreground#f1eee6
  • sideBarSectionHeader.background#23252280
  • sideBarSectionHeader.foreground#f1eee6
  • sideBarTitle.foreground#67E967
  • statusBar.background#232522
  • statusBar.border#ffffff15
  • statusBar.foreground#f1eee6
  • statusBar.noFolderBackground#232522
  • tab.activeBackground#232522
  • tab.activeBorderTop#67E967
  • tab.activeForeground#f1eee6
  • tab.border#ffffff15
  • tab.inactiveBackground#16181660
  • tab.inactiveForeground#f1eee680
  • terminal.ansiBlack#232522
  • terminal.ansiBlue#ECC679
  • terminal.ansiCyan#E7B455
  • terminal.ansiGreen#67E967
  • terminal.ansiMagenta#BAF183
  • terminal.ansiRed#BAF183
  • terminal.ansiWhite#f1eee6
  • terminal.ansiYellow#E7B455
  • terminal.background#232522
  • terminal.foreground#f1eee6
  • titleBar.activeBackground#232522
  • titleBar.activeForeground#f1eee6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#232522
  • titleBar.inactiveForeground#f1eee660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#f4ead6italic
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#67E967
string, punctuation.definition.string, string.template, meta.template.expression#E7B455
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#BAF183
variable, variable.other.readwrite, variable.other.object#f1eee6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f1eee6
variable.parameter, meta.parameter#f1eee6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f1eee680
keyword.operator#f1eee6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B455bold
entity.other.inherited-class#67E967
entity.name.tag, punctuation.definition.tag#ECC679
entity.other.attribute-name#67E967
meta.diff, meta.diff.header#f4ead6
markup.deleted#BAF183
markup.inserted#67E967
markup.changed#E7B455
markup.heading, markup.heading.setext, punctuation.definition.heading#67E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B455
string.other.link.title, string.other.link.description#67E967
markup.underline.link#f4ead6underline
punctuation.definition.list#ECC679
markup.quote, punctuation.definition.quote#f4ead6italic