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#372593
  • activityBar.inactiveForeground#0A123060
  • activityBarBadge.background#372593
  • activityBarBadge.foreground#FAFCFF
  • button.background#372593
  • button.foreground#FAFCFF
  • button.hoverBackground#372593dd
  • editor.background#FAFCFF
  • editor.foreground#0A1230
  • editor.inactiveSelectionBackground#217A832580
  • editor.lineHighlightBackground#F0F7FF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#217A8325
  • editorCursor.foreground#372593
  • editorGroupHeader.tabsBackground#F0F7FFaa
  • editorLineNumber.activeForeground#372593
  • editorLineNumber.foreground#C786FF80
  • focusBorder#372593
  • foreground#0A1230
  • input.background#F0F7FF
  • input.border#00000015
  • input.foreground#0A1230
  • input.placeholderForeground#0A123060
  • list.activeSelectionBackground#37259330
  • list.activeSelectionForeground#0A1230
  • list.highlightForeground#372593
  • list.hoverBackground#F0F7FF40
  • list.hoverForeground#0A1230
  • list.inactiveSelectionBackground#37259315
  • list.inactiveSelectionForeground#0A1230
  • selection.background#217A8325
  • sideBar.background#F0F7FF
  • sideBar.border#00000015
  • sideBar.foreground#0A1230
  • sideBarSectionHeader.background#F0F7FF80
  • sideBarSectionHeader.foreground#0A1230
  • sideBarTitle.foreground#372593
  • statusBar.background#FAFCFF
  • statusBar.border#00000015
  • statusBar.foreground#0A1230
  • statusBar.noFolderBackground#FAFCFF
  • tab.activeBackground#FAFCFF
  • tab.activeBorderTop#372593
  • tab.activeForeground#0A1230
  • tab.border#00000015
  • tab.inactiveBackground#FAFCFF60
  • tab.inactiveForeground#0A123080
  • terminal.ansiBlack#0A1230
  • terminal.ansiBlue#217A83
  • terminal.ansiCyan#A32974
  • terminal.ansiGreen#372593
  • terminal.ansiMagenta#194A76
  • terminal.ansiRed#194A76
  • terminal.ansiWhite#0A1230
  • terminal.ansiYellow#A32974
  • terminal.background#FAFCFF
  • terminal.foreground#0A1230
  • titleBar.activeBackground#FAFCFF
  • titleBar.activeForeground#0A1230
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFCFF
  • titleBar.inactiveForeground#0A123060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C786FFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#217A83bold
storage.type, storage.modifier#217A83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#372593
string, punctuation.definition.string, string.template, meta.template.expression#A32974
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#194A76
variable, variable.other.readwrite, variable.other.object#0A1230
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0A1230
variable.parameter, meta.parameter#0A1230dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0A123080
keyword.operator#0A1230
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A32974bold
entity.other.inherited-class#372593
entity.name.tag, punctuation.definition.tag#217A83
entity.other.attribute-name#372593
meta.diff, meta.diff.header#C786FF
markup.deleted#194A76
markup.inserted#372593
markup.changed#A32974
markup.heading, markup.heading.setext, punctuation.definition.heading#372593bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A32974
string.other.link.title, string.other.link.description#372593
markup.underline.link#C786FFunderline
punctuation.definition.list#217A83
markup.quote, punctuation.definition.quote#C786FFitalic