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#F2F4F5
  • activityBar.border#00000015
  • activityBar.foreground#E11074
  • activityBar.inactiveForeground#0F1F1760
  • activityBarBadge.background#E11074
  • activityBarBadge.foreground#F2F4F5
  • button.background#E11074
  • button.foreground#F2F4F5
  • button.hoverBackground#E11074dd
  • editor.background#F2F4F5
  • editor.foreground#0F1F17
  • editor.inactiveSelectionBackground#17683A2580
  • editor.lineHighlightBackground#F8D7E550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#17683A25
  • editorCursor.foreground#E11074
  • editorGroupHeader.tabsBackground#F8D7E5aa
  • editorLineNumber.activeForeground#E11074
  • editorLineNumber.foreground#5D682F80
  • focusBorder#E11074
  • foreground#0F1F17
  • input.background#F8D7E5
  • input.border#00000015
  • input.foreground#0F1F17
  • input.placeholderForeground#0F1F1760
  • list.activeSelectionBackground#E1107430
  • list.activeSelectionForeground#0F1F17
  • list.highlightForeground#E11074
  • list.hoverBackground#F8D7E540
  • list.hoverForeground#0F1F17
  • list.inactiveSelectionBackground#E1107415
  • list.inactiveSelectionForeground#0F1F17
  • selection.background#17683A25
  • sideBar.background#F8D7E5
  • sideBar.border#00000015
  • sideBar.foreground#0F1F17
  • sideBarSectionHeader.background#F8D7E580
  • sideBarSectionHeader.foreground#0F1F17
  • sideBarTitle.foreground#E11074
  • statusBar.background#F2F4F5
  • statusBar.border#00000015
  • statusBar.foreground#0F1F17
  • statusBar.noFolderBackground#F2F4F5
  • tab.activeBackground#F2F4F5
  • tab.activeBorderTop#E11074
  • tab.activeForeground#0F1F17
  • tab.border#00000015
  • tab.inactiveBackground#F2F4F560
  • tab.inactiveForeground#0F1F1780
  • terminal.ansiBlack#0F1F17
  • terminal.ansiBlue#17683A
  • terminal.ansiCyan#8E115C
  • terminal.ansiGreen#E11074
  • terminal.ansiMagenta#9AA09A
  • terminal.ansiRed#9AA09A
  • terminal.ansiWhite#0F1F17
  • terminal.ansiYellow#8E115C
  • terminal.background#F2F4F5
  • terminal.foreground#0F1F17
  • titleBar.activeBackground#F2F4F5
  • titleBar.activeForeground#0F1F17
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F2F4F5
  • titleBar.inactiveForeground#0F1F1760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5D682Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#17683Abold
storage.type, storage.modifier#17683Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E11074
string, punctuation.definition.string, string.template, meta.template.expression#8E115C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#9AA09A
variable, variable.other.readwrite, variable.other.object#0F1F17
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0F1F17
variable.parameter, meta.parameter#0F1F17dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0F1F1780
keyword.operator#0F1F17
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8E115Cbold
entity.other.inherited-class#E11074
entity.name.tag, punctuation.definition.tag#17683A
entity.other.attribute-name#E11074
meta.diff, meta.diff.header#5D682F
markup.deleted#9AA09A
markup.inserted#E11074
markup.changed#8E115C
markup.heading, markup.heading.setext, punctuation.definition.heading#E11074bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8E115C
string.other.link.title, string.other.link.description#E11074
markup.underline.link#5D682Funderline
punctuation.definition.list#17683A
markup.quote, punctuation.definition.quote#5D682Fitalic