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#f4fae8
  • activityBar.border#00000015
  • activityBar.foreground#6ea04d
  • activityBar.inactiveForeground#26321f60
  • activityBarBadge.background#6ea04d
  • activityBarBadge.foreground#f4fae8
  • button.background#6ea04d
  • button.foreground#f4fae8
  • button.hoverBackground#6ea04ddd
  • editor.background#f4fae8
  • editor.foreground#26321f
  • editor.inactiveSelectionBackground#a9c78a2580
  • editor.lineHighlightBackground#fefff750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#a9c78a25
  • editorCursor.foreground#6ea04d
  • editorGroupHeader.tabsBackground#fefff7aa
  • editorLineNumber.activeForeground#6ea04d
  • editorLineNumber.foreground#e8e6da80
  • focusBorder#6ea04d
  • foreground#26321f
  • input.background#fefff7
  • input.border#00000015
  • input.foreground#26321f
  • input.placeholderForeground#26321f60
  • list.activeSelectionBackground#6ea04d30
  • list.activeSelectionForeground#26321f
  • list.highlightForeground#6ea04d
  • list.hoverBackground#fefff740
  • list.hoverForeground#26321f
  • list.inactiveSelectionBackground#6ea04d15
  • list.inactiveSelectionForeground#26321f
  • selection.background#a9c78a25
  • sideBar.background#fefff7
  • sideBar.border#00000015
  • sideBar.foreground#26321f
  • sideBarSectionHeader.background#fefff780
  • sideBarSectionHeader.foreground#26321f
  • sideBarTitle.foreground#6ea04d
  • statusBar.background#f4fae8
  • statusBar.border#00000015
  • statusBar.foreground#26321f
  • statusBar.noFolderBackground#f4fae8
  • tab.activeBackground#f4fae8
  • tab.activeBorderTop#6ea04d
  • tab.activeForeground#26321f
  • tab.border#00000015
  • tab.inactiveBackground#f4fae860
  • tab.inactiveForeground#26321f80
  • terminal.ansiBlack#26321f
  • terminal.ansiBlue#a9c78a
  • terminal.ansiCyan#b7e368
  • terminal.ansiGreen#6ea04d
  • terminal.ansiMagenta#fefff7
  • terminal.ansiRed#fefff7
  • terminal.ansiWhite#26321f
  • terminal.ansiYellow#b7e368
  • terminal.background#f4fae8
  • terminal.foreground#26321f
  • titleBar.activeBackground#f4fae8
  • titleBar.activeForeground#26321f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f4fae8
  • titleBar.inactiveForeground#26321f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e8e6daitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#a9c78abold
storage.type, storage.modifier#a9c78aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6ea04d
string, punctuation.definition.string, string.template, meta.template.expression#b7e368
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#fefff7
variable, variable.other.readwrite, variable.other.object#26321f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#26321f
variable.parameter, meta.parameter#26321fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#26321f80
keyword.operator#26321f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#b7e368bold
entity.other.inherited-class#6ea04d
entity.name.tag, punctuation.definition.tag#a9c78a
entity.other.attribute-name#6ea04d
meta.diff, meta.diff.header#e8e6da
markup.deleted#fefff7
markup.inserted#6ea04d
markup.changed#b7e368
markup.heading, markup.heading.setext, punctuation.definition.heading#6ea04dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#b7e368
string.other.link.title, string.other.link.description#6ea04d
markup.underline.link#e8e6daunderline
punctuation.definition.list#a9c78a
markup.quote, punctuation.definition.quote#e8e6daitalic