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#f7f2e6
  • activityBar.border#00000015
  • activityBar.foreground#5a8f62
  • activityBar.inactiveForeground#29211860
  • activityBarBadge.background#5a8f62
  • activityBarBadge.foreground#f7f2e6
  • button.background#5a8f62
  • button.foreground#f7f2e6
  • button.hoverBackground#5a8f62dd
  • editor.background#f7f2e6
  • editor.foreground#292118
  • editor.inactiveSelectionBackground#d8b38a2580
  • editor.lineHighlightBackground#f3e9d450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#d8b38a25
  • editorCursor.foreground#5a8f62
  • editorGroupHeader.tabsBackground#f3e9d4aa
  • editorLineNumber.activeForeground#5a8f62
  • editorLineNumber.foreground#d6cec180
  • focusBorder#5a8f62
  • foreground#292118
  • input.background#f3e9d4
  • input.border#00000015
  • input.foreground#292118
  • input.placeholderForeground#29211860
  • list.activeSelectionBackground#5a8f6230
  • list.activeSelectionForeground#292118
  • list.highlightForeground#5a8f62
  • list.hoverBackground#f3e9d440
  • list.hoverForeground#292118
  • list.inactiveSelectionBackground#5a8f6215
  • list.inactiveSelectionForeground#292118
  • selection.background#d8b38a25
  • sideBar.background#f3e9d4
  • sideBar.border#00000015
  • sideBar.foreground#292118
  • sideBarSectionHeader.background#f3e9d480
  • sideBarSectionHeader.foreground#292118
  • sideBarTitle.foreground#5a8f62
  • statusBar.background#f7f2e6
  • statusBar.border#00000015
  • statusBar.foreground#292118
  • statusBar.noFolderBackground#f7f2e6
  • tab.activeBackground#f7f2e6
  • tab.activeBorderTop#5a8f62
  • tab.activeForeground#292118
  • tab.border#00000015
  • tab.inactiveBackground#f7f2e660
  • tab.inactiveForeground#29211880
  • terminal.ansiBlack#292118
  • terminal.ansiBlue#d8b38a
  • terminal.ansiCyan#49a6e0
  • terminal.ansiGreen#5a8f62
  • terminal.ansiMagenta#b56a30
  • terminal.ansiRed#b56a30
  • terminal.ansiWhite#292118
  • terminal.ansiYellow#49a6e0
  • terminal.background#f7f2e6
  • terminal.foreground#292118
  • titleBar.activeBackground#f7f2e6
  • titleBar.activeForeground#292118
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f7f2e6
  • titleBar.inactiveForeground#29211860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d6cec1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#d8b38abold
storage.type, storage.modifier#d8b38aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5a8f62
string, punctuation.definition.string, string.template, meta.template.expression#49a6e0
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b56a30
variable, variable.other.readwrite, variable.other.object#292118
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#292118
variable.parameter, meta.parameter#292118dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#29211880
keyword.operator#292118
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#49a6e0bold
entity.other.inherited-class#5a8f62
entity.name.tag, punctuation.definition.tag#d8b38a
entity.other.attribute-name#5a8f62
meta.diff, meta.diff.header#d6cec1
markup.deleted#b56a30
markup.inserted#5a8f62
markup.changed#49a6e0
markup.heading, markup.heading.setext, punctuation.definition.heading#5a8f62bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#49a6e0
string.other.link.title, string.other.link.description#5a8f62
markup.underline.link#d6cec1underline
punctuation.definition.list#d8b38a
markup.quote, punctuation.definition.quote#d6cec1italic