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#eef1e7
  • activityBar.border#00000015
  • activityBar.foreground#6f8a42
  • activityBar.inactiveForeground#24312660
  • activityBarBadge.background#6f8a42
  • activityBarBadge.foreground#eef1e7
  • button.background#6f8a42
  • button.foreground#eef1e7
  • button.hoverBackground#6f8a42dd
  • editor.background#eef1e7
  • editor.foreground#243126
  • editor.inactiveSelectionBackground#a7b46b2580
  • editor.lineHighlightBackground#fbfcf650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#a7b46b25
  • editorCursor.foreground#6f8a42
  • editorGroupHeader.tabsBackground#fbfcf6aa
  • editorLineNumber.activeForeground#6f8a42
  • editorLineNumber.foreground#b8beb580
  • focusBorder#6f8a42
  • foreground#243126
  • input.background#fbfcf6
  • input.border#00000015
  • input.foreground#243126
  • input.placeholderForeground#24312660
  • list.activeSelectionBackground#6f8a4230
  • list.activeSelectionForeground#243126
  • list.highlightForeground#6f8a42
  • list.hoverBackground#fbfcf640
  • list.hoverForeground#243126
  • list.inactiveSelectionBackground#6f8a4215
  • list.inactiveSelectionForeground#243126
  • selection.background#a7b46b25
  • sideBar.background#fbfcf6
  • sideBar.border#00000015
  • sideBar.foreground#243126
  • sideBarSectionHeader.background#fbfcf680
  • sideBarSectionHeader.foreground#243126
  • sideBarTitle.foreground#6f8a42
  • statusBar.background#eef1e7
  • statusBar.border#00000015
  • statusBar.foreground#243126
  • statusBar.noFolderBackground#eef1e7
  • tab.activeBackground#eef1e7
  • tab.activeBorderTop#6f8a42
  • tab.activeForeground#243126
  • tab.border#00000015
  • tab.inactiveBackground#eef1e760
  • tab.inactiveForeground#24312680
  • terminal.ansiBlack#243126
  • terminal.ansiBlue#a7b46b
  • terminal.ansiCyan#78939a
  • terminal.ansiGreen#6f8a42
  • terminal.ansiMagenta#b99a4b
  • terminal.ansiRed#b99a4b
  • terminal.ansiWhite#243126
  • terminal.ansiYellow#78939a
  • terminal.background#eef1e7
  • terminal.foreground#243126
  • titleBar.activeBackground#eef1e7
  • titleBar.activeForeground#243126
  • titleBar.border#00000015
  • titleBar.inactiveBackground#eef1e7
  • titleBar.inactiveForeground#24312660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b8beb5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#a7b46bbold
storage.type, storage.modifier#a7b46bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6f8a42
string, punctuation.definition.string, string.template, meta.template.expression#78939a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b99a4b
variable, variable.other.readwrite, variable.other.object#243126
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#243126
variable.parameter, meta.parameter#243126dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24312680
keyword.operator#243126
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#78939abold
entity.other.inherited-class#6f8a42
entity.name.tag, punctuation.definition.tag#a7b46b
entity.other.attribute-name#6f8a42
meta.diff, meta.diff.header#b8beb5
markup.deleted#b99a4b
markup.inserted#6f8a42
markup.changed#78939a
markup.heading, markup.heading.setext, punctuation.definition.heading#6f8a42bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#78939a
string.other.link.title, string.other.link.description#6f8a42
markup.underline.link#b8beb5underline
punctuation.definition.list#a7b46b
markup.quote, punctuation.definition.quote#b8beb5italic