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#5F5145
  • activityBar.border#ffffff15
  • activityBar.foreground#BCE967
  • activityBar.inactiveForeground#f4f2ea60
  • activityBarBadge.background#BCE967
  • activityBarBadge.foreground#5F5145
  • button.background#BCE967
  • button.foreground#5F5145
  • button.hoverBackground#BCE967dd
  • editor.background#5F5145
  • editor.foreground#f4f2ea
  • editor.inactiveSelectionBackground#ECB6793580
  • editor.lineHighlightBackground#25272140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB67935
  • editorCursor.foreground#BCE967
  • editorGroupHeader.tabsBackground#5F5145dd
  • editorLineNumber.activeForeground#BCE967
  • editorLineNumber.foreground#78935b80
  • focusBorder#BCE967
  • foreground#f4f2ea
  • input.background#252721
  • input.border#ffffff15
  • input.foreground#f4f2ea
  • input.placeholderForeground#f4f2ea60
  • list.activeSelectionBackground#BCE96730
  • list.activeSelectionForeground#f4f2ea
  • list.highlightForeground#BCE967
  • list.hoverBackground#25272140
  • list.hoverForeground#f4f2ea
  • list.inactiveSelectionBackground#BCE96715
  • list.inactiveSelectionForeground#f4f2ea
  • selection.background#ECB67935
  • sideBar.background#252721
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f2ea
  • sideBarSectionHeader.background#5F514580
  • sideBarSectionHeader.foreground#f4f2ea
  • sideBarTitle.foreground#BCE967
  • statusBar.background#5F5145
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f2ea
  • statusBar.noFolderBackground#5F5145
  • tab.activeBackground#5F5145
  • tab.activeBorderTop#BCE967
  • tab.activeForeground#f4f2ea
  • tab.border#ffffff15
  • tab.inactiveBackground#25272160
  • tab.inactiveForeground#f4f2ea80
  • terminal.ansiBlack#5F5145
  • terminal.ansiBlue#ECB679
  • terminal.ansiCyan#55E7E7
  • terminal.ansiGreen#BCE967
  • terminal.ansiMagenta#C3F183
  • terminal.ansiRed#C3F183
  • terminal.ansiWhite#f4f2ea
  • terminal.ansiYellow#55E7E7
  • terminal.background#5F5145
  • terminal.foreground#f4f2ea
  • titleBar.activeBackground#5F5145
  • titleBar.activeForeground#f4f2ea
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5F5145
  • titleBar.inactiveForeground#f4f2ea60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#78935bitalic
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#BCE967
string, punctuation.definition.string, string.template, meta.template.expression#55E7E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C3F183
variable, variable.other.readwrite, variable.other.object#f4f2ea
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f2ea
variable.parameter, meta.parameter#f4f2eadditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f2ea80
keyword.operator#f4f2ea
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7E7bold
entity.other.inherited-class#BCE967
entity.name.tag, punctuation.definition.tag#ECB679
entity.other.attribute-name#BCE967
meta.diff, meta.diff.header#78935b
markup.deleted#C3F183
markup.inserted#BCE967
markup.changed#55E7E7
markup.heading, markup.heading.setext, punctuation.definition.heading#BCE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7E7
string.other.link.title, string.other.link.description#BCE967
markup.underline.link#78935bunderline
punctuation.definition.list#ECB679
markup.quote, punctuation.definition.quote#78935bitalic