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#0B0F19
  • activityBar.border#ffffff15
  • activityBar.foreground#E967AD
  • activityBar.inactiveForeground#F7FAFD60
  • activityBarBadge.background#E967AD
  • activityBarBadge.foreground#0B0F19
  • button.background#E967AD
  • button.foreground#0B0F19
  • button.hoverBackground#E967ADdd
  • editor.background#0B0F19
  • editor.foreground#F7FAFD
  • editor.inactiveSelectionBackground#79C6EC3580
  • editor.lineHighlightBackground#08101B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79C6EC35
  • editorCursor.foreground#E967AD
  • editorGroupHeader.tabsBackground#0B0F19dd
  • editorLineNumber.activeForeground#E967AD
  • editorLineNumber.foreground#687C9380
  • focusBorder#E967AD
  • foreground#F7FAFD
  • input.background#08101B
  • input.border#ffffff15
  • input.foreground#F7FAFD
  • input.placeholderForeground#F7FAFD60
  • list.activeSelectionBackground#E967AD30
  • list.activeSelectionForeground#F7FAFD
  • list.highlightForeground#E967AD
  • list.hoverBackground#08101B40
  • list.hoverForeground#F7FAFD
  • list.inactiveSelectionBackground#E967AD15
  • list.inactiveSelectionForeground#F7FAFD
  • selection.background#79C6EC35
  • sideBar.background#08101B
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FAFD
  • sideBarSectionHeader.background#0B0F1980
  • sideBarSectionHeader.foreground#F7FAFD
  • sideBarTitle.foreground#E967AD
  • statusBar.background#0B0F19
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FAFD
  • statusBar.noFolderBackground#0B0F19
  • tab.activeBackground#0B0F19
  • tab.activeBorderTop#E967AD
  • tab.activeForeground#F7FAFD
  • tab.border#ffffff15
  • tab.inactiveBackground#08101B60
  • tab.inactiveForeground#F7FAFD80
  • terminal.ansiBlack#0B0F19
  • terminal.ansiBlue#79C6EC
  • terminal.ansiCyan#55AFE7
  • terminal.ansiGreen#E967AD
  • terminal.ansiMagenta#F18383
  • terminal.ansiRed#F18383
  • terminal.ansiWhite#F7FAFD
  • terminal.ansiYellow#55AFE7
  • terminal.background#0B0F19
  • terminal.foreground#F7FAFD
  • titleBar.activeBackground#0B0F19
  • titleBar.activeForeground#F7FAFD
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0B0F19
  • titleBar.inactiveForeground#F7FAFD60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#687C93italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79C6ECbold
storage.type, storage.modifier#79C6ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E967AD
string, punctuation.definition.string, string.template, meta.template.expression#55AFE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18383
variable, variable.other.readwrite, variable.other.object#F7FAFD
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FAFD
variable.parameter, meta.parameter#F7FAFDdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FAFD80
keyword.operator#F7FAFD
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55AFE7bold
entity.other.inherited-class#E967AD
entity.name.tag, punctuation.definition.tag#79C6EC
entity.other.attribute-name#E967AD
meta.diff, meta.diff.header#687C93
markup.deleted#F18383
markup.inserted#E967AD
markup.changed#55AFE7
markup.heading, markup.heading.setext, punctuation.definition.heading#E967ADbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55AFE7
string.other.link.title, string.other.link.description#E967AD
markup.underline.link#687C93underline
punctuation.definition.list#79C6EC
markup.quote, punctuation.definition.quote#687C93italic