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#3c2b23
  • activityBar.border#ffffff15
  • activityBar.foreground#7b563f
  • activityBar.inactiveForeground#f7f0df60
  • activityBarBadge.background#7b563f
  • activityBarBadge.foreground#3c2b23
  • button.background#7b563f
  • button.foreground#3c2b23
  • button.hoverBackground#7b563fdd
  • editor.background#3c2b23
  • editor.foreground#f7f0df
  • editor.inactiveSelectionBackground#6f8fa73580
  • editor.lineHighlightBackground#25201b40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6f8fa735
  • editorCursor.foreground#7b563f
  • editorGroupHeader.tabsBackground#3c2b23dd
  • editorLineNumber.activeForeground#7b563f
  • editorLineNumber.foreground#49606f80
  • focusBorder#7b563f
  • foreground#f7f0df
  • input.background#25201b
  • input.border#ffffff15
  • input.foreground#f7f0df
  • input.placeholderForeground#f7f0df60
  • list.activeSelectionBackground#7b563f30
  • list.activeSelectionForeground#f7f0df
  • list.highlightForeground#7b563f
  • list.hoverBackground#25201b40
  • list.hoverForeground#f7f0df
  • list.inactiveSelectionBackground#7b563f15
  • list.inactiveSelectionForeground#f7f0df
  • selection.background#6f8fa735
  • sideBar.background#25201b
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f0df
  • sideBarSectionHeader.background#3c2b2380
  • sideBarSectionHeader.foreground#f7f0df
  • sideBarTitle.foreground#7b563f
  • statusBar.background#3c2b23
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f0df
  • statusBar.noFolderBackground#3c2b23
  • tab.activeBackground#3c2b23
  • tab.activeBorderTop#7b563f
  • tab.activeForeground#f7f0df
  • tab.border#ffffff15
  • tab.inactiveBackground#25201b60
  • tab.inactiveForeground#f7f0df80
  • terminal.ansiBlack#3c2b23
  • terminal.ansiBlue#6f8fa7
  • terminal.ansiCyan#e8dbc4
  • terminal.ansiGreen#7b563f
  • terminal.ansiMagenta#a9896a
  • terminal.ansiRed#a9896a
  • terminal.ansiWhite#f7f0df
  • terminal.ansiYellow#e8dbc4
  • terminal.background#3c2b23
  • terminal.foreground#f7f0df
  • titleBar.activeBackground#3c2b23
  • titleBar.activeForeground#f7f0df
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3c2b23
  • titleBar.inactiveForeground#f7f0df60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#49606fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6f8fa7bold
storage.type, storage.modifier#6f8fa7italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7b563f
string, punctuation.definition.string, string.template, meta.template.expression#e8dbc4
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#a9896a
variable, variable.other.readwrite, variable.other.object#f7f0df
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f0df
variable.parameter, meta.parameter#f7f0dfdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f0df80
keyword.operator#f7f0df
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#e8dbc4bold
entity.other.inherited-class#7b563f
entity.name.tag, punctuation.definition.tag#6f8fa7
entity.other.attribute-name#7b563f
meta.diff, meta.diff.header#49606f
markup.deleted#a9896a
markup.inserted#7b563f
markup.changed#e8dbc4
markup.heading, markup.heading.setext, punctuation.definition.heading#7b563fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#e8dbc4
string.other.link.title, string.other.link.description#7b563f
markup.underline.link#49606funderline
punctuation.definition.list#6f8fa7
markup.quote, punctuation.definition.quote#49606fitalic