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#FCFCFD
  • activityBar.border#00000015
  • activityBar.foreground#255393
  • activityBar.inactiveForeground#0b0e1260
  • activityBarBadge.background#255393
  • activityBarBadge.foreground#FCFCFD
  • button.background#255393
  • button.foreground#FCFCFD
  • button.hoverBackground#255393dd
  • editor.background#FCFCFD
  • editor.foreground#0b0e12
  • editor.inactiveSelectionBackground#214D832580
  • editor.lineHighlightBackground#E7EBEE50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#214D8325
  • editorCursor.foreground#255393
  • editorGroupHeader.tabsBackground#E7EBEEaa
  • editorLineNumber.activeForeground#255393
  • editorLineNumber.foreground#aab2bd80
  • focusBorder#255393
  • foreground#0b0e12
  • input.background#E7EBEE
  • input.border#00000015
  • input.foreground#0b0e12
  • input.placeholderForeground#0b0e1260
  • list.activeSelectionBackground#25539330
  • list.activeSelectionForeground#0b0e12
  • list.highlightForeground#255393
  • list.hoverBackground#E7EBEE40
  • list.hoverForeground#0b0e12
  • list.inactiveSelectionBackground#25539315
  • list.inactiveSelectionForeground#0b0e12
  • selection.background#214D8325
  • sideBar.background#E7EBEE
  • sideBar.border#00000015
  • sideBar.foreground#0b0e12
  • sideBarSectionHeader.background#E7EBEE80
  • sideBarSectionHeader.foreground#0b0e12
  • sideBarTitle.foreground#255393
  • statusBar.background#FCFCFD
  • statusBar.border#00000015
  • statusBar.foreground#0b0e12
  • statusBar.noFolderBackground#FCFCFD
  • tab.activeBackground#FCFCFD
  • tab.activeBorderTop#255393
  • tab.activeForeground#0b0e12
  • tab.border#00000015
  • tab.inactiveBackground#FCFCFD60
  • tab.inactiveForeground#0b0e1280
  • terminal.ansiBlack#0b0e12
  • terminal.ansiBlue#214D83
  • terminal.ansiCyan#2968A3
  • terminal.ansiGreen#255393
  • terminal.ansiMagenta#193D76
  • terminal.ansiRed#193D76
  • terminal.ansiWhite#0b0e12
  • terminal.ansiYellow#2968A3
  • terminal.background#FCFCFD
  • terminal.foreground#0b0e12
  • titleBar.activeBackground#FCFCFD
  • titleBar.activeForeground#0b0e12
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFCFD
  • titleBar.inactiveForeground#0b0e1260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#aab2bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#214D83bold
storage.type, storage.modifier#214D83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#255393
string, punctuation.definition.string, string.template, meta.template.expression#2968A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#193D76
variable, variable.other.readwrite, variable.other.object#0b0e12
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0b0e12
variable.parameter, meta.parameter#0b0e12dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0b0e1280
keyword.operator#0b0e12
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2968A3bold
entity.other.inherited-class#255393
entity.name.tag, punctuation.definition.tag#214D83
entity.other.attribute-name#255393
meta.diff, meta.diff.header#aab2bd
markup.deleted#193D76
markup.inserted#255393
markup.changed#2968A3
markup.heading, markup.heading.setext, punctuation.definition.heading#255393bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2968A3
string.other.link.title, string.other.link.description#255393
markup.underline.link#aab2bdunderline
punctuation.definition.list#214D83
markup.quote, punctuation.definition.quote#aab2bditalic