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#faf8f1
  • activityBar.border#00000015
  • activityBar.foreground#1f4a2e
  • activityBar.inactiveForeground#1c1d1860
  • activityBarBadge.background#1f4a2e
  • activityBarBadge.foreground#faf8f1
  • button.background#1f4a2e
  • button.foreground#faf8f1
  • button.hoverBackground#1f4a2edd
  • editor.background#faf8f1
  • editor.foreground#1c1d18
  • editor.inactiveSelectionBackground#2e6b3e2580
  • editor.lineHighlightBackground#f4f1e650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2e6b3e25
  • editorCursor.foreground#1f4a2e
  • editorGroupHeader.tabsBackground#f4f1e6aa
  • editorLineNumber.activeForeground#1f4a2e
  • editorLineNumber.foreground#a8bc8f80
  • focusBorder#1f4a2e
  • foreground#1c1d18
  • input.background#f4f1e6
  • input.border#00000015
  • input.foreground#1c1d18
  • input.placeholderForeground#1c1d1860
  • list.activeSelectionBackground#1f4a2e30
  • list.activeSelectionForeground#1c1d18
  • list.highlightForeground#1f4a2e
  • list.hoverBackground#f4f1e640
  • list.hoverForeground#1c1d18
  • list.inactiveSelectionBackground#1f4a2e15
  • list.inactiveSelectionForeground#1c1d18
  • selection.background#2e6b3e25
  • sideBar.background#f4f1e6
  • sideBar.border#00000015
  • sideBar.foreground#1c1d18
  • sideBarSectionHeader.background#f4f1e680
  • sideBarSectionHeader.foreground#1c1d18
  • sideBarTitle.foreground#1f4a2e
  • statusBar.background#faf8f1
  • statusBar.border#00000015
  • statusBar.foreground#1c1d18
  • statusBar.noFolderBackground#faf8f1
  • tab.activeBackground#faf8f1
  • tab.activeBorderTop#1f4a2e
  • tab.activeForeground#1c1d18
  • tab.border#00000015
  • tab.inactiveBackground#faf8f160
  • tab.inactiveForeground#1c1d1880
  • terminal.ansiBlack#1c1d18
  • terminal.ansiBlue#2e6b3e
  • terminal.ansiCyan#b7d34a
  • terminal.ansiGreen#1f4a2e
  • terminal.ansiMagenta#c7892e
  • terminal.ansiRed#c7892e
  • terminal.ansiWhite#1c1d18
  • terminal.ansiYellow#b7d34a
  • terminal.background#faf8f1
  • terminal.foreground#1c1d18
  • titleBar.activeBackground#faf8f1
  • titleBar.activeForeground#1c1d18
  • titleBar.border#00000015
  • titleBar.inactiveBackground#faf8f1
  • titleBar.inactiveForeground#1c1d1860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a8bc8fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2e6b3ebold
storage.type, storage.modifier#2e6b3eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1f4a2e
string, punctuation.definition.string, string.template, meta.template.expression#b7d34a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#c7892e
variable, variable.other.readwrite, variable.other.object#1c1d18
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1c1d18
variable.parameter, meta.parameter#1c1d18dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1c1d1880
keyword.operator#1c1d18
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#b7d34abold
entity.other.inherited-class#1f4a2e
entity.name.tag, punctuation.definition.tag#2e6b3e
entity.other.attribute-name#1f4a2e
meta.diff, meta.diff.header#a8bc8f
markup.deleted#c7892e
markup.inserted#1f4a2e
markup.changed#b7d34a
markup.heading, markup.heading.setext, punctuation.definition.heading#1f4a2ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#b7d34a
string.other.link.title, string.other.link.description#1f4a2e
markup.underline.link#a8bc8funderline
punctuation.definition.list#2e6b3e
markup.quote, punctuation.definition.quote#a8bc8fitalic