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#2b241b
  • activityBar.border#ffffff15
  • activityBar.foreground#6d4b32
  • activityBar.inactiveForeground#eee4d160
  • activityBarBadge.background#6d4b32
  • activityBarBadge.foreground#2b241b
  • button.background#6d4b32
  • button.foreground#2b241b
  • button.hoverBackground#6d4b32dd
  • editor.background#2b241b
  • editor.foreground#eee4d1
  • editor.inactiveSelectionBackground#9a76523580
  • editor.lineHighlightBackground#17151040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9a765235
  • editorCursor.foreground#6d4b32
  • editorGroupHeader.tabsBackground#2b241bdd
  • editorLineNumber.activeForeground#6d4b32
  • editorLineNumber.foreground#b7a58f80
  • focusBorder#6d4b32
  • foreground#eee4d1
  • input.background#171510
  • input.border#ffffff15
  • input.foreground#eee4d1
  • input.placeholderForeground#eee4d160
  • list.activeSelectionBackground#6d4b3230
  • list.activeSelectionForeground#eee4d1
  • list.highlightForeground#6d4b32
  • list.hoverBackground#17151040
  • list.hoverForeground#eee4d1
  • list.inactiveSelectionBackground#6d4b3215
  • list.inactiveSelectionForeground#eee4d1
  • selection.background#9a765235
  • sideBar.background#171510
  • sideBar.border#ffffff15
  • sideBar.foreground#eee4d1
  • sideBarSectionHeader.background#2b241b80
  • sideBarSectionHeader.foreground#eee4d1
  • sideBarTitle.foreground#6d4b32
  • statusBar.background#2b241b
  • statusBar.border#ffffff15
  • statusBar.foreground#eee4d1
  • statusBar.noFolderBackground#2b241b
  • tab.activeBackground#2b241b
  • tab.activeBorderTop#6d4b32
  • tab.activeForeground#eee4d1
  • tab.border#ffffff15
  • tab.inactiveBackground#17151060
  • tab.inactiveForeground#eee4d180
  • terminal.ansiBlack#2b241b
  • terminal.ansiBlue#9a7652
  • terminal.ansiCyan#5f7c45
  • terminal.ansiGreen#6d4b32
  • terminal.ansiMagenta#8aa05f
  • terminal.ansiRed#8aa05f
  • terminal.ansiWhite#eee4d1
  • terminal.ansiYellow#5f7c45
  • terminal.background#2b241b
  • terminal.foreground#eee4d1
  • titleBar.activeBackground#2b241b
  • titleBar.activeForeground#eee4d1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2b241b
  • titleBar.inactiveForeground#eee4d160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b7a58fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9a7652bold
storage.type, storage.modifier#9a7652italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6d4b32
string, punctuation.definition.string, string.template, meta.template.expression#5f7c45
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8aa05f
variable, variable.other.readwrite, variable.other.object#eee4d1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#eee4d1
variable.parameter, meta.parameter#eee4d1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#eee4d180
keyword.operator#eee4d1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5f7c45bold
entity.other.inherited-class#6d4b32
entity.name.tag, punctuation.definition.tag#9a7652
entity.other.attribute-name#6d4b32
meta.diff, meta.diff.header#b7a58f
markup.deleted#8aa05f
markup.inserted#6d4b32
markup.changed#5f7c45
markup.heading, markup.heading.setext, punctuation.definition.heading#6d4b32bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5f7c45
string.other.link.title, string.other.link.description#6d4b32
markup.underline.link#b7a58funderline
punctuation.definition.list#9a7652
markup.quote, punctuation.definition.quote#b7a58fitalic