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#2e2117
  • activityBar.border#ffffff15
  • activityBar.foreground#d4af37
  • activityBar.inactiveForeground#f6f0df60
  • activityBarBadge.background#d4af37
  • activityBarBadge.foreground#2e2117
  • button.background#d4af37
  • button.foreground#2e2117
  • button.hoverBackground#d4af37dd
  • editor.background#2e2117
  • editor.foreground#f6f0df
  • editor.inactiveSelectionBackground#b7c98a3580
  • editor.lineHighlightBackground#3e2e1f40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#b7c98a35
  • editorCursor.foreground#d4af37
  • editorGroupHeader.tabsBackground#2e2117dd
  • editorLineNumber.activeForeground#d4af37
  • editorLineNumber.foreground#f0e0d280
  • focusBorder#d4af37
  • foreground#f6f0df
  • input.background#3e2e1f
  • input.border#ffffff15
  • input.foreground#f6f0df
  • input.placeholderForeground#f6f0df60
  • list.activeSelectionBackground#d4af3730
  • list.activeSelectionForeground#f6f0df
  • list.highlightForeground#d4af37
  • list.hoverBackground#3e2e1f40
  • list.hoverForeground#f6f0df
  • list.inactiveSelectionBackground#d4af3715
  • list.inactiveSelectionForeground#f6f0df
  • selection.background#b7c98a35
  • sideBar.background#3e2e1f
  • sideBar.border#ffffff15
  • sideBar.foreground#f6f0df
  • sideBarSectionHeader.background#2e211780
  • sideBarSectionHeader.foreground#f6f0df
  • sideBarTitle.foreground#d4af37
  • statusBar.background#2e2117
  • statusBar.border#ffffff15
  • statusBar.foreground#f6f0df
  • statusBar.noFolderBackground#2e2117
  • tab.activeBackground#2e2117
  • tab.activeBorderTop#d4af37
  • tab.activeForeground#f6f0df
  • tab.border#ffffff15
  • tab.inactiveBackground#3e2e1f60
  • tab.inactiveForeground#f6f0df80
  • terminal.ansiBlack#2e2117
  • terminal.ansiBlue#b7c98a
  • terminal.ansiCyan#8fd0f3
  • terminal.ansiGreen#d4af37
  • terminal.ansiMagenta#9a8462
  • terminal.ansiRed#9a8462
  • terminal.ansiWhite#f6f0df
  • terminal.ansiYellow#8fd0f3
  • terminal.background#2e2117
  • terminal.foreground#f6f0df
  • titleBar.activeBackground#2e2117
  • titleBar.activeForeground#f6f0df
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2e2117
  • titleBar.inactiveForeground#f6f0df60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#f0e0d2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#b7c98abold
storage.type, storage.modifier#b7c98aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#d4af37
string, punctuation.definition.string, string.template, meta.template.expression#8fd0f3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#9a8462
variable, variable.other.readwrite, variable.other.object#f6f0df
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6f0df
variable.parameter, meta.parameter#f6f0dfdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6f0df80
keyword.operator#f6f0df
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8fd0f3bold
entity.other.inherited-class#d4af37
entity.name.tag, punctuation.definition.tag#b7c98a
entity.other.attribute-name#d4af37
meta.diff, meta.diff.header#f0e0d2
markup.deleted#9a8462
markup.inserted#d4af37
markup.changed#8fd0f3
markup.heading, markup.heading.setext, punctuation.definition.heading#d4af37bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8fd0f3
string.other.link.title, string.other.link.description#d4af37
markup.underline.link#f0e0d2underline
punctuation.definition.list#b7c98a
markup.quote, punctuation.definition.quote#f0e0d2italic