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#FFFDFA
  • activityBar.border#00000015
  • activityBar.foreground#937725
  • activityBar.inactiveForeground#2B2F2A60
  • activityBarBadge.background#937725
  • activityBarBadge.foreground#FFFDFA
  • button.background#937725
  • button.foreground#FFFDFA
  • button.hoverBackground#937725dd
  • editor.background#FFFDFA
  • editor.foreground#2B2F2A
  • editor.inactiveSelectionBackground#21833E2580
  • editor.lineHighlightBackground#FFF5F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21833E25
  • editorCursor.foreground#937725
  • editorGroupHeader.tabsBackground#FFF5F0aa
  • editorLineNumber.activeForeground#937725
  • editorLineNumber.foreground#EAF4EF80
  • focusBorder#937725
  • foreground#2B2F2A
  • input.background#FFF5F0
  • input.border#00000015
  • input.foreground#2B2F2A
  • input.placeholderForeground#2B2F2A60
  • list.activeSelectionBackground#93772530
  • list.activeSelectionForeground#2B2F2A
  • list.highlightForeground#937725
  • list.hoverBackground#FFF5F040
  • list.hoverForeground#2B2F2A
  • list.inactiveSelectionBackground#93772515
  • list.inactiveSelectionForeground#2B2F2A
  • selection.background#21833E25
  • sideBar.background#FFF5F0
  • sideBar.border#00000015
  • sideBar.foreground#2B2F2A
  • sideBarSectionHeader.background#FFF5F080
  • sideBarSectionHeader.foreground#2B2F2A
  • sideBarTitle.foreground#937725
  • statusBar.background#FFFDFA
  • statusBar.border#00000015
  • statusBar.foreground#2B2F2A
  • statusBar.noFolderBackground#FFFDFA
  • tab.activeBackground#FFFDFA
  • tab.activeBorderTop#937725
  • tab.activeForeground#2B2F2A
  • tab.border#00000015
  • tab.inactiveBackground#FFFDFA60
  • tab.inactiveForeground#2B2F2A80
  • terminal.ansiBlack#2B2F2A
  • terminal.ansiBlue#21833E
  • terminal.ansiCyan#A32945
  • terminal.ansiGreen#937725
  • terminal.ansiMagenta#761935
  • terminal.ansiRed#761935
  • terminal.ansiWhite#2B2F2A
  • terminal.ansiYellow#A32945
  • terminal.background#FFFDFA
  • terminal.foreground#2B2F2A
  • titleBar.activeBackground#FFFDFA
  • titleBar.activeForeground#2B2F2A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFDFA
  • titleBar.inactiveForeground#2B2F2A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EAF4EFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21833Ebold
storage.type, storage.modifier#21833Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937725
string, punctuation.definition.string, string.template, meta.template.expression#A32945
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761935
variable, variable.other.readwrite, variable.other.object#2B2F2A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2F2A
variable.parameter, meta.parameter#2B2F2Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2F2A80
keyword.operator#2B2F2A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A32945bold
entity.other.inherited-class#937725
entity.name.tag, punctuation.definition.tag#21833E
entity.other.attribute-name#937725
meta.diff, meta.diff.header#EAF4EF
markup.deleted#761935
markup.inserted#937725
markup.changed#A32945
markup.heading, markup.heading.setext, punctuation.definition.heading#937725bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A32945
string.other.link.title, string.other.link.description#937725
markup.underline.link#EAF4EFunderline
punctuation.definition.list#21833E
markup.quote, punctuation.definition.quote#EAF4EFitalic