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#FDFDFB
  • activityBar.border#00000015
  • activityBar.foreground#259393
  • activityBar.inactiveForeground#001B2A60
  • activityBarBadge.background#259393
  • activityBarBadge.foreground#FDFDFB
  • button.background#259393
  • button.foreground#FDFDFB
  • button.hoverBackground#259393dd
  • editor.background#FDFDFB
  • editor.foreground#001B2A
  • editor.inactiveSelectionBackground#2149832580
  • editor.lineHighlightBackground#F9F8F650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21498325
  • editorCursor.foreground#259393
  • editorGroupHeader.tabsBackground#F9F8F6aa
  • editorLineNumber.activeForeground#259393
  • editorLineNumber.foreground#E6E8EB80
  • focusBorder#259393
  • foreground#001B2A
  • input.background#F9F8F6
  • input.border#00000015
  • input.foreground#001B2A
  • input.placeholderForeground#001B2A60
  • list.activeSelectionBackground#25939330
  • list.activeSelectionForeground#001B2A
  • list.highlightForeground#259393
  • list.hoverBackground#F9F8F640
  • list.hoverForeground#001B2A
  • list.inactiveSelectionBackground#25939315
  • list.inactiveSelectionForeground#001B2A
  • selection.background#21498325
  • sideBar.background#F9F8F6
  • sideBar.border#00000015
  • sideBar.foreground#001B2A
  • sideBarSectionHeader.background#F9F8F680
  • sideBarSectionHeader.foreground#001B2A
  • sideBarTitle.foreground#259393
  • statusBar.background#FDFDFB
  • statusBar.border#00000015
  • statusBar.foreground#001B2A
  • statusBar.noFolderBackground#FDFDFB
  • tab.activeBackground#FDFDFB
  • tab.activeBorderTop#259393
  • tab.activeForeground#001B2A
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFB60
  • tab.inactiveForeground#001B2A80
  • terminal.ansiBlack#001B2A
  • terminal.ansiBlue#214983
  • terminal.ansiCyan#A38729
  • terminal.ansiGreen#259393
  • terminal.ansiMagenta#765719
  • terminal.ansiRed#765719
  • terminal.ansiWhite#001B2A
  • terminal.ansiYellow#A38729
  • terminal.background#FDFDFB
  • terminal.foreground#001B2A
  • titleBar.activeBackground#FDFDFB
  • titleBar.activeForeground#001B2A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFB
  • titleBar.inactiveForeground#001B2A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6E8EBitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#214983bold
storage.type, storage.modifier#214983italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259393
string, punctuation.definition.string, string.template, meta.template.expression#A38729
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765719
variable, variable.other.readwrite, variable.other.object#001B2A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#001B2A
variable.parameter, meta.parameter#001B2Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#001B2A80
keyword.operator#001B2A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38729bold
entity.other.inherited-class#259393
entity.name.tag, punctuation.definition.tag#214983
entity.other.attribute-name#259393
meta.diff, meta.diff.header#E6E8EB
markup.deleted#765719
markup.inserted#259393
markup.changed#A38729
markup.heading, markup.heading.setext, punctuation.definition.heading#259393bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38729
string.other.link.title, string.other.link.description#259393
markup.underline.link#E6E8EBunderline
punctuation.definition.list#214983
markup.quote, punctuation.definition.quote#E6E8EBitalic