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#fff8eb
  • activityBar.border#00000015
  • activityBar.foreground#d62521
  • activityBar.inactiveForeground#0d0c0b60
  • activityBarBadge.background#d62521
  • activityBarBadge.foreground#fff8eb
  • button.background#d62521
  • button.foreground#fff8eb
  • button.hoverBackground#d62521dd
  • editor.background#fff8eb
  • editor.foreground#0d0c0b
  • editor.inactiveSelectionBackground#4f643e2580
  • editor.lineHighlightBackground#f8ecd550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#4f643e25
  • editorCursor.foreground#d62521
  • editorGroupHeader.tabsBackground#f8ecd5aa
  • editorLineNumber.activeForeground#d62521
  • editorLineNumber.foreground#cdb78980
  • focusBorder#d62521
  • foreground#0d0c0b
  • input.background#f8ecd5
  • input.border#00000015
  • input.foreground#0d0c0b
  • input.placeholderForeground#0d0c0b60
  • list.activeSelectionBackground#d6252130
  • list.activeSelectionForeground#0d0c0b
  • list.highlightForeground#d62521
  • list.hoverBackground#f8ecd540
  • list.hoverForeground#0d0c0b
  • list.inactiveSelectionBackground#d6252115
  • list.inactiveSelectionForeground#0d0c0b
  • selection.background#4f643e25
  • sideBar.background#f8ecd5
  • sideBar.border#00000015
  • sideBar.foreground#0d0c0b
  • sideBarSectionHeader.background#f8ecd580
  • sideBarSectionHeader.foreground#0d0c0b
  • sideBarTitle.foreground#d62521
  • statusBar.background#fff8eb
  • statusBar.border#00000015
  • statusBar.foreground#0d0c0b
  • statusBar.noFolderBackground#fff8eb
  • tab.activeBackground#fff8eb
  • tab.activeBorderTop#d62521
  • tab.activeForeground#0d0c0b
  • tab.border#00000015
  • tab.inactiveBackground#fff8eb60
  • tab.inactiveForeground#0d0c0b80
  • terminal.ansiBlack#0d0c0b
  • terminal.ansiBlue#4f643e
  • terminal.ansiCyan#f5d24b
  • terminal.ansiGreen#d62521
  • terminal.ansiMagenta#f8ecd5
  • terminal.ansiRed#f8ecd5
  • terminal.ansiWhite#0d0c0b
  • terminal.ansiYellow#f5d24b
  • terminal.background#fff8eb
  • terminal.foreground#0d0c0b
  • titleBar.activeBackground#fff8eb
  • titleBar.activeForeground#0d0c0b
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fff8eb
  • titleBar.inactiveForeground#0d0c0b60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#cdb789italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#4f643ebold
storage.type, storage.modifier#4f643eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#d62521
string, punctuation.definition.string, string.template, meta.template.expression#f5d24b
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#f8ecd5
variable, variable.other.readwrite, variable.other.object#0d0c0b
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0d0c0b
variable.parameter, meta.parameter#0d0c0bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0d0c0b80
keyword.operator#0d0c0b
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#f5d24bbold
entity.other.inherited-class#d62521
entity.name.tag, punctuation.definition.tag#4f643e
entity.other.attribute-name#d62521
meta.diff, meta.diff.header#cdb789
markup.deleted#f8ecd5
markup.inserted#d62521
markup.changed#f5d24b
markup.heading, markup.heading.setext, punctuation.definition.heading#d62521bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#f5d24b
string.other.link.title, string.other.link.description#d62521
markup.underline.link#cdb789underline
punctuation.definition.list#4f643e
markup.quote, punctuation.definition.quote#cdb789italic