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#F6FBFF
  • activityBar.border#00000015
  • activityBar.foreground#1267D8
  • activityBar.inactiveForeground#071A2B60
  • activityBarBadge.background#1267D8
  • activityBarBadge.foreground#F6FBFF
  • button.background#1267D8
  • button.foreground#F6FBFF
  • button.hoverBackground#1267D8dd
  • editor.background#F6FBFF
  • editor.foreground#071A2B
  • editor.inactiveSelectionBackground#073B752580
  • editor.lineHighlightBackground#C9D8E650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#073B7525
  • editorCursor.foreground#1267D8
  • editorGroupHeader.tabsBackground#C9D8E6aa
  • editorLineNumber.activeForeground#1267D8
  • editorLineNumber.foreground#E6F0F780
  • focusBorder#1267D8
  • foreground#071A2B
  • input.background#C9D8E6
  • input.border#00000015
  • input.foreground#071A2B
  • input.placeholderForeground#071A2B60
  • list.activeSelectionBackground#1267D830
  • list.activeSelectionForeground#071A2B
  • list.highlightForeground#1267D8
  • list.hoverBackground#C9D8E640
  • list.hoverForeground#071A2B
  • list.inactiveSelectionBackground#1267D815
  • list.inactiveSelectionForeground#071A2B
  • selection.background#073B7525
  • sideBar.background#C9D8E6
  • sideBar.border#00000015
  • sideBar.foreground#071A2B
  • sideBarSectionHeader.background#C9D8E680
  • sideBarSectionHeader.foreground#071A2B
  • sideBarTitle.foreground#1267D8
  • statusBar.background#F6FBFF
  • statusBar.border#00000015
  • statusBar.foreground#071A2B
  • statusBar.noFolderBackground#F6FBFF
  • tab.activeBackground#F6FBFF
  • tab.activeBorderTop#1267D8
  • tab.activeForeground#071A2B
  • tab.border#00000015
  • tab.inactiveBackground#F6FBFF60
  • tab.inactiveForeground#071A2B80
  • terminal.ansiBlack#071A2B
  • terminal.ansiBlue#073B75
  • terminal.ansiCyan#24D8FF
  • terminal.ansiGreen#1267D8
  • terminal.ansiMagenta#A7F3E4
  • terminal.ansiRed#A7F3E4
  • terminal.ansiWhite#071A2B
  • terminal.ansiYellow#24D8FF
  • terminal.background#F6FBFF
  • terminal.foreground#071A2B
  • titleBar.activeBackground#F6FBFF
  • titleBar.activeForeground#071A2B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F6FBFF
  • titleBar.inactiveForeground#071A2B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6F0F7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#073B75bold
storage.type, storage.modifier#073B75italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1267D8
string, punctuation.definition.string, string.template, meta.template.expression#24D8FF
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A7F3E4
variable, variable.other.readwrite, variable.other.object#071A2B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#071A2B
variable.parameter, meta.parameter#071A2Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#071A2B80
keyword.operator#071A2B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#24D8FFbold
entity.other.inherited-class#1267D8
entity.name.tag, punctuation.definition.tag#073B75
entity.other.attribute-name#1267D8
meta.diff, meta.diff.header#E6F0F7
markup.deleted#A7F3E4
markup.inserted#1267D8
markup.changed#24D8FF
markup.heading, markup.heading.setext, punctuation.definition.heading#1267D8bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#24D8FF
string.other.link.title, string.other.link.description#1267D8
markup.underline.link#E6F0F7underline
punctuation.definition.list#073B75
markup.quote, punctuation.definition.quote#E6F0F7italic