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#F8F9FB
  • activityBar.border#00000015
  • activityBar.foreground#B9CBDD
  • activityBar.inactiveForeground#2B344060
  • activityBarBadge.background#B9CBDD
  • activityBarBadge.foreground#F8F9FB
  • button.background#B9CBDD
  • button.foreground#F8F9FB
  • button.hoverBackground#B9CBDDdd
  • editor.background#F8F9FB
  • editor.foreground#2B3440
  • editor.inactiveSelectionBackground#D6E6EE2580
  • editor.lineHighlightBackground#F2F4F650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D6E6EE25
  • editorCursor.foreground#B9CBDD
  • editorGroupHeader.tabsBackground#F2F4F6aa
  • editorLineNumber.activeForeground#B9CBDD
  • editorLineNumber.foreground#E9DFCF80
  • focusBorder#B9CBDD
  • foreground#2B3440
  • input.background#F2F4F6
  • input.border#00000015
  • input.foreground#2B3440
  • input.placeholderForeground#2B344060
  • list.activeSelectionBackground#B9CBDD30
  • list.activeSelectionForeground#2B3440
  • list.highlightForeground#B9CBDD
  • list.hoverBackground#F2F4F640
  • list.hoverForeground#2B3440
  • list.inactiveSelectionBackground#B9CBDD15
  • list.inactiveSelectionForeground#2B3440
  • selection.background#D6E6EE25
  • sideBar.background#F2F4F6
  • sideBar.border#00000015
  • sideBar.foreground#2B3440
  • sideBarSectionHeader.background#F2F4F680
  • sideBarSectionHeader.foreground#2B3440
  • sideBarTitle.foreground#B9CBDD
  • statusBar.background#F8F9FB
  • statusBar.border#00000015
  • statusBar.foreground#2B3440
  • statusBar.noFolderBackground#F8F9FB
  • tab.activeBackground#F8F9FB
  • tab.activeBorderTop#B9CBDD
  • tab.activeForeground#2B3440
  • tab.border#00000015
  • tab.inactiveBackground#F8F9FB60
  • tab.inactiveForeground#2B344080
  • terminal.ansiBlack#2B3440
  • terminal.ansiBlue#D6E6EE
  • terminal.ansiCyan#E6C3D7
  • terminal.ansiGreen#B9CBDD
  • terminal.ansiMagenta#E9CFCF
  • terminal.ansiRed#E9CFCF
  • terminal.ansiWhite#2B3440
  • terminal.ansiYellow#E6C3D7
  • terminal.background#F8F9FB
  • terminal.foreground#2B3440
  • titleBar.activeBackground#F8F9FB
  • titleBar.activeForeground#2B3440
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8F9FB
  • titleBar.inactiveForeground#2B344060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E9DFCFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D6E6EEbold
storage.type, storage.modifier#D6E6EEitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B9CBDD
string, punctuation.definition.string, string.template, meta.template.expression#E6C3D7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E9CFCF
variable, variable.other.readwrite, variable.other.object#2B3440
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B3440
variable.parameter, meta.parameter#2B3440dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B344080
keyword.operator#2B3440
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E6C3D7bold
entity.other.inherited-class#B9CBDD
entity.name.tag, punctuation.definition.tag#D6E6EE
entity.other.attribute-name#B9CBDD
meta.diff, meta.diff.header#E9DFCF
markup.deleted#E9CFCF
markup.inserted#B9CBDD
markup.changed#E6C3D7
markup.heading, markup.heading.setext, punctuation.definition.heading#B9CBDDbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E6C3D7
string.other.link.title, string.other.link.description#B9CBDD
markup.underline.link#E9DFCFunderline
punctuation.definition.list#D6E6EE
markup.quote, punctuation.definition.quote#E9DFCFitalic