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#FBFAF6
  • activityBar.border#00000015
  • activityBar.foreground#005F9E
  • activityBar.inactiveForeground#0E172060
  • activityBarBadge.background#005F9E
  • activityBarBadge.foreground#FBFAF6
  • button.background#005F9E
  • button.foreground#FBFAF6
  • button.hoverBackground#005F9Edd
  • editor.background#FBFAF6
  • editor.foreground#0E1720
  • editor.inactiveSelectionBackground#EEF2F42580
  • editor.lineHighlightBackground#FFFDFC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EEF2F425
  • editorCursor.foreground#005F9E
  • editorGroupHeader.tabsBackground#FFFDFCaa
  • editorLineNumber.activeForeground#005F9E
  • editorLineNumber.foreground#6F7E8680
  • focusBorder#005F9E
  • foreground#0E1720
  • input.background#FFFDFC
  • input.border#00000015
  • input.foreground#0E1720
  • input.placeholderForeground#0E172060
  • list.activeSelectionBackground#005F9E30
  • list.activeSelectionForeground#0E1720
  • list.highlightForeground#005F9E
  • list.hoverBackground#FFFDFC40
  • list.hoverForeground#0E1720
  • list.inactiveSelectionBackground#005F9E15
  • list.inactiveSelectionForeground#0E1720
  • selection.background#EEF2F425
  • sideBar.background#FFFDFC
  • sideBar.border#00000015
  • sideBar.foreground#0E1720
  • sideBarSectionHeader.background#FFFDFC80
  • sideBarSectionHeader.foreground#0E1720
  • sideBarTitle.foreground#005F9E
  • statusBar.background#FBFAF6
  • statusBar.border#00000015
  • statusBar.foreground#0E1720
  • statusBar.noFolderBackground#FBFAF6
  • tab.activeBackground#FBFAF6
  • tab.activeBorderTop#005F9E
  • tab.activeForeground#0E1720
  • tab.border#00000015
  • tab.inactiveBackground#FBFAF660
  • tab.inactiveForeground#0E172080
  • terminal.ansiBlack#0E1720
  • terminal.ansiBlue#EEF2F4
  • terminal.ansiCyan#F4E7C7
  • terminal.ansiGreen#005F9E
  • terminal.ansiMagenta#1282C6
  • terminal.ansiRed#1282C6
  • terminal.ansiWhite#0E1720
  • terminal.ansiYellow#F4E7C7
  • terminal.background#FBFAF6
  • terminal.foreground#0E1720
  • titleBar.activeBackground#FBFAF6
  • titleBar.activeForeground#0E1720
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBFAF6
  • titleBar.inactiveForeground#0E172060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6F7E86italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EEF2F4bold
storage.type, storage.modifier#EEF2F4italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#005F9E
string, punctuation.definition.string, string.template, meta.template.expression#F4E7C7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#1282C6
variable, variable.other.readwrite, variable.other.object#0E1720
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0E1720
variable.parameter, meta.parameter#0E1720dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0E172080
keyword.operator#0E1720
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F4E7C7bold
entity.other.inherited-class#005F9E
entity.name.tag, punctuation.definition.tag#EEF2F4
entity.other.attribute-name#005F9E
meta.diff, meta.diff.header#6F7E86
markup.deleted#1282C6
markup.inserted#005F9E
markup.changed#F4E7C7
markup.heading, markup.heading.setext, punctuation.definition.heading#005F9Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F4E7C7
string.other.link.title, string.other.link.description#005F9E
markup.underline.link#6F7E86underline
punctuation.definition.list#EEF2F4
markup.quote, punctuation.definition.quote#6F7E86italic