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#FAFCFF
  • activityBar.border#00000015
  • activityBar.foreground#254093
  • activityBar.inactiveForeground#0B172660
  • activityBarBadge.background#254093
  • activityBarBadge.foreground#FAFCFF
  • button.background#254093
  • button.foreground#FAFCFF
  • button.hoverBackground#254093dd
  • editor.background#FAFCFF
  • editor.foreground#0B1726
  • editor.inactiveSelectionBackground#2183262580
  • editor.lineHighlightBackground#F0F8FF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21832625
  • editorCursor.foreground#254093
  • editorGroupHeader.tabsBackground#F0F8FFaa
  • editorLineNumber.activeForeground#254093
  • editorLineNumber.foreground#CBD5E180
  • focusBorder#254093
  • foreground#0B1726
  • input.background#F0F8FF
  • input.border#00000015
  • input.foreground#0B1726
  • input.placeholderForeground#0B172660
  • list.activeSelectionBackground#25409330
  • list.activeSelectionForeground#0B1726
  • list.highlightForeground#254093
  • list.hoverBackground#F0F8FF40
  • list.hoverForeground#0B1726
  • list.inactiveSelectionBackground#25409315
  • list.inactiveSelectionForeground#0B1726
  • selection.background#21832625
  • sideBar.background#F0F8FF
  • sideBar.border#00000015
  • sideBar.foreground#0B1726
  • sideBarSectionHeader.background#F0F8FF80
  • sideBarSectionHeader.foreground#0B1726
  • sideBarTitle.foreground#254093
  • statusBar.background#FAFCFF
  • statusBar.border#00000015
  • statusBar.foreground#0B1726
  • statusBar.noFolderBackground#FAFCFF
  • tab.activeBackground#FAFCFF
  • tab.activeBorderTop#254093
  • tab.activeForeground#0B1726
  • tab.border#00000015
  • tab.inactiveBackground#FAFCFF60
  • tab.inactiveForeground#0B172680
  • terminal.ansiBlack#0B1726
  • terminal.ansiBlue#218326
  • terminal.ansiCyan#2972A3
  • terminal.ansiGreen#254093
  • terminal.ansiMagenta#761919
  • terminal.ansiRed#761919
  • terminal.ansiWhite#0B1726
  • terminal.ansiYellow#2972A3
  • terminal.background#FAFCFF
  • terminal.foreground#0B1726
  • titleBar.activeBackground#FAFCFF
  • titleBar.activeForeground#0B1726
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFCFF
  • 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#218326bold
storage.type, storage.modifier#218326italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#254093
string, punctuation.definition.string, string.template, meta.template.expression#2972A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761919
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#2972A3bold
entity.other.inherited-class#254093
entity.name.tag, punctuation.definition.tag#218326
entity.other.attribute-name#254093
meta.diff, meta.diff.header#CBD5E1
markup.deleted#761919
markup.inserted#254093
markup.changed#2972A3
markup.heading, markup.heading.setext, punctuation.definition.heading#254093bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2972A3
string.other.link.title, string.other.link.description#254093
markup.underline.link#CBD5E1underline
punctuation.definition.list#218326
markup.quote, punctuation.definition.quote#CBD5E1italic