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#191510
  • activityBar.border#ffffff15
  • activityBar.foreground#C4E967
  • activityBar.inactiveForeground#f4ecd960
  • activityBarBadge.background#C4E967
  • activityBarBadge.foreground#191510
  • button.background#C4E967
  • button.foreground#191510
  • button.hoverBackground#C4E967dd
  • editor.background#191510
  • editor.foreground#f4ecd9
  • editor.inactiveSelectionBackground#ECC8793580
  • editor.lineHighlightBackground#19151040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC87935
  • editorCursor.foreground#C4E967
  • editorGroupHeader.tabsBackground#191510dd
  • editorLineNumber.activeForeground#C4E967
  • editorLineNumber.foreground#d8bf8a80
  • focusBorder#C4E967
  • foreground#f4ecd9
  • input.background#191510
  • input.border#ffffff15
  • input.foreground#f4ecd9
  • input.placeholderForeground#f4ecd960
  • list.activeSelectionBackground#C4E96730
  • list.activeSelectionForeground#f4ecd9
  • list.highlightForeground#C4E967
  • list.hoverBackground#19151040
  • list.hoverForeground#f4ecd9
  • list.inactiveSelectionBackground#C4E96715
  • list.inactiveSelectionForeground#f4ecd9
  • selection.background#ECC87935
  • sideBar.background#191510
  • sideBar.border#ffffff15
  • sideBar.foreground#f4ecd9
  • sideBarSectionHeader.background#19151080
  • sideBarSectionHeader.foreground#f4ecd9
  • sideBarTitle.foreground#C4E967
  • statusBar.background#191510
  • statusBar.border#ffffff15
  • statusBar.foreground#f4ecd9
  • statusBar.noFolderBackground#191510
  • tab.activeBackground#191510
  • tab.activeBorderTop#C4E967
  • tab.activeForeground#f4ecd9
  • tab.border#ffffff15
  • tab.inactiveBackground#19151060
  • tab.inactiveForeground#f4ecd980
  • terminal.ansiBlack#191510
  • terminal.ansiBlue#ECC879
  • terminal.ansiCyan#B9E755
  • terminal.ansiGreen#C4E967
  • terminal.ansiMagenta#DDF183
  • terminal.ansiRed#DDF183
  • terminal.ansiWhite#f4ecd9
  • terminal.ansiYellow#B9E755
  • terminal.background#191510
  • terminal.foreground#f4ecd9
  • titleBar.activeBackground#191510
  • titleBar.activeForeground#f4ecd9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#191510
  • titleBar.inactiveForeground#f4ecd960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8bf8aitalic
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#C4E967
string, punctuation.definition.string, string.template, meta.template.expression#B9E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#DDF183
variable, variable.other.readwrite, variable.other.object#f4ecd9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4ecd9
variable.parameter, meta.parameter#f4ecd9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4ecd980
keyword.operator#f4ecd9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B9E755bold
entity.other.inherited-class#C4E967
entity.name.tag, punctuation.definition.tag#ECC879
entity.other.attribute-name#C4E967
meta.diff, meta.diff.header#d8bf8a
markup.deleted#DDF183
markup.inserted#C4E967
markup.changed#B9E755
markup.heading, markup.heading.setext, punctuation.definition.heading#C4E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B9E755
string.other.link.title, string.other.link.description#C4E967
markup.underline.link#d8bf8aunderline
punctuation.definition.list#ECC879
markup.quote, punctuation.definition.quote#d8bf8aitalic