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#f4f1e6
  • activityBar.border#00000015
  • activityBar.foreground#854c1f
  • activityBar.inactiveForeground#2e2b1f60
  • activityBarBadge.background#854c1f
  • activityBarBadge.foreground#f4f1e6
  • button.background#854c1f
  • button.foreground#f4f1e6
  • button.hoverBackground#854c1fdd
  • editor.background#f4f1e6
  • editor.foreground#2e2b1f
  • editor.inactiveSelectionBackground#6c7a322580
  • editor.lineHighlightBackground#fbf8f050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6c7a3225
  • editorCursor.foreground#854c1f
  • editorGroupHeader.tabsBackground#fbf8f0aa
  • editorLineNumber.activeForeground#854c1f
  • editorLineNumber.foreground#d1b08880
  • focusBorder#854c1f
  • foreground#2e2b1f
  • input.background#fbf8f0
  • input.border#00000015
  • input.foreground#2e2b1f
  • input.placeholderForeground#2e2b1f60
  • list.activeSelectionBackground#854c1f30
  • list.activeSelectionForeground#2e2b1f
  • list.highlightForeground#854c1f
  • list.hoverBackground#fbf8f040
  • list.hoverForeground#2e2b1f
  • list.inactiveSelectionBackground#854c1f15
  • list.inactiveSelectionForeground#2e2b1f
  • selection.background#6c7a3225
  • sideBar.background#fbf8f0
  • sideBar.border#00000015
  • sideBar.foreground#2e2b1f
  • sideBarSectionHeader.background#fbf8f080
  • sideBarSectionHeader.foreground#2e2b1f
  • sideBarTitle.foreground#854c1f
  • statusBar.background#f4f1e6
  • statusBar.border#00000015
  • statusBar.foreground#2e2b1f
  • statusBar.noFolderBackground#f4f1e6
  • tab.activeBackground#f4f1e6
  • tab.activeBorderTop#854c1f
  • tab.activeForeground#2e2b1f
  • tab.border#00000015
  • tab.inactiveBackground#f4f1e660
  • tab.inactiveForeground#2e2b1f80
  • terminal.ansiBlack#2e2b1f
  • terminal.ansiBlue#6c7a32
  • terminal.ansiCyan#8fc0c3
  • terminal.ansiGreen#854c1f
  • terminal.ansiMagenta#ead1b1
  • terminal.ansiRed#ead1b1
  • terminal.ansiWhite#2e2b1f
  • terminal.ansiYellow#8fc0c3
  • terminal.background#f4f1e6
  • terminal.foreground#2e2b1f
  • titleBar.activeBackground#f4f1e6
  • titleBar.activeForeground#2e2b1f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f4f1e6
  • titleBar.inactiveForeground#2e2b1f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d1b088italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6c7a32bold
storage.type, storage.modifier#6c7a32italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#854c1f
string, punctuation.definition.string, string.template, meta.template.expression#8fc0c3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#ead1b1
variable, variable.other.readwrite, variable.other.object#2e2b1f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2e2b1f
variable.parameter, meta.parameter#2e2b1fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2e2b1f80
keyword.operator#2e2b1f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8fc0c3bold
entity.other.inherited-class#854c1f
entity.name.tag, punctuation.definition.tag#6c7a32
entity.other.attribute-name#854c1f
meta.diff, meta.diff.header#d1b088
markup.deleted#ead1b1
markup.inserted#854c1f
markup.changed#8fc0c3
markup.heading, markup.heading.setext, punctuation.definition.heading#854c1fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8fc0c3
string.other.link.title, string.other.link.description#854c1f
markup.underline.link#d1b088underline
punctuation.definition.list#6c7a32
markup.quote, punctuation.definition.quote#d1b088italic