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#1F2320
  • activityBar.border#ffffff15
  • activityBar.foreground#7967E9
  • activityBar.inactiveForeground#FAFAF760
  • activityBarBadge.background#7967E9
  • activityBarBadge.foreground#1F2320
  • button.background#7967E9
  • button.foreground#1F2320
  • button.hoverBackground#7967E9dd
  • editor.background#1F2320
  • editor.foreground#FAFAF7
  • editor.inactiveSelectionBackground#9F79EC3580
  • editor.lineHighlightBackground#08090C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9F79EC35
  • editorCursor.foreground#7967E9
  • editorGroupHeader.tabsBackground#1F2320dd
  • editorLineNumber.activeForeground#7967E9
  • editorLineNumber.foreground#40315F80
  • focusBorder#7967E9
  • foreground#FAFAF7
  • input.background#08090C
  • input.border#ffffff15
  • input.foreground#FAFAF7
  • input.placeholderForeground#FAFAF760
  • list.activeSelectionBackground#7967E930
  • list.activeSelectionForeground#FAFAF7
  • list.highlightForeground#7967E9
  • list.hoverBackground#08090C40
  • list.hoverForeground#FAFAF7
  • list.inactiveSelectionBackground#7967E915
  • list.inactiveSelectionForeground#FAFAF7
  • selection.background#9F79EC35
  • sideBar.background#08090C
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAF7
  • sideBarSectionHeader.background#1F232080
  • sideBarSectionHeader.foreground#FAFAF7
  • sideBarTitle.foreground#7967E9
  • statusBar.background#1F2320
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAF7
  • statusBar.noFolderBackground#1F2320
  • tab.activeBackground#1F2320
  • tab.activeBorderTop#7967E9
  • tab.activeForeground#FAFAF7
  • tab.border#ffffff15
  • tab.inactiveBackground#08090C60
  • tab.inactiveForeground#FAFAF780
  • terminal.ansiBlack#1F2320
  • terminal.ansiBlue#9F79EC
  • terminal.ansiCyan#8855E7
  • terminal.ansiGreen#7967E9
  • terminal.ansiMagenta#8EF183
  • terminal.ansiRed#8EF183
  • terminal.ansiWhite#FAFAF7
  • terminal.ansiYellow#8855E7
  • terminal.background#1F2320
  • terminal.foreground#FAFAF7
  • titleBar.activeBackground#1F2320
  • titleBar.activeForeground#FAFAF7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1F2320
  • titleBar.inactiveForeground#FAFAF760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#40315Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9F79ECbold
storage.type, storage.modifier#9F79ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7967E9
string, punctuation.definition.string, string.template, meta.template.expression#8855E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8EF183
variable, variable.other.readwrite, variable.other.object#FAFAF7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFAF7
variable.parameter, meta.parameter#FAFAF7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFAF780
keyword.operator#FAFAF7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8855E7bold
entity.other.inherited-class#7967E9
entity.name.tag, punctuation.definition.tag#9F79EC
entity.other.attribute-name#7967E9
meta.diff, meta.diff.header#40315F
markup.deleted#8EF183
markup.inserted#7967E9
markup.changed#8855E7
markup.heading, markup.heading.setext, punctuation.definition.heading#7967E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8855E7
string.other.link.title, string.other.link.description#7967E9
markup.underline.link#40315Funderline
punctuation.definition.list#9F79EC
markup.quote, punctuation.definition.quote#40315Fitalic