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#FAF9F1
  • activityBar.border#00000015
  • activityBar.foreground#6FA669
  • activityBar.inactiveForeground#26483460
  • activityBarBadge.background#6FA669
  • activityBarBadge.foreground#FAF9F1
  • button.background#6FA669
  • button.foreground#FAF9F1
  • button.hoverBackground#6FA669dd
  • editor.background#FAF9F1
  • editor.foreground#264834
  • editor.inactiveSelectionBackground#8BAE952580
  • editor.lineHighlightBackground#F3EFD950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8BAE9525
  • editorCursor.foreground#6FA669
  • editorGroupHeader.tabsBackground#F3EFD9aa
  • editorLineNumber.activeForeground#6FA669
  • editorLineNumber.foreground#DDE7C680
  • focusBorder#6FA669
  • foreground#264834
  • input.background#F3EFD9
  • input.border#00000015
  • input.foreground#264834
  • input.placeholderForeground#26483460
  • list.activeSelectionBackground#6FA66930
  • list.activeSelectionForeground#264834
  • list.highlightForeground#6FA669
  • list.hoverBackground#F3EFD940
  • list.hoverForeground#264834
  • list.inactiveSelectionBackground#6FA66915
  • list.inactiveSelectionForeground#264834
  • selection.background#8BAE9525
  • sideBar.background#F3EFD9
  • sideBar.border#00000015
  • sideBar.foreground#264834
  • sideBarSectionHeader.background#F3EFD980
  • sideBarSectionHeader.foreground#264834
  • sideBarTitle.foreground#6FA669
  • statusBar.background#FAF9F1
  • statusBar.border#00000015
  • statusBar.foreground#264834
  • statusBar.noFolderBackground#FAF9F1
  • tab.activeBackground#FAF9F1
  • tab.activeBorderTop#6FA669
  • tab.activeForeground#264834
  • tab.border#00000015
  • tab.inactiveBackground#FAF9F160
  • tab.inactiveForeground#26483480
  • terminal.ansiBlack#264834
  • terminal.ansiBlue#8BAE95
  • terminal.ansiCyan#DCEAA7
  • terminal.ansiGreen#6FA669
  • terminal.ansiMagenta#C8D98B
  • terminal.ansiRed#C8D98B
  • terminal.ansiWhite#264834
  • terminal.ansiYellow#DCEAA7
  • terminal.background#FAF9F1
  • terminal.foreground#264834
  • titleBar.activeBackground#FAF9F1
  • titleBar.activeForeground#264834
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF9F1
  • titleBar.inactiveForeground#26483460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DDE7C6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8BAE95bold
storage.type, storage.modifier#8BAE95italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6FA669
string, punctuation.definition.string, string.template, meta.template.expression#DCEAA7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C8D98B
variable, variable.other.readwrite, variable.other.object#264834
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#264834
variable.parameter, meta.parameter#264834dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#26483480
keyword.operator#264834
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#DCEAA7bold
entity.other.inherited-class#6FA669
entity.name.tag, punctuation.definition.tag#8BAE95
entity.other.attribute-name#6FA669
meta.diff, meta.diff.header#DDE7C6
markup.deleted#C8D98B
markup.inserted#6FA669
markup.changed#DCEAA7
markup.heading, markup.heading.setext, punctuation.definition.heading#6FA669bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#DCEAA7
string.other.link.title, string.other.link.description#6FA669
markup.underline.link#DDE7C6underline
punctuation.definition.list#8BAE95
markup.quote, punctuation.definition.quote#DDE7C6italic