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#FFF8EE
  • activityBar.border#00000015
  • activityBar.foreground#F26FA1
  • activityBar.inactiveForeground#28161260
  • activityBarBadge.background#F26FA1
  • activityBarBadge.foreground#FFF8EE
  • button.background#F26FA1
  • button.foreground#FFF8EE
  • button.hoverBackground#F26FA1dd
  • editor.background#FFF8EE
  • editor.foreground#281612
  • editor.inactiveSelectionBackground#E853852580
  • editor.lineHighlightBackground#FFFDF650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#E8538525
  • editorCursor.foreground#F26FA1
  • editorGroupHeader.tabsBackground#FFFDF6aa
  • editorLineNumber.activeForeground#F26FA1
  • editorLineNumber.foreground#dfe8b780
  • focusBorder#F26FA1
  • foreground#281612
  • input.background#FFFDF6
  • input.border#00000015
  • input.foreground#281612
  • input.placeholderForeground#28161260
  • list.activeSelectionBackground#F26FA130
  • list.activeSelectionForeground#281612
  • list.highlightForeground#F26FA1
  • list.hoverBackground#FFFDF640
  • list.hoverForeground#281612
  • list.inactiveSelectionBackground#F26FA115
  • list.inactiveSelectionForeground#281612
  • selection.background#E8538525
  • sideBar.background#FFFDF6
  • sideBar.border#00000015
  • sideBar.foreground#281612
  • sideBarSectionHeader.background#FFFDF680
  • sideBarSectionHeader.foreground#281612
  • sideBarTitle.foreground#F26FA1
  • statusBar.background#FFF8EE
  • statusBar.border#00000015
  • statusBar.foreground#281612
  • statusBar.noFolderBackground#FFF8EE
  • tab.activeBackground#FFF8EE
  • tab.activeBorderTop#F26FA1
  • tab.activeForeground#281612
  • tab.border#00000015
  • tab.inactiveBackground#FFF8EE60
  • tab.inactiveForeground#28161280
  • terminal.ansiBlack#281612
  • terminal.ansiBlue#E85385
  • terminal.ansiCyan#C7F158
  • terminal.ansiGreen#F26FA1
  • terminal.ansiMagenta#2FA344
  • terminal.ansiRed#2FA344
  • terminal.ansiWhite#281612
  • terminal.ansiYellow#C7F158
  • terminal.background#FFF8EE
  • terminal.foreground#281612
  • titleBar.activeBackground#FFF8EE
  • titleBar.activeForeground#281612
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFF8EE
  • titleBar.inactiveForeground#28161260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#dfe8b7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#E85385bold
storage.type, storage.modifier#E85385italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F26FA1
string, punctuation.definition.string, string.template, meta.template.expression#C7F158
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2FA344
variable, variable.other.readwrite, variable.other.object#281612
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#281612
variable.parameter, meta.parameter#281612dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#28161280
keyword.operator#281612
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C7F158bold
entity.other.inherited-class#F26FA1
entity.name.tag, punctuation.definition.tag#E85385
entity.other.attribute-name#F26FA1
meta.diff, meta.diff.header#dfe8b7
markup.deleted#2FA344
markup.inserted#F26FA1
markup.changed#C7F158
markup.heading, markup.heading.setext, punctuation.definition.heading#F26FA1bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C7F158
string.other.link.title, string.other.link.description#F26FA1
markup.underline.link#dfe8b7underline
punctuation.definition.list#E85385
markup.quote, punctuation.definition.quote#dfe8b7italic