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#2F231A
  • activityBar.border#ffffff15
  • activityBar.foreground#8C5E33
  • activityBar.inactiveForeground#F7F1E660
  • activityBarBadge.background#8C5E33
  • activityBarBadge.foreground#2F231A
  • button.background#8C5E33
  • button.foreground#2F231A
  • button.hoverBackground#8C5E33dd
  • editor.background#2F231A
  • editor.foreground#F7F1E6
  • editor.inactiveSelectionBackground#DCC2A23580
  • editor.lineHighlightBackground#1F191340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#DCC2A235
  • editorCursor.foreground#8C5E33
  • editorGroupHeader.tabsBackground#2F231Add
  • editorLineNumber.activeForeground#8C5E33
  • editorLineNumber.foreground#C7A47B80
  • focusBorder#8C5E33
  • foreground#F7F1E6
  • input.background#1F1913
  • input.border#ffffff15
  • input.foreground#F7F1E6
  • input.placeholderForeground#F7F1E660
  • list.activeSelectionBackground#8C5E3330
  • list.activeSelectionForeground#F7F1E6
  • list.highlightForeground#8C5E33
  • list.hoverBackground#1F191340
  • list.hoverForeground#F7F1E6
  • list.inactiveSelectionBackground#8C5E3315
  • list.inactiveSelectionForeground#F7F1E6
  • selection.background#DCC2A235
  • sideBar.background#1F1913
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F1E6
  • sideBarSectionHeader.background#2F231A80
  • sideBarSectionHeader.foreground#F7F1E6
  • sideBarTitle.foreground#8C5E33
  • statusBar.background#2F231A
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F1E6
  • statusBar.noFolderBackground#2F231A
  • tab.activeBackground#2F231A
  • tab.activeBorderTop#8C5E33
  • tab.activeForeground#F7F1E6
  • tab.border#ffffff15
  • tab.inactiveBackground#1F191360
  • tab.inactiveForeground#F7F1E680
  • terminal.ansiBlack#2F231A
  • terminal.ansiBlue#DCC2A2
  • terminal.ansiCyan#B58C4C
  • terminal.ansiGreen#8C5E33
  • terminal.ansiMagenta#D99A33
  • terminal.ansiRed#D99A33
  • terminal.ansiWhite#F7F1E6
  • terminal.ansiYellow#B58C4C
  • terminal.background#2F231A
  • terminal.foreground#F7F1E6
  • titleBar.activeBackground#2F231A
  • titleBar.activeForeground#F7F1E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2F231A
  • titleBar.inactiveForeground#F7F1E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C7A47Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#DCC2A2bold
storage.type, storage.modifier#DCC2A2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8C5E33
string, punctuation.definition.string, string.template, meta.template.expression#B58C4C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D99A33
variable, variable.other.readwrite, variable.other.object#F7F1E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F1E6
variable.parameter, meta.parameter#F7F1E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F1E680
keyword.operator#F7F1E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B58C4Cbold
entity.other.inherited-class#8C5E33
entity.name.tag, punctuation.definition.tag#DCC2A2
entity.other.attribute-name#8C5E33
meta.diff, meta.diff.header#C7A47B
markup.deleted#D99A33
markup.inserted#8C5E33
markup.changed#B58C4C
markup.heading, markup.heading.setext, punctuation.definition.heading#8C5E33bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B58C4C
string.other.link.title, string.other.link.description#8C5E33
markup.underline.link#C7A47Bunderline
punctuation.definition.list#DCC2A2
markup.quote, punctuation.definition.quote#C7A47Bitalic