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#f2eee3
  • activityBar.border#00000015
  • activityBar.foreground#777b75
  • activityBar.inactiveForeground#1e211f60
  • activityBarBadge.background#777b75
  • activityBarBadge.foreground#f2eee3
  • button.background#777b75
  • button.foreground#f2eee3
  • button.hoverBackground#777b75dd
  • editor.background#f2eee3
  • editor.foreground#1e211f
  • editor.inactiveSelectionBackground#e7dcc22580
  • editor.lineHighlightBackground#b7aa9350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#e7dcc225
  • editorCursor.foreground#777b75
  • editorGroupHeader.tabsBackground#b7aa93aa
  • editorLineNumber.activeForeground#777b75
  • editorLineNumber.foreground#e7dcc280
  • focusBorder#777b75
  • foreground#1e211f
  • input.background#b7aa93
  • input.border#00000015
  • input.foreground#1e211f
  • input.placeholderForeground#1e211f60
  • list.activeSelectionBackground#777b7530
  • list.activeSelectionForeground#1e211f
  • list.highlightForeground#777b75
  • list.hoverBackground#b7aa9340
  • list.hoverForeground#1e211f
  • list.inactiveSelectionBackground#777b7515
  • list.inactiveSelectionForeground#1e211f
  • selection.background#e7dcc225
  • sideBar.background#b7aa93
  • sideBar.border#00000015
  • sideBar.foreground#1e211f
  • sideBarSectionHeader.background#b7aa9380
  • sideBarSectionHeader.foreground#1e211f
  • sideBarTitle.foreground#777b75
  • statusBar.background#f2eee3
  • statusBar.border#00000015
  • statusBar.foreground#1e211f
  • statusBar.noFolderBackground#f2eee3
  • tab.activeBackground#f2eee3
  • tab.activeBorderTop#777b75
  • tab.activeForeground#1e211f
  • tab.border#00000015
  • tab.inactiveBackground#f2eee360
  • tab.inactiveForeground#1e211f80
  • terminal.ansiBlack#1e211f
  • terminal.ansiBlue#e7dcc2
  • terminal.ansiCyan#7f8a4a
  • terminal.ansiGreen#777b75
  • terminal.ansiMagenta#c3b46f
  • terminal.ansiRed#c3b46f
  • terminal.ansiWhite#1e211f
  • terminal.ansiYellow#7f8a4a
  • terminal.background#f2eee3
  • terminal.foreground#1e211f
  • titleBar.activeBackground#f2eee3
  • titleBar.activeForeground#1e211f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f2eee3
  • titleBar.inactiveForeground#1e211f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e7dcc2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#e7dcc2bold
storage.type, storage.modifier#e7dcc2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#777b75
string, punctuation.definition.string, string.template, meta.template.expression#7f8a4a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#c3b46f
variable, variable.other.readwrite, variable.other.object#1e211f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1e211f
variable.parameter, meta.parameter#1e211fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1e211f80
keyword.operator#1e211f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7f8a4abold
entity.other.inherited-class#777b75
entity.name.tag, punctuation.definition.tag#e7dcc2
entity.other.attribute-name#777b75
meta.diff, meta.diff.header#e7dcc2
markup.deleted#c3b46f
markup.inserted#777b75
markup.changed#7f8a4a
markup.heading, markup.heading.setext, punctuation.definition.heading#777b75bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7f8a4a
string.other.link.title, string.other.link.description#777b75
markup.underline.link#e7dcc2underline
punctuation.definition.list#e7dcc2
markup.quote, punctuation.definition.quote#e7dcc2italic