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#F7FAF6
  • activityBar.border#00000015
  • activityBar.foreground#536F4A
  • activityBar.inactiveForeground#17211B60
  • activityBarBadge.background#536F4A
  • activityBarBadge.foreground#F7FAF6
  • button.background#536F4A
  • button.foreground#F7FAF6
  • button.hoverBackground#536F4Add
  • editor.background#F7FAF6
  • editor.foreground#17211B
  • editor.inactiveSelectionBackground#AAB2AD2580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#AAB2AD25
  • editorCursor.foreground#536F4A
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#536F4A
  • editorLineNumber.foreground#D7DDD880
  • focusBorder#536F4A
  • foreground#17211B
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#17211B
  • input.placeholderForeground#17211B60
  • list.activeSelectionBackground#536F4A30
  • list.activeSelectionForeground#17211B
  • list.highlightForeground#536F4A
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#17211B
  • list.inactiveSelectionBackground#536F4A15
  • list.inactiveSelectionForeground#17211B
  • selection.background#AAB2AD25
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#17211B
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#17211B
  • sideBarTitle.foreground#536F4A
  • statusBar.background#F7FAF6
  • statusBar.border#00000015
  • statusBar.foreground#17211B
  • statusBar.noFolderBackground#F7FAF6
  • tab.activeBackground#F7FAF6
  • tab.activeBorderTop#536F4A
  • tab.activeForeground#17211B
  • tab.border#00000015
  • tab.inactiveBackground#F7FAF660
  • tab.inactiveForeground#17211B80
  • terminal.ansiBlack#17211B
  • terminal.ansiBlue#AAB2AD
  • terminal.ansiCyan#EEF2EC
  • terminal.ansiGreen#536F4A
  • terminal.ansiMagenta#2E4A32
  • terminal.ansiRed#2E4A32
  • terminal.ansiWhite#17211B
  • terminal.ansiYellow#EEF2EC
  • terminal.background#F7FAF6
  • terminal.foreground#17211B
  • titleBar.activeBackground#F7FAF6
  • titleBar.activeForeground#17211B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7FAF6
  • titleBar.inactiveForeground#17211B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D7DDD8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#AAB2ADbold
storage.type, storage.modifier#AAB2ADitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#536F4A
string, punctuation.definition.string, string.template, meta.template.expression#EEF2EC
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2E4A32
variable, variable.other.readwrite, variable.other.object#17211B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#17211B
variable.parameter, meta.parameter#17211Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17211B80
keyword.operator#17211B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#EEF2ECbold
entity.other.inherited-class#536F4A
entity.name.tag, punctuation.definition.tag#AAB2AD
entity.other.attribute-name#536F4A
meta.diff, meta.diff.header#D7DDD8
markup.deleted#2E4A32
markup.inserted#536F4A
markup.changed#EEF2EC
markup.heading, markup.heading.setext, punctuation.definition.heading#536F4Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#EEF2EC
string.other.link.title, string.other.link.description#536F4A
markup.underline.link#D7DDD8underline
punctuation.definition.list#AAB2AD
markup.quote, punctuation.definition.quote#D7DDD8italic