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#FAFBFB
  • activityBar.border#00000015
  • activityBar.foreground#005FFF
  • activityBar.inactiveForeground#11182760
  • activityBarBadge.background#005FFF
  • activityBarBadge.foreground#FAFBFB
  • button.background#005FFF
  • button.foreground#FAFBFB
  • button.hoverBackground#005FFFdd
  • editor.background#FAFBFB
  • editor.foreground#111827
  • editor.inactiveSelectionBackground#E5EEF12580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#E5EEF125
  • editorCursor.foreground#005FFF
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#005FFF
  • editorLineNumber.foreground#B9C6C980
  • focusBorder#005FFF
  • foreground#111827
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#111827
  • input.placeholderForeground#11182760
  • list.activeSelectionBackground#005FFF30
  • list.activeSelectionForeground#111827
  • list.highlightForeground#005FFF
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#111827
  • list.inactiveSelectionBackground#005FFF15
  • list.inactiveSelectionForeground#111827
  • selection.background#E5EEF125
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#111827
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#111827
  • sideBarTitle.foreground#005FFF
  • statusBar.background#FAFBFB
  • statusBar.border#00000015
  • statusBar.foreground#111827
  • statusBar.noFolderBackground#FAFBFB
  • tab.activeBackground#FAFBFB
  • tab.activeBorderTop#005FFF
  • tab.activeForeground#111827
  • tab.border#00000015
  • tab.inactiveBackground#FAFBFB60
  • tab.inactiveForeground#11182780
  • terminal.ansiBlack#111827
  • terminal.ansiBlue#E5EEF1
  • terminal.ansiCyan#2AA9D6
  • terminal.ansiGreen#005FFF
  • terminal.ansiMagenta#144E73
  • terminal.ansiRed#144E73
  • terminal.ansiWhite#111827
  • terminal.ansiYellow#2AA9D6
  • terminal.background#FAFBFB
  • terminal.foreground#111827
  • titleBar.activeBackground#FAFBFB
  • titleBar.activeForeground#111827
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFBFB
  • titleBar.inactiveForeground#11182760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B9C6C9italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#E5EEF1bold
storage.type, storage.modifier#E5EEF1italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#005FFF
string, punctuation.definition.string, string.template, meta.template.expression#2AA9D6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#144E73
variable, variable.other.readwrite, variable.other.object#111827
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#111827
variable.parameter, meta.parameter#111827dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#11182780
keyword.operator#111827
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2AA9D6bold
entity.other.inherited-class#005FFF
entity.name.tag, punctuation.definition.tag#E5EEF1
entity.other.attribute-name#005FFF
meta.diff, meta.diff.header#B9C6C9
markup.deleted#144E73
markup.inserted#005FFF
markup.changed#2AA9D6
markup.heading, markup.heading.setext, punctuation.definition.heading#005FFFbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2AA9D6
string.other.link.title, string.other.link.description#005FFF
markup.underline.link#B9C6C9underline
punctuation.definition.list#E5EEF1
markup.quote, punctuation.definition.quote#B9C6C9italic