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#F3EFE7
  • activityBar.border#00000015
  • activityBar.foreground#933925
  • activityBar.inactiveForeground#221a1660
  • activityBarBadge.background#933925
  • activityBarBadge.foreground#F3EFE7
  • button.background#933925
  • button.foreground#F3EFE7
  • button.hoverBackground#933925dd
  • editor.background#F3EFE7
  • editor.foreground#221a16
  • editor.inactiveSelectionBackground#8360212580
  • editor.lineHighlightBackground#CBA87650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83602125
  • editorCursor.foreground#933925
  • editorGroupHeader.tabsBackground#CBA876aa
  • editorLineNumber.activeForeground#933925
  • editorLineNumber.foreground#f7f1e680
  • focusBorder#933925
  • foreground#221a16
  • input.background#CBA876
  • input.border#00000015
  • input.foreground#221a16
  • input.placeholderForeground#221a1660
  • list.activeSelectionBackground#93392530
  • list.activeSelectionForeground#221a16
  • list.highlightForeground#933925
  • list.hoverBackground#CBA87640
  • list.hoverForeground#221a16
  • list.inactiveSelectionBackground#93392515
  • list.inactiveSelectionForeground#221a16
  • selection.background#83602125
  • sideBar.background#CBA876
  • sideBar.border#00000015
  • sideBar.foreground#221a16
  • sideBarSectionHeader.background#CBA87680
  • sideBarSectionHeader.foreground#221a16
  • sideBarTitle.foreground#933925
  • statusBar.background#F3EFE7
  • statusBar.border#00000015
  • statusBar.foreground#221a16
  • statusBar.noFolderBackground#F3EFE7
  • tab.activeBackground#F3EFE7
  • tab.activeBorderTop#933925
  • tab.activeForeground#221a16
  • tab.border#00000015
  • tab.inactiveBackground#F3EFE760
  • tab.inactiveForeground#221a1680
  • terminal.ansiBlack#221a16
  • terminal.ansiBlue#836021
  • terminal.ansiCyan#29A372
  • terminal.ansiGreen#933925
  • terminal.ansiMagenta#2F7619
  • terminal.ansiRed#2F7619
  • terminal.ansiWhite#221a16
  • terminal.ansiYellow#29A372
  • terminal.background#F3EFE7
  • terminal.foreground#221a16
  • titleBar.activeBackground#F3EFE7
  • titleBar.activeForeground#221a16
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F3EFE7
  • titleBar.inactiveForeground#221a1660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#f7f1e6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836021bold
storage.type, storage.modifier#836021italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#933925
string, punctuation.definition.string, string.template, meta.template.expression#29A372
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2F7619
variable, variable.other.readwrite, variable.other.object#221a16
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#221a16
variable.parameter, meta.parameter#221a16dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#221a1680
keyword.operator#221a16
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A372bold
entity.other.inherited-class#933925
entity.name.tag, punctuation.definition.tag#836021
entity.other.attribute-name#933925
meta.diff, meta.diff.header#f7f1e6
markup.deleted#2F7619
markup.inserted#933925
markup.changed#29A372
markup.heading, markup.heading.setext, punctuation.definition.heading#933925bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A372
string.other.link.title, string.other.link.description#933925
markup.underline.link#f7f1e6underline
punctuation.definition.list#836021
markup.quote, punctuation.definition.quote#f7f1e6italic