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#FFFBF6
  • activityBar.border#00000015
  • activityBar.foreground#c32878
  • activityBar.inactiveForeground#2b172660
  • activityBarBadge.background#c32878
  • activityBarBadge.foreground#FFFBF6
  • button.background#c32878
  • button.foreground#FFFBF6
  • button.hoverBackground#c32878dd
  • editor.background#FFFBF6
  • editor.foreground#2b1726
  • editor.inactiveSelectionBackground#6FAF5E2580
  • editor.lineHighlightBackground#F7E6EC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6FAF5E25
  • editorCursor.foreground#c32878
  • editorGroupHeader.tabsBackground#F7E6ECaa
  • editorLineNumber.activeForeground#c32878
  • editorLineNumber.foreground#2E7A3F80
  • focusBorder#c32878
  • foreground#2b1726
  • input.background#F7E6EC
  • input.border#00000015
  • input.foreground#2b1726
  • input.placeholderForeground#2b172660
  • list.activeSelectionBackground#c3287830
  • list.activeSelectionForeground#2b1726
  • list.highlightForeground#c32878
  • list.hoverBackground#F7E6EC40
  • list.hoverForeground#2b1726
  • list.inactiveSelectionBackground#c3287815
  • list.inactiveSelectionForeground#2b1726
  • selection.background#6FAF5E25
  • sideBar.background#F7E6EC
  • sideBar.border#00000015
  • sideBar.foreground#2b1726
  • sideBarSectionHeader.background#F7E6EC80
  • sideBarSectionHeader.foreground#2b1726
  • sideBarTitle.foreground#c32878
  • statusBar.background#FFFBF6
  • statusBar.border#00000015
  • statusBar.foreground#2b1726
  • statusBar.noFolderBackground#FFFBF6
  • tab.activeBackground#FFFBF6
  • tab.activeBorderTop#c32878
  • tab.activeForeground#2b1726
  • tab.border#00000015
  • tab.inactiveBackground#FFFBF660
  • tab.inactiveForeground#2b172680
  • terminal.ansiBlack#2b1726
  • terminal.ansiBlue#6FAF5E
  • terminal.ansiCyan#E53AA3
  • terminal.ansiGreen#c32878
  • terminal.ansiMagenta#E7B218
  • terminal.ansiRed#E7B218
  • terminal.ansiWhite#2b1726
  • terminal.ansiYellow#E53AA3
  • terminal.background#FFFBF6
  • terminal.foreground#2b1726
  • titleBar.activeBackground#FFFBF6
  • titleBar.activeForeground#2b1726
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFBF6
  • titleBar.inactiveForeground#2b172660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2E7A3Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6FAF5Ebold
storage.type, storage.modifier#6FAF5Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#c32878
string, punctuation.definition.string, string.template, meta.template.expression#E53AA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E7B218
variable, variable.other.readwrite, variable.other.object#2b1726
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2b1726
variable.parameter, meta.parameter#2b1726dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2b172680
keyword.operator#2b1726
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E53AA3bold
entity.other.inherited-class#c32878
entity.name.tag, punctuation.definition.tag#6FAF5E
entity.other.attribute-name#c32878
meta.diff, meta.diff.header#2E7A3F
markup.deleted#E7B218
markup.inserted#c32878
markup.changed#E53AA3
markup.heading, markup.heading.setext, punctuation.definition.heading#c32878bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E53AA3
string.other.link.title, string.other.link.description#c32878
markup.underline.link#2E7A3Funderline
punctuation.definition.list#6FAF5E
markup.quote, punctuation.definition.quote#2E7A3Fitalic