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#f5f1e8
  • activityBar.border#00000015
  • activityBar.foreground#7a4a27
  • activityBar.inactiveForeground#2c211960
  • activityBarBadge.background#7a4a27
  • activityBarBadge.foreground#f5f1e8
  • button.background#7a4a27
  • button.foreground#f5f1e8
  • button.hoverBackground#7a4a27dd
  • editor.background#f5f1e8
  • editor.foreground#2c2119
  • editor.inactiveSelectionBackground#c8c8bd2580
  • editor.lineHighlightBackground#d9ddcf50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#c8c8bd25
  • editorCursor.foreground#7a4a27
  • editorGroupHeader.tabsBackground#d9ddcfaa
  • editorLineNumber.activeForeground#7a4a27
  • editorLineNumber.foreground#a9866380
  • focusBorder#7a4a27
  • foreground#2c2119
  • input.background#d9ddcf
  • input.border#00000015
  • input.foreground#2c2119
  • input.placeholderForeground#2c211960
  • list.activeSelectionBackground#7a4a2730
  • list.activeSelectionForeground#2c2119
  • list.highlightForeground#7a4a27
  • list.hoverBackground#d9ddcf40
  • list.hoverForeground#2c2119
  • list.inactiveSelectionBackground#7a4a2715
  • list.inactiveSelectionForeground#2c2119
  • selection.background#c8c8bd25
  • sideBar.background#d9ddcf
  • sideBar.border#00000015
  • sideBar.foreground#2c2119
  • sideBarSectionHeader.background#d9ddcf80
  • sideBarSectionHeader.foreground#2c2119
  • sideBarTitle.foreground#7a4a27
  • statusBar.background#f5f1e8
  • statusBar.border#00000015
  • statusBar.foreground#2c2119
  • statusBar.noFolderBackground#f5f1e8
  • tab.activeBackground#f5f1e8
  • tab.activeBorderTop#7a4a27
  • tab.activeForeground#2c2119
  • tab.border#00000015
  • tab.inactiveBackground#f5f1e860
  • tab.inactiveForeground#2c211980
  • terminal.ansiBlack#2c2119
  • terminal.ansiBlue#c8c8bd
  • terminal.ansiCyan#657a3f
  • terminal.ansiGreen#7a4a27
  • terminal.ansiMagenta#8ca45f
  • terminal.ansiRed#8ca45f
  • terminal.ansiWhite#2c2119
  • terminal.ansiYellow#657a3f
  • terminal.background#f5f1e8
  • terminal.foreground#2c2119
  • titleBar.activeBackground#f5f1e8
  • titleBar.activeForeground#2c2119
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f5f1e8
  • titleBar.inactiveForeground#2c211960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a98663italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#c8c8bdbold
storage.type, storage.modifier#c8c8bditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7a4a27
string, punctuation.definition.string, string.template, meta.template.expression#657a3f
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8ca45f
variable, variable.other.readwrite, variable.other.object#2c2119
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2c2119
variable.parameter, meta.parameter#2c2119dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2c211980
keyword.operator#2c2119
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#657a3fbold
entity.other.inherited-class#7a4a27
entity.name.tag, punctuation.definition.tag#c8c8bd
entity.other.attribute-name#7a4a27
meta.diff, meta.diff.header#a98663
markup.deleted#8ca45f
markup.inserted#7a4a27
markup.changed#657a3f
markup.heading, markup.heading.setext, punctuation.definition.heading#7a4a27bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#657a3f
string.other.link.title, string.other.link.description#7a4a27
markup.underline.link#a98663underline
punctuation.definition.list#c8c8bd
markup.quote, punctuation.definition.quote#a98663italic