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#FFF7F5
  • activityBar.border#00000015
  • activityBar.foreground#D62828
  • activityBar.inactiveForeground#141C2460
  • activityBarBadge.background#D62828
  • activityBarBadge.foreground#FFF7F5
  • button.background#D62828
  • button.foreground#FFF7F5
  • button.hoverBackground#D62828dd
  • editor.background#FFF7F5
  • editor.foreground#141C24
  • editor.inactiveSelectionBackground#FDE7E62580
  • editor.lineHighlightBackground#F7E3DF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#FDE7E625
  • editorCursor.foreground#D62828
  • editorGroupHeader.tabsBackground#F7E3DFaa
  • editorLineNumber.activeForeground#D62828
  • editorLineNumber.foreground#F1ECE680
  • focusBorder#D62828
  • foreground#141C24
  • input.background#F7E3DF
  • input.border#00000015
  • input.foreground#141C24
  • input.placeholderForeground#141C2460
  • list.activeSelectionBackground#D6282830
  • list.activeSelectionForeground#141C24
  • list.highlightForeground#D62828
  • list.hoverBackground#F7E3DF40
  • list.hoverForeground#141C24
  • list.inactiveSelectionBackground#D6282815
  • list.inactiveSelectionForeground#141C24
  • selection.background#FDE7E625
  • sideBar.background#F7E3DF
  • sideBar.border#00000015
  • sideBar.foreground#141C24
  • sideBarSectionHeader.background#F7E3DF80
  • sideBarSectionHeader.foreground#141C24
  • sideBarTitle.foreground#D62828
  • statusBar.background#FFF7F5
  • statusBar.border#00000015
  • statusBar.foreground#141C24
  • statusBar.noFolderBackground#FFF7F5
  • tab.activeBackground#FFF7F5
  • tab.activeBorderTop#D62828
  • tab.activeForeground#141C24
  • tab.border#00000015
  • tab.inactiveBackground#FFF7F560
  • tab.inactiveForeground#141C2480
  • terminal.ansiBlack#141C24
  • terminal.ansiBlue#FDE7E6
  • terminal.ansiCyan#F0A000
  • terminal.ansiGreen#D62828
  • terminal.ansiMagenta#3AA6A6
  • terminal.ansiRed#3AA6A6
  • terminal.ansiWhite#141C24
  • terminal.ansiYellow#F0A000
  • terminal.background#FFF7F5
  • terminal.foreground#141C24
  • titleBar.activeBackground#FFF7F5
  • titleBar.activeForeground#141C24
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFF7F5
  • titleBar.inactiveForeground#141C2460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F1ECE6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#FDE7E6bold
storage.type, storage.modifier#FDE7E6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D62828
string, punctuation.definition.string, string.template, meta.template.expression#F0A000
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#3AA6A6
variable, variable.other.readwrite, variable.other.object#141C24
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#141C24
variable.parameter, meta.parameter#141C24dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#141C2480
keyword.operator#141C24
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F0A000bold
entity.other.inherited-class#D62828
entity.name.tag, punctuation.definition.tag#FDE7E6
entity.other.attribute-name#D62828
meta.diff, meta.diff.header#F1ECE6
markup.deleted#3AA6A6
markup.inserted#D62828
markup.changed#F0A000
markup.heading, markup.heading.setext, punctuation.definition.heading#D62828bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F0A000
string.other.link.title, string.other.link.description#D62828
markup.underline.link#F1ECE6underline
punctuation.definition.list#FDE7E6
markup.quote, punctuation.definition.quote#F1ECE6italic