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#f6eddc
  • activityBar.border#00000015
  • activityBar.foreground#8a5733
  • activityBar.inactiveForeground#24191260
  • activityBarBadge.background#8a5733
  • activityBarBadge.foreground#f6eddc
  • button.background#8a5733
  • button.foreground#f6eddc
  • button.hoverBackground#8a5733dd
  • editor.background#f6eddc
  • editor.foreground#241912
  • editor.inactiveSelectionBackground#b978432580
  • editor.lineHighlightBackground#fff8e950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#b9784325
  • editorCursor.foreground#8a5733
  • editorGroupHeader.tabsBackground#fff8e9aa
  • editorLineNumber.activeForeground#8a5733
  • editorLineNumber.foreground#c8b89e80
  • focusBorder#8a5733
  • foreground#241912
  • input.background#fff8e9
  • input.border#00000015
  • input.foreground#241912
  • input.placeholderForeground#24191260
  • list.activeSelectionBackground#8a573330
  • list.activeSelectionForeground#241912
  • list.highlightForeground#8a5733
  • list.hoverBackground#fff8e940
  • list.hoverForeground#241912
  • list.inactiveSelectionBackground#8a573315
  • list.inactiveSelectionForeground#241912
  • selection.background#b9784325
  • sideBar.background#fff8e9
  • sideBar.border#00000015
  • sideBar.foreground#241912
  • sideBarSectionHeader.background#fff8e980
  • sideBarSectionHeader.foreground#241912
  • sideBarTitle.foreground#8a5733
  • statusBar.background#f6eddc
  • statusBar.border#00000015
  • statusBar.foreground#241912
  • statusBar.noFolderBackground#f6eddc
  • tab.activeBackground#f6eddc
  • tab.activeBorderTop#8a5733
  • tab.activeForeground#241912
  • tab.border#00000015
  • tab.inactiveBackground#f6eddc60
  • tab.inactiveForeground#24191280
  • terminal.ansiBlack#241912
  • terminal.ansiBlue#b97843
  • terminal.ansiCyan#5f7f3f
  • terminal.ansiGreen#8a5733
  • terminal.ansiMagenta#b64b3a
  • terminal.ansiRed#b64b3a
  • terminal.ansiWhite#241912
  • terminal.ansiYellow#5f7f3f
  • terminal.background#f6eddc
  • terminal.foreground#241912
  • titleBar.activeBackground#f6eddc
  • titleBar.activeForeground#241912
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f6eddc
  • titleBar.inactiveForeground#24191260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c8b89eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#b97843bold
storage.type, storage.modifier#b97843italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8a5733
string, punctuation.definition.string, string.template, meta.template.expression#5f7f3f
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b64b3a
variable, variable.other.readwrite, variable.other.object#241912
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#241912
variable.parameter, meta.parameter#241912dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24191280
keyword.operator#241912
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5f7f3fbold
entity.other.inherited-class#8a5733
entity.name.tag, punctuation.definition.tag#b97843
entity.other.attribute-name#8a5733
meta.diff, meta.diff.header#c8b89e
markup.deleted#b64b3a
markup.inserted#8a5733
markup.changed#5f7f3f
markup.heading, markup.heading.setext, punctuation.definition.heading#8a5733bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5f7f3f
string.other.link.title, string.other.link.description#8a5733
markup.underline.link#c8b89eunderline
punctuation.definition.list#b97843
markup.quote, punctuation.definition.quote#c8b89eitalic