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#f2f4f1
  • activityBar.border#00000015
  • activityBar.foreground#1e3a2f
  • activityBar.inactiveForeground#0f141160
  • activityBarBadge.background#1e3a2f
  • activityBarBadge.foreground#f2f4f1
  • button.background#1e3a2f
  • button.foreground#f2f4f1
  • button.hoverBackground#1e3a2fdd
  • editor.background#f2f4f1
  • editor.foreground#0f1411
  • editor.inactiveSelectionBackground#2a33262580
  • editor.lineHighlightBackground#fafbf950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2a332625
  • editorCursor.foreground#1e3a2f
  • editorGroupHeader.tabsBackground#fafbf9aa
  • editorLineNumber.activeForeground#1e3a2f
  • editorLineNumber.foreground#e6e9e680
  • focusBorder#1e3a2f
  • foreground#0f1411
  • input.background#fafbf9
  • input.border#00000015
  • input.foreground#0f1411
  • input.placeholderForeground#0f141160
  • list.activeSelectionBackground#1e3a2f30
  • list.activeSelectionForeground#0f1411
  • list.highlightForeground#1e3a2f
  • list.hoverBackground#fafbf940
  • list.hoverForeground#0f1411
  • list.inactiveSelectionBackground#1e3a2f15
  • list.inactiveSelectionForeground#0f1411
  • selection.background#2a332625
  • sideBar.background#fafbf9
  • sideBar.border#00000015
  • sideBar.foreground#0f1411
  • sideBarSectionHeader.background#fafbf980
  • sideBarSectionHeader.foreground#0f1411
  • sideBarTitle.foreground#1e3a2f
  • statusBar.background#f2f4f1
  • statusBar.border#00000015
  • statusBar.foreground#0f1411
  • statusBar.noFolderBackground#f2f4f1
  • tab.activeBackground#f2f4f1
  • tab.activeBorderTop#1e3a2f
  • tab.activeForeground#0f1411
  • tab.border#00000015
  • tab.inactiveBackground#f2f4f160
  • tab.inactiveForeground#0f141180
  • terminal.ansiBlack#0f1411
  • terminal.ansiBlue#2a3326
  • terminal.ansiCyan#9aa7a6
  • terminal.ansiGreen#1e3a2f
  • terminal.ansiMagenta#c8a670
  • terminal.ansiRed#c8a670
  • terminal.ansiWhite#0f1411
  • terminal.ansiYellow#9aa7a6
  • terminal.background#f2f4f1
  • terminal.foreground#0f1411
  • titleBar.activeBackground#f2f4f1
  • titleBar.activeForeground#0f1411
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f2f4f1
  • titleBar.inactiveForeground#0f141160
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6e9e6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2a3326bold
storage.type, storage.modifier#2a3326italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1e3a2f
string, punctuation.definition.string, string.template, meta.template.expression#9aa7a6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#c8a670
variable, variable.other.readwrite, variable.other.object#0f1411
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0f1411
variable.parameter, meta.parameter#0f1411dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0f141180
keyword.operator#0f1411
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#9aa7a6bold
entity.other.inherited-class#1e3a2f
entity.name.tag, punctuation.definition.tag#2a3326
entity.other.attribute-name#1e3a2f
meta.diff, meta.diff.header#e6e9e6
markup.deleted#c8a670
markup.inserted#1e3a2f
markup.changed#9aa7a6
markup.heading, markup.heading.setext, punctuation.definition.heading#1e3a2fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#9aa7a6
string.other.link.title, string.other.link.description#1e3a2f
markup.underline.link#e6e9e6underline
punctuation.definition.list#2a3326
markup.quote, punctuation.definition.quote#e6e9e6italic