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#F7F0E4
  • activityBar.border#00000015
  • activityBar.foreground#259348
  • activityBar.inactiveForeground#1B1F1960
  • activityBarBadge.background#259348
  • activityBarBadge.foreground#F7F0E4
  • button.background#259348
  • button.foreground#F7F0E4
  • button.hoverBackground#259348dd
  • editor.background#F7F0E4
  • editor.foreground#1B1F19
  • editor.inactiveSelectionBackground#21833B2580
  • editor.lineHighlightBackground#E8E2CF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21833B25
  • editorCursor.foreground#259348
  • editorGroupHeader.tabsBackground#E8E2CFaa
  • editorLineNumber.activeForeground#259348
  • editorLineNumber.foreground#8D918880
  • focusBorder#259348
  • foreground#1B1F19
  • input.background#E8E2CF
  • input.border#00000015
  • input.foreground#1B1F19
  • input.placeholderForeground#1B1F1960
  • list.activeSelectionBackground#25934830
  • list.activeSelectionForeground#1B1F19
  • list.highlightForeground#259348
  • list.hoverBackground#E8E2CF40
  • list.hoverForeground#1B1F19
  • list.inactiveSelectionBackground#25934815
  • list.inactiveSelectionForeground#1B1F19
  • selection.background#21833B25
  • sideBar.background#E8E2CF
  • sideBar.border#00000015
  • sideBar.foreground#1B1F19
  • sideBarSectionHeader.background#E8E2CF80
  • sideBarSectionHeader.foreground#1B1F19
  • sideBarTitle.foreground#259348
  • statusBar.background#F7F0E4
  • statusBar.border#00000015
  • statusBar.foreground#1B1F19
  • statusBar.noFolderBackground#F7F0E4
  • tab.activeBackground#F7F0E4
  • tab.activeBorderTop#259348
  • tab.activeForeground#1B1F19
  • tab.border#00000015
  • tab.inactiveBackground#F7F0E460
  • tab.inactiveForeground#1B1F1980
  • terminal.ansiBlack#1B1F19
  • terminal.ansiBlue#21833B
  • terminal.ansiCyan#29A3A3
  • terminal.ansiGreen#259348
  • terminal.ansiMagenta#637619
  • terminal.ansiRed#637619
  • terminal.ansiWhite#1B1F19
  • terminal.ansiYellow#29A3A3
  • terminal.background#F7F0E4
  • terminal.foreground#1B1F19
  • titleBar.activeBackground#F7F0E4
  • titleBar.activeForeground#1B1F19
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F0E4
  • titleBar.inactiveForeground#1B1F1960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8D9188italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21833Bbold
storage.type, storage.modifier#21833Bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259348
string, punctuation.definition.string, string.template, meta.template.expression#29A3A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#637619
variable, variable.other.readwrite, variable.other.object#1B1F19
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1B1F19
variable.parameter, meta.parameter#1B1F19dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1B1F1980
keyword.operator#1B1F19
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A3A3bold
entity.other.inherited-class#259348
entity.name.tag, punctuation.definition.tag#21833B
entity.other.attribute-name#259348
meta.diff, meta.diff.header#8D9188
markup.deleted#637619
markup.inserted#259348
markup.changed#29A3A3
markup.heading, markup.heading.setext, punctuation.definition.heading#259348bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A3A3
string.other.link.title, string.other.link.description#259348
markup.underline.link#8D9188underline
punctuation.definition.list#21833B
markup.quote, punctuation.definition.quote#8D9188italic