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#f3f1ec
  • activityBar.border#00000015
  • activityBar.foreground#c24a2a
  • activityBar.inactiveForeground#1a1c1f60
  • activityBarBadge.background#c24a2a
  • activityBarBadge.foreground#f3f1ec
  • button.background#c24a2a
  • button.foreground#f3f1ec
  • button.hoverBackground#c24a2add
  • editor.background#f3f1ec
  • editor.foreground#1a1c1f
  • editor.inactiveSelectionBackground#1a1c1f2580
  • editor.lineHighlightBackground#d7d0c650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#1a1c1f25
  • editorCursor.foreground#c24a2a
  • editorGroupHeader.tabsBackground#d7d0c6aa
  • editorLineNumber.activeForeground#c24a2a
  • editorLineNumber.foreground#a9a79180
  • focusBorder#c24a2a
  • foreground#1a1c1f
  • input.background#d7d0c6
  • input.border#00000015
  • input.foreground#1a1c1f
  • input.placeholderForeground#1a1c1f60
  • list.activeSelectionBackground#c24a2a30
  • list.activeSelectionForeground#1a1c1f
  • list.highlightForeground#c24a2a
  • list.hoverBackground#d7d0c640
  • list.hoverForeground#1a1c1f
  • list.inactiveSelectionBackground#c24a2a15
  • list.inactiveSelectionForeground#1a1c1f
  • selection.background#1a1c1f25
  • sideBar.background#d7d0c6
  • sideBar.border#00000015
  • sideBar.foreground#1a1c1f
  • sideBarSectionHeader.background#d7d0c680
  • sideBarSectionHeader.foreground#1a1c1f
  • sideBarTitle.foreground#c24a2a
  • statusBar.background#f3f1ec
  • statusBar.border#00000015
  • statusBar.foreground#1a1c1f
  • statusBar.noFolderBackground#f3f1ec
  • tab.activeBackground#f3f1ec
  • tab.activeBorderTop#c24a2a
  • tab.activeForeground#1a1c1f
  • tab.border#00000015
  • tab.inactiveBackground#f3f1ec60
  • tab.inactiveForeground#1a1c1f80
  • terminal.ansiBlack#1a1c1f
  • terminal.ansiBlue#1a1c1f
  • terminal.ansiCyan#e2793a
  • terminal.ansiGreen#c24a2a
  • terminal.ansiMagenta#e2793a
  • terminal.ansiRed#e2793a
  • terminal.ansiWhite#1a1c1f
  • terminal.ansiYellow#e2793a
  • terminal.background#f3f1ec
  • terminal.foreground#1a1c1f
  • titleBar.activeBackground#f3f1ec
  • titleBar.activeForeground#1a1c1f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f3f1ec
  • titleBar.inactiveForeground#1a1c1f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a9a791italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#1a1c1fbold
storage.type, storage.modifier#1a1c1fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#c24a2a
string, punctuation.definition.string, string.template, meta.template.expression#e2793a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#e2793a
variable, variable.other.readwrite, variable.other.object#1a1c1f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1a1c1f
variable.parameter, meta.parameter#1a1c1fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1a1c1f80
keyword.operator#1a1c1f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#e2793abold
entity.other.inherited-class#c24a2a
entity.name.tag, punctuation.definition.tag#1a1c1f
entity.other.attribute-name#c24a2a
meta.diff, meta.diff.header#a9a791
markup.deleted#e2793a
markup.inserted#c24a2a
markup.changed#e2793a
markup.heading, markup.heading.setext, punctuation.definition.heading#c24a2abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#e2793a
string.other.link.title, string.other.link.description#c24a2a
markup.underline.link#a9a791underline
punctuation.definition.list#1a1c1f
markup.quote, punctuation.definition.quote#a9a791italic