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#fff4e6
  • activityBar.border#00000015
  • activityBar.foreground#d7192a
  • activityBar.inactiveForeground#21171460
  • activityBarBadge.background#d7192a
  • activityBarBadge.foreground#fff4e6
  • button.background#d7192a
  • button.foreground#fff4e6
  • button.hoverBackground#d7192add
  • editor.background#fff4e6
  • editor.foreground#211714
  • editor.inactiveSelectionBackground#2f7d3f2580
  • editor.lineHighlightBackground#f9e2dc50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2f7d3f25
  • editorCursor.foreground#d7192a
  • editorGroupHeader.tabsBackground#f9e2dcaa
  • editorLineNumber.activeForeground#d7192a
  • editorLineNumber.foreground#9abf7a80
  • focusBorder#d7192a
  • foreground#211714
  • input.background#f9e2dc
  • input.border#00000015
  • input.foreground#211714
  • input.placeholderForeground#21171460
  • list.activeSelectionBackground#d7192a30
  • list.activeSelectionForeground#211714
  • list.highlightForeground#d7192a
  • list.hoverBackground#f9e2dc40
  • list.hoverForeground#211714
  • list.inactiveSelectionBackground#d7192a15
  • list.inactiveSelectionForeground#211714
  • selection.background#2f7d3f25
  • sideBar.background#f9e2dc
  • sideBar.border#00000015
  • sideBar.foreground#211714
  • sideBarSectionHeader.background#f9e2dc80
  • sideBarSectionHeader.foreground#211714
  • sideBarTitle.foreground#d7192a
  • statusBar.background#fff4e6
  • statusBar.border#00000015
  • statusBar.foreground#211714
  • statusBar.noFolderBackground#fff4e6
  • tab.activeBackground#fff4e6
  • tab.activeBorderTop#d7192a
  • tab.activeForeground#211714
  • tab.border#00000015
  • tab.inactiveBackground#fff4e660
  • tab.inactiveForeground#21171480
  • terminal.ansiBlack#211714
  • terminal.ansiBlue#2f7d3f
  • terminal.ansiCyan#f2c84b
  • terminal.ansiGreen#d7192a
  • terminal.ansiMagenta#6f8f3a
  • terminal.ansiRed#6f8f3a
  • terminal.ansiWhite#211714
  • terminal.ansiYellow#f2c84b
  • terminal.background#fff4e6
  • terminal.foreground#211714
  • titleBar.activeBackground#fff4e6
  • titleBar.activeForeground#211714
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fff4e6
  • titleBar.inactiveForeground#21171460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9abf7aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2f7d3fbold
storage.type, storage.modifier#2f7d3fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#d7192a
string, punctuation.definition.string, string.template, meta.template.expression#f2c84b
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6f8f3a
variable, variable.other.readwrite, variable.other.object#211714
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#211714
variable.parameter, meta.parameter#211714dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#21171480
keyword.operator#211714
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#f2c84bbold
entity.other.inherited-class#d7192a
entity.name.tag, punctuation.definition.tag#2f7d3f
entity.other.attribute-name#d7192a
meta.diff, meta.diff.header#9abf7a
markup.deleted#6f8f3a
markup.inserted#d7192a
markup.changed#f2c84b
markup.heading, markup.heading.setext, punctuation.definition.heading#d7192abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#f2c84b
string.other.link.title, string.other.link.description#d7192a
markup.underline.link#9abf7aunderline
punctuation.definition.list#2f7d3f
markup.quote, punctuation.definition.quote#9abf7aitalic