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#26241f
  • activityBar.border#ffffff15
  • activityBar.foreground#8d6645
  • activityBar.inactiveForeground#f4f1e960
  • activityBarBadge.background#8d6645
  • activityBarBadge.foreground#26241f
  • button.background#8d6645
  • button.foreground#26241f
  • button.hoverBackground#8d6645dd
  • editor.background#26241f
  • editor.foreground#f4f1e9
  • editor.inactiveSelectionBackground#5f48353580
  • editor.lineHighlightBackground#2f2b2540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5f483535
  • editorCursor.foreground#8d6645
  • editorGroupHeader.tabsBackground#26241fdd
  • editorLineNumber.activeForeground#8d6645
  • editorLineNumber.foreground#aab8bd80
  • focusBorder#8d6645
  • foreground#f4f1e9
  • input.background#2f2b25
  • input.border#ffffff15
  • input.foreground#f4f1e9
  • input.placeholderForeground#f4f1e960
  • list.activeSelectionBackground#8d664530
  • list.activeSelectionForeground#f4f1e9
  • list.highlightForeground#8d6645
  • list.hoverBackground#2f2b2540
  • list.hoverForeground#f4f1e9
  • list.inactiveSelectionBackground#8d664515
  • list.inactiveSelectionForeground#f4f1e9
  • selection.background#5f483535
  • sideBar.background#2f2b25
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f1e9
  • sideBarSectionHeader.background#26241f80
  • sideBarSectionHeader.foreground#f4f1e9
  • sideBarTitle.foreground#8d6645
  • statusBar.background#26241f
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f1e9
  • statusBar.noFolderBackground#26241f
  • tab.activeBackground#26241f
  • tab.activeBorderTop#8d6645
  • tab.activeForeground#f4f1e9
  • tab.border#ffffff15
  • tab.inactiveBackground#2f2b2560
  • tab.inactiveForeground#f4f1e980
  • terminal.ansiBlack#26241f
  • terminal.ansiBlue#5f4835
  • terminal.ansiCyan#7f8f72
  • terminal.ansiGreen#8d6645
  • terminal.ansiMagenta#b99a52
  • terminal.ansiRed#b99a52
  • terminal.ansiWhite#f4f1e9
  • terminal.ansiYellow#7f8f72
  • terminal.background#26241f
  • terminal.foreground#f4f1e9
  • titleBar.activeBackground#26241f
  • titleBar.activeForeground#f4f1e9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#26241f
  • titleBar.inactiveForeground#f4f1e960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#aab8bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5f4835bold
storage.type, storage.modifier#5f4835italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8d6645
string, punctuation.definition.string, string.template, meta.template.expression#7f8f72
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b99a52
variable, variable.other.readwrite, variable.other.object#f4f1e9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f1e9
variable.parameter, meta.parameter#f4f1e9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f1e980
keyword.operator#f4f1e9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7f8f72bold
entity.other.inherited-class#8d6645
entity.name.tag, punctuation.definition.tag#5f4835
entity.other.attribute-name#8d6645
meta.diff, meta.diff.header#aab8bd
markup.deleted#b99a52
markup.inserted#8d6645
markup.changed#7f8f72
markup.heading, markup.heading.setext, punctuation.definition.heading#8d6645bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7f8f72
string.other.link.title, string.other.link.description#8d6645
markup.underline.link#aab8bdunderline
punctuation.definition.list#5f4835
markup.quote, punctuation.definition.quote#aab8bditalic