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#F7F1E4
  • activityBar.border#00000015
  • activityBar.foreground#932525
  • activityBar.inactiveForeground#1f202060
  • activityBarBadge.background#932525
  • activityBarBadge.foreground#F7F1E4
  • button.background#932525
  • button.foreground#F7F1E4
  • button.hoverBackground#932525dd
  • editor.background#F7F1E4
  • editor.foreground#1f2020
  • editor.inactiveSelectionBackground#8383212580
  • editor.lineHighlightBackground#85878250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83832125
  • editorCursor.foreground#932525
  • editorGroupHeader.tabsBackground#858782aa
  • editorLineNumber.activeForeground#932525
  • editorLineNumber.foreground#c4c4b880
  • focusBorder#932525
  • foreground#1f2020
  • input.background#858782
  • input.border#00000015
  • input.foreground#1f2020
  • input.placeholderForeground#1f202060
  • list.activeSelectionBackground#93252530
  • list.activeSelectionForeground#1f2020
  • list.highlightForeground#932525
  • list.hoverBackground#85878240
  • list.hoverForeground#1f2020
  • list.inactiveSelectionBackground#93252515
  • list.inactiveSelectionForeground#1f2020
  • selection.background#83832125
  • sideBar.background#858782
  • sideBar.border#00000015
  • sideBar.foreground#1f2020
  • sideBarSectionHeader.background#85878280
  • sideBarSectionHeader.foreground#1f2020
  • sideBarTitle.foreground#932525
  • statusBar.background#F7F1E4
  • statusBar.border#00000015
  • statusBar.foreground#1f2020
  • statusBar.noFolderBackground#F7F1E4
  • tab.activeBackground#F7F1E4
  • tab.activeBorderTop#932525
  • tab.activeForeground#1f2020
  • tab.border#00000015
  • tab.inactiveBackground#F7F1E460
  • tab.inactiveForeground#1f202080
  • terminal.ansiBlack#1f2020
  • terminal.ansiBlue#838321
  • terminal.ansiCyan#A38729
  • terminal.ansiGreen#932525
  • terminal.ansiMagenta#607619
  • terminal.ansiRed#607619
  • terminal.ansiWhite#1f2020
  • terminal.ansiYellow#A38729
  • terminal.background#F7F1E4
  • terminal.foreground#1f2020
  • titleBar.activeBackground#F7F1E4
  • titleBar.activeForeground#1f2020
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F1E4
  • titleBar.inactiveForeground#1f202060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c4c4b8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#838321bold
storage.type, storage.modifier#838321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932525
string, punctuation.definition.string, string.template, meta.template.expression#A38729
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#607619
variable, variable.other.readwrite, variable.other.object#1f2020
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1f2020
variable.parameter, meta.parameter#1f2020dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1f202080
keyword.operator#1f2020
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38729bold
entity.other.inherited-class#932525
entity.name.tag, punctuation.definition.tag#838321
entity.other.attribute-name#932525
meta.diff, meta.diff.header#c4c4b8
markup.deleted#607619
markup.inserted#932525
markup.changed#A38729
markup.heading, markup.heading.setext, punctuation.definition.heading#932525bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38729
string.other.link.title, string.other.link.description#932525
markup.underline.link#c4c4b8underline
punctuation.definition.list#838321
markup.quote, punctuation.definition.quote#c4c4b8italic