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#5a3d2d
  • activityBar.border#ffffff15
  • activityBar.foreground#d92d20
  • activityBar.inactiveForeground#fbf6ef60
  • activityBarBadge.background#d92d20
  • activityBarBadge.foreground#5a3d2d
  • button.background#d92d20
  • button.foreground#5a3d2d
  • button.hoverBackground#d92d20dd
  • editor.background#5a3d2d
  • editor.foreground#fbf6ef
  • editor.inactiveSelectionBackground#ef5a243580
  • editor.lineHighlightBackground#231b1640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ef5a2435
  • editorCursor.foreground#d92d20
  • editorGroupHeader.tabsBackground#5a3d2ddd
  • editorLineNumber.activeForeground#d92d20
  • editorLineNumber.foreground#b98d7380
  • focusBorder#d92d20
  • foreground#fbf6ef
  • input.background#231b16
  • input.border#ffffff15
  • input.foreground#fbf6ef
  • input.placeholderForeground#fbf6ef60
  • list.activeSelectionBackground#d92d2030
  • list.activeSelectionForeground#fbf6ef
  • list.highlightForeground#d92d20
  • list.hoverBackground#231b1640
  • list.hoverForeground#fbf6ef
  • list.inactiveSelectionBackground#d92d2015
  • list.inactiveSelectionForeground#fbf6ef
  • selection.background#ef5a2435
  • sideBar.background#231b16
  • sideBar.border#ffffff15
  • sideBar.foreground#fbf6ef
  • sideBarSectionHeader.background#5a3d2d80
  • sideBarSectionHeader.foreground#fbf6ef
  • sideBarTitle.foreground#d92d20
  • statusBar.background#5a3d2d
  • statusBar.border#ffffff15
  • statusBar.foreground#fbf6ef
  • statusBar.noFolderBackground#5a3d2d
  • tab.activeBackground#5a3d2d
  • tab.activeBorderTop#d92d20
  • tab.activeForeground#fbf6ef
  • tab.border#ffffff15
  • tab.inactiveBackground#231b1660
  • tab.inactiveForeground#fbf6ef80
  • terminal.ansiBlack#5a3d2d
  • terminal.ansiBlue#ef5a24
  • terminal.ansiCyan#f59f2a
  • terminal.ansiGreen#d92d20
  • terminal.ansiMagenta#b96b32
  • terminal.ansiRed#b96b32
  • terminal.ansiWhite#fbf6ef
  • terminal.ansiYellow#f59f2a
  • terminal.background#5a3d2d
  • terminal.foreground#fbf6ef
  • titleBar.activeBackground#5a3d2d
  • titleBar.activeForeground#fbf6ef
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5a3d2d
  • titleBar.inactiveForeground#fbf6ef60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b98d73italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ef5a24bold
storage.type, storage.modifier#ef5a24italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#d92d20
string, punctuation.definition.string, string.template, meta.template.expression#f59f2a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b96b32
variable, variable.other.readwrite, variable.other.object#fbf6ef
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbf6ef
variable.parameter, meta.parameter#fbf6efdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbf6ef80
keyword.operator#fbf6ef
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#f59f2abold
entity.other.inherited-class#d92d20
entity.name.tag, punctuation.definition.tag#ef5a24
entity.other.attribute-name#d92d20
meta.diff, meta.diff.header#b98d73
markup.deleted#b96b32
markup.inserted#d92d20
markup.changed#f59f2a
markup.heading, markup.heading.setext, punctuation.definition.heading#d92d20bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#f59f2a
string.other.link.title, string.other.link.description#d92d20
markup.underline.link#b98d73underline
punctuation.definition.list#ef5a24
markup.quote, punctuation.definition.quote#b98d73italic