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#F7FBFF
  • activityBar.border#00000015
  • activityBar.foreground#1E58FF
  • activityBar.inactiveForeground#0B172660
  • activityBarBadge.background#1E58FF
  • activityBarBadge.foreground#F7FBFF
  • button.background#1E58FF
  • button.foreground#F7FBFF
  • button.hoverBackground#1E58FFdd
  • editor.background#F7FBFF
  • editor.foreground#0B1726
  • editor.inactiveSelectionBackground#2E7D322580
  • editor.lineHighlightBackground#EAF6FF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2E7D3225
  • editorCursor.foreground#1E58FF
  • editorGroupHeader.tabsBackground#EAF6FFaa
  • editorLineNumber.activeForeground#1E58FF
  • editorLineNumber.foreground#CBD5E180
  • focusBorder#1E58FF
  • foreground#0B1726
  • input.background#EAF6FF
  • input.border#00000015
  • input.foreground#0B1726
  • input.placeholderForeground#0B172660
  • list.activeSelectionBackground#1E58FF30
  • list.activeSelectionForeground#0B1726
  • list.highlightForeground#1E58FF
  • list.hoverBackground#EAF6FF40
  • list.hoverForeground#0B1726
  • list.inactiveSelectionBackground#1E58FF15
  • list.inactiveSelectionForeground#0B1726
  • selection.background#2E7D3225
  • sideBar.background#EAF6FF
  • sideBar.border#00000015
  • sideBar.foreground#0B1726
  • sideBarSectionHeader.background#EAF6FF80
  • sideBarSectionHeader.foreground#0B1726
  • sideBarTitle.foreground#1E58FF
  • statusBar.background#F7FBFF
  • statusBar.border#00000015
  • statusBar.foreground#0B1726
  • statusBar.noFolderBackground#F7FBFF
  • tab.activeBackground#F7FBFF
  • tab.activeBorderTop#1E58FF
  • tab.activeForeground#0B1726
  • tab.border#00000015
  • tab.inactiveBackground#F7FBFF60
  • tab.inactiveForeground#0B172680
  • terminal.ansiBlack#0B1726
  • terminal.ansiBlue#2E7D32
  • terminal.ansiCyan#7EC8F8
  • terminal.ansiGreen#1E58FF
  • terminal.ansiMagenta#FFFFFF
  • terminal.ansiRed#FFFFFF
  • terminal.ansiWhite#0B1726
  • terminal.ansiYellow#7EC8F8
  • terminal.background#F7FBFF
  • terminal.foreground#0B1726
  • titleBar.activeBackground#F7FBFF
  • titleBar.activeForeground#0B1726
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7FBFF
  • titleBar.inactiveForeground#0B172660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#CBD5E1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2E7D32bold
storage.type, storage.modifier#2E7D32italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1E58FF
string, punctuation.definition.string, string.template, meta.template.expression#7EC8F8
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#FFFFFF
variable, variable.other.readwrite, variable.other.object#0B1726
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0B1726
variable.parameter, meta.parameter#0B1726dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0B172680
keyword.operator#0B1726
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7EC8F8bold
entity.other.inherited-class#1E58FF
entity.name.tag, punctuation.definition.tag#2E7D32
entity.other.attribute-name#1E58FF
meta.diff, meta.diff.header#CBD5E1
markup.deleted#FFFFFF
markup.inserted#1E58FF
markup.changed#7EC8F8
markup.heading, markup.heading.setext, punctuation.definition.heading#1E58FFbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7EC8F8
string.other.link.title, string.other.link.description#1E58FF
markup.underline.link#CBD5E1underline
punctuation.definition.list#2E7D32
markup.quote, punctuation.definition.quote#CBD5E1italic