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#FCFCFC
  • activityBar.border#00000015
  • activityBar.foreground#692593
  • activityBar.inactiveForeground#1A1A1A60
  • activityBarBadge.background#692593
  • activityBarBadge.foreground#FCFCFC
  • button.background#692593
  • button.foreground#FCFCFC
  • button.hoverBackground#692593dd
  • editor.background#FCFCFC
  • editor.foreground#1A1A1A
  • editor.inactiveSelectionBackground#8368212580
  • editor.lineHighlightBackground#54106550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83682125
  • editorCursor.foreground#692593
  • editorGroupHeader.tabsBackground#541065aa
  • editorLineNumber.activeForeground#692593
  • editorLineNumber.foreground#7EA17A80
  • focusBorder#692593
  • foreground#1A1A1A
  • input.background#541065
  • input.border#00000015
  • input.foreground#1A1A1A
  • input.placeholderForeground#1A1A1A60
  • list.activeSelectionBackground#69259330
  • list.activeSelectionForeground#1A1A1A
  • list.highlightForeground#692593
  • list.hoverBackground#54106540
  • list.hoverForeground#1A1A1A
  • list.inactiveSelectionBackground#69259315
  • list.inactiveSelectionForeground#1A1A1A
  • selection.background#83682125
  • sideBar.background#541065
  • sideBar.border#00000015
  • sideBar.foreground#1A1A1A
  • sideBarSectionHeader.background#54106580
  • sideBarSectionHeader.foreground#1A1A1A
  • sideBarTitle.foreground#692593
  • statusBar.background#FCFCFC
  • statusBar.border#00000015
  • statusBar.foreground#1A1A1A
  • statusBar.noFolderBackground#FCFCFC
  • tab.activeBackground#FCFCFC
  • tab.activeBorderTop#692593
  • tab.activeForeground#1A1A1A
  • tab.border#00000015
  • tab.inactiveBackground#FCFCFC60
  • tab.inactiveForeground#1A1A1A80
  • terminal.ansiBlack#1A1A1A
  • terminal.ansiBlue#836821
  • terminal.ansiCyan#8929A3
  • terminal.ansiGreen#692593
  • terminal.ansiMagenta#19761E
  • terminal.ansiRed#19761E
  • terminal.ansiWhite#1A1A1A
  • terminal.ansiYellow#8929A3
  • terminal.background#FCFCFC
  • terminal.foreground#1A1A1A
  • titleBar.activeBackground#FCFCFC
  • titleBar.activeForeground#1A1A1A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFCFC
  • titleBar.inactiveForeground#1A1A1A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7EA17Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836821bold
storage.type, storage.modifier#836821italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#692593
string, punctuation.definition.string, string.template, meta.template.expression#8929A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#19761E
variable, variable.other.readwrite, variable.other.object#1A1A1A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1A1A1A
variable.parameter, meta.parameter#1A1A1Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1A1A1A80
keyword.operator#1A1A1A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8929A3bold
entity.other.inherited-class#692593
entity.name.tag, punctuation.definition.tag#836821
entity.other.attribute-name#692593
meta.diff, meta.diff.header#7EA17A
markup.deleted#19761E
markup.inserted#692593
markup.changed#8929A3
markup.heading, markup.heading.setext, punctuation.definition.heading#692593bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8929A3
string.other.link.title, string.other.link.description#692593
markup.underline.link#7EA17Aunderline
punctuation.definition.list#836821
markup.quote, punctuation.definition.quote#7EA17Aitalic