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#F7FCFF
  • activityBar.border#00000015
  • activityBar.foreground#0D47FF
  • activityBar.inactiveForeground#00102660
  • activityBarBadge.background#0D47FF
  • activityBarBadge.foreground#F7FCFF
  • button.background#0D47FF
  • button.foreground#F7FCFF
  • button.hoverBackground#0D47FFdd
  • editor.background#F7FCFF
  • editor.foreground#001026
  • editor.inactiveSelectionBackground#FFD6002580
  • editor.lineHighlightBackground#F5F3EB50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#FFD60025
  • editorCursor.foreground#0D47FF
  • editorGroupHeader.tabsBackground#F5F3EBaa
  • editorLineNumber.activeForeground#0D47FF
  • editorLineNumber.foreground#CFFAFA80
  • focusBorder#0D47FF
  • foreground#001026
  • input.background#F5F3EB
  • input.border#00000015
  • input.foreground#001026
  • input.placeholderForeground#00102660
  • list.activeSelectionBackground#0D47FF30
  • list.activeSelectionForeground#001026
  • list.highlightForeground#0D47FF
  • list.hoverBackground#F5F3EB40
  • list.hoverForeground#001026
  • list.inactiveSelectionBackground#0D47FF15
  • list.inactiveSelectionForeground#001026
  • selection.background#FFD60025
  • sideBar.background#F5F3EB
  • sideBar.border#00000015
  • sideBar.foreground#001026
  • sideBarSectionHeader.background#F5F3EB80
  • sideBarSectionHeader.foreground#001026
  • sideBarTitle.foreground#0D47FF
  • statusBar.background#F7FCFF
  • statusBar.border#00000015
  • statusBar.foreground#001026
  • statusBar.noFolderBackground#F7FCFF
  • tab.activeBackground#F7FCFF
  • tab.activeBorderTop#0D47FF
  • tab.activeForeground#001026
  • tab.border#00000015
  • tab.inactiveBackground#F7FCFF60
  • tab.inactiveForeground#00102680
  • terminal.ansiBlack#001026
  • terminal.ansiBlue#FFD600
  • terminal.ansiCyan#00B5B8
  • terminal.ansiGreen#0D47FF
  • terminal.ansiMagenta#22D3EE
  • terminal.ansiRed#22D3EE
  • terminal.ansiWhite#001026
  • terminal.ansiYellow#00B5B8
  • terminal.background#F7FCFF
  • terminal.foreground#001026
  • titleBar.activeBackground#F7FCFF
  • titleBar.activeForeground#001026
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7FCFF
  • titleBar.inactiveForeground#00102660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#CFFAFAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#FFD600bold
storage.type, storage.modifier#FFD600italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0D47FF
string, punctuation.definition.string, string.template, meta.template.expression#00B5B8
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#22D3EE
variable, variable.other.readwrite, variable.other.object#001026
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#001026
variable.parameter, meta.parameter#001026dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#00102680
keyword.operator#001026
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#00B5B8bold
entity.other.inherited-class#0D47FF
entity.name.tag, punctuation.definition.tag#FFD600
entity.other.attribute-name#0D47FF
meta.diff, meta.diff.header#CFFAFA
markup.deleted#22D3EE
markup.inserted#0D47FF
markup.changed#00B5B8
markup.heading, markup.heading.setext, punctuation.definition.heading#0D47FFbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#00B5B8
string.other.link.title, string.other.link.description#0D47FF
markup.underline.link#CFFAFAunderline
punctuation.definition.list#FFD600
markup.quote, punctuation.definition.quote#CFFAFAitalic