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#251811
  • activityBar.border#ffffff15
  • activityBar.foreground#7b2f1f
  • activityBar.inactiveForeground#f4ead760
  • activityBarBadge.background#7b2f1f
  • activityBarBadge.foreground#251811
  • button.background#7b2f1f
  • button.foreground#251811
  • button.hoverBackground#7b2f1fdd
  • editor.background#251811
  • editor.foreground#f4ead7
  • editor.inactiveSelectionBackground#c5a36d3580
  • editor.lineHighlightBackground#14100d40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#c5a36d35
  • editorCursor.foreground#7b2f1f
  • editorGroupHeader.tabsBackground#251811dd
  • editorLineNumber.activeForeground#7b2f1f
  • editorLineNumber.foreground#9c897480
  • focusBorder#7b2f1f
  • foreground#f4ead7
  • input.background#14100d
  • input.border#ffffff15
  • input.foreground#f4ead7
  • input.placeholderForeground#f4ead760
  • list.activeSelectionBackground#7b2f1f30
  • list.activeSelectionForeground#f4ead7
  • list.highlightForeground#7b2f1f
  • list.hoverBackground#14100d40
  • list.hoverForeground#f4ead7
  • list.inactiveSelectionBackground#7b2f1f15
  • list.inactiveSelectionForeground#f4ead7
  • selection.background#c5a36d35
  • sideBar.background#14100d
  • sideBar.border#ffffff15
  • sideBar.foreground#f4ead7
  • sideBarSectionHeader.background#25181180
  • sideBarSectionHeader.foreground#f4ead7
  • sideBarTitle.foreground#7b2f1f
  • statusBar.background#251811
  • statusBar.border#ffffff15
  • statusBar.foreground#f4ead7
  • statusBar.noFolderBackground#251811
  • tab.activeBackground#251811
  • tab.activeBorderTop#7b2f1f
  • tab.activeForeground#f4ead7
  • tab.border#ffffff15
  • tab.inactiveBackground#14100d60
  • tab.inactiveForeground#f4ead780
  • terminal.ansiBlack#251811
  • terminal.ansiBlue#c5a36d
  • terminal.ansiCyan#5b1715
  • terminal.ansiGreen#7b2f1f
  • terminal.ansiMagenta#5b1715
  • terminal.ansiRed#5b1715
  • terminal.ansiWhite#f4ead7
  • terminal.ansiYellow#5b1715
  • terminal.background#251811
  • terminal.foreground#f4ead7
  • titleBar.activeBackground#251811
  • titleBar.activeForeground#f4ead7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#251811
  • titleBar.inactiveForeground#f4ead760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9c8974italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#c5a36dbold
storage.type, storage.modifier#c5a36ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7b2f1f
string, punctuation.definition.string, string.template, meta.template.expression#5b1715
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#5b1715
variable, variable.other.readwrite, variable.other.object#f4ead7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4ead7
variable.parameter, meta.parameter#f4ead7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4ead780
keyword.operator#f4ead7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5b1715bold
entity.other.inherited-class#7b2f1f
entity.name.tag, punctuation.definition.tag#c5a36d
entity.other.attribute-name#7b2f1f
meta.diff, meta.diff.header#9c8974
markup.deleted#5b1715
markup.inserted#7b2f1f
markup.changed#5b1715
markup.heading, markup.heading.setext, punctuation.definition.heading#7b2f1fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5b1715
string.other.link.title, string.other.link.description#7b2f1f
markup.underline.link#9c8974underline
punctuation.definition.list#c5a36d
markup.quote, punctuation.definition.quote#9c8974italic