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#5b4a36
  • activityBar.border#ffffff15
  • activityBar.foreground#e6c13a
  • activityBar.inactiveForeground#faf7ec60
  • activityBarBadge.background#e6c13a
  • activityBarBadge.foreground#5b4a36
  • button.background#e6c13a
  • button.foreground#5b4a36
  • button.hoverBackground#e6c13add
  • editor.background#5b4a36
  • editor.foreground#faf7ec
  • editor.inactiveSelectionBackground#d8ae233580
  • editor.lineHighlightBackground#2e241a40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#d8ae2335
  • editorCursor.foreground#e6c13a
  • editorGroupHeader.tabsBackground#5b4a36dd
  • editorLineNumber.activeForeground#e6c13a
  • editorLineNumber.foreground#e6d1b380
  • focusBorder#e6c13a
  • foreground#faf7ec
  • input.background#2e241a
  • input.border#ffffff15
  • input.foreground#faf7ec
  • input.placeholderForeground#faf7ec60
  • list.activeSelectionBackground#e6c13a30
  • list.activeSelectionForeground#faf7ec
  • list.highlightForeground#e6c13a
  • list.hoverBackground#2e241a40
  • list.hoverForeground#faf7ec
  • list.inactiveSelectionBackground#e6c13a15
  • list.inactiveSelectionForeground#faf7ec
  • selection.background#d8ae2335
  • sideBar.background#2e241a
  • sideBar.border#ffffff15
  • sideBar.foreground#faf7ec
  • sideBarSectionHeader.background#5b4a3680
  • sideBarSectionHeader.foreground#faf7ec
  • sideBarTitle.foreground#e6c13a
  • statusBar.background#5b4a36
  • statusBar.border#ffffff15
  • statusBar.foreground#faf7ec
  • statusBar.noFolderBackground#5b4a36
  • tab.activeBackground#5b4a36
  • tab.activeBorderTop#e6c13a
  • tab.activeForeground#faf7ec
  • tab.border#ffffff15
  • tab.inactiveBackground#2e241a60
  • tab.inactiveForeground#faf7ec80
  • terminal.ansiBlack#5b4a36
  • terminal.ansiBlue#d8ae23
  • terminal.ansiCyan#5e7a49
  • terminal.ansiGreen#e6c13a
  • terminal.ansiMagenta#8a9b62
  • terminal.ansiRed#8a9b62
  • terminal.ansiWhite#faf7ec
  • terminal.ansiYellow#5e7a49
  • terminal.background#5b4a36
  • terminal.foreground#faf7ec
  • titleBar.activeBackground#5b4a36
  • titleBar.activeForeground#faf7ec
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5b4a36
  • titleBar.inactiveForeground#faf7ec60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6d1b3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#d8ae23bold
storage.type, storage.modifier#d8ae23italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#e6c13a
string, punctuation.definition.string, string.template, meta.template.expression#5e7a49
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8a9b62
variable, variable.other.readwrite, variable.other.object#faf7ec
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#faf7ec
variable.parameter, meta.parameter#faf7ecdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#faf7ec80
keyword.operator#faf7ec
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5e7a49bold
entity.other.inherited-class#e6c13a
entity.name.tag, punctuation.definition.tag#d8ae23
entity.other.attribute-name#e6c13a
meta.diff, meta.diff.header#e6d1b3
markup.deleted#8a9b62
markup.inserted#e6c13a
markup.changed#5e7a49
markup.heading, markup.heading.setext, punctuation.definition.heading#e6c13abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5e7a49
string.other.link.title, string.other.link.description#e6c13a
markup.underline.link#e6d1b3underline
punctuation.definition.list#d8ae23
markup.quote, punctuation.definition.quote#e6d1b3italic