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#FBFCFD
  • activityBar.border#00000015
  • activityBar.foreground#254493
  • activityBar.inactiveForeground#0B102060
  • activityBarBadge.background#254493
  • activityBarBadge.foreground#FBFCFD
  • button.background#254493
  • button.foreground#FBFCFD
  • button.hoverBackground#254493dd
  • editor.background#FBFCFD
  • editor.foreground#0B1020
  • editor.inactiveSelectionBackground#3B21832580
  • editor.lineHighlightBackground#D1D8E050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#3B218325
  • editorCursor.foreground#254493
  • editorGroupHeader.tabsBackground#D1D8E0aa
  • editorLineNumber.activeForeground#254493
  • editorLineNumber.foreground#47556980
  • focusBorder#254493
  • foreground#0B1020
  • input.background#D1D8E0
  • input.border#00000015
  • input.foreground#0B1020
  • input.placeholderForeground#0B102060
  • list.activeSelectionBackground#25449330
  • list.activeSelectionForeground#0B1020
  • list.highlightForeground#254493
  • list.hoverBackground#D1D8E040
  • list.hoverForeground#0B1020
  • list.inactiveSelectionBackground#25449315
  • list.inactiveSelectionForeground#0B1020
  • selection.background#3B218325
  • sideBar.background#D1D8E0
  • sideBar.border#00000015
  • sideBar.foreground#0B1020
  • sideBarSectionHeader.background#D1D8E080
  • sideBarSectionHeader.foreground#0B1020
  • sideBarTitle.foreground#254493
  • statusBar.background#FBFCFD
  • statusBar.border#00000015
  • statusBar.foreground#0B1020
  • statusBar.noFolderBackground#FBFCFD
  • tab.activeBackground#FBFCFD
  • tab.activeBorderTop#254493
  • tab.activeForeground#0B1020
  • tab.border#00000015
  • tab.inactiveBackground#FBFCFD60
  • tab.inactiveForeground#0B102080
  • terminal.ansiBlack#0B1020
  • terminal.ansiBlue#3B2183
  • terminal.ansiCyan#2997A3
  • terminal.ansiGreen#254493
  • terminal.ansiMagenta#2F1976
  • terminal.ansiRed#2F1976
  • terminal.ansiWhite#0B1020
  • terminal.ansiYellow#2997A3
  • terminal.background#FBFCFD
  • terminal.foreground#0B1020
  • titleBar.activeBackground#FBFCFD
  • titleBar.activeForeground#0B1020
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBFCFD
  • titleBar.inactiveForeground#0B102060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#475569italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#3B2183bold
storage.type, storage.modifier#3B2183italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#254493
string, punctuation.definition.string, string.template, meta.template.expression#2997A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2F1976
variable, variable.other.readwrite, variable.other.object#0B1020
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0B1020
variable.parameter, meta.parameter#0B1020dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0B102080
keyword.operator#0B1020
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2997A3bold
entity.other.inherited-class#254493
entity.name.tag, punctuation.definition.tag#3B2183
entity.other.attribute-name#254493
meta.diff, meta.diff.header#475569
markup.deleted#2F1976
markup.inserted#254493
markup.changed#2997A3
markup.heading, markup.heading.setext, punctuation.definition.heading#254493bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2997A3
string.other.link.title, string.other.link.description#254493
markup.underline.link#475569underline
punctuation.definition.list#3B2183
markup.quote, punctuation.definition.quote#475569italic