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#412925
  • activityBar.border#ffffff15
  • activityBar.foreground#C067E9
  • activityBar.inactiveForeground#f7f1f560
  • activityBarBadge.background#C067E9
  • activityBarBadge.foreground#412925
  • button.background#C067E9
  • button.foreground#412925
  • button.hoverBackground#C067E9dd
  • editor.background#412925
  • editor.foreground#f7f1f5
  • editor.inactiveSelectionBackground#BC79EC3580
  • editor.lineHighlightBackground#0C080C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#BC79EC35
  • editorCursor.foreground#C067E9
  • editorGroupHeader.tabsBackground#412925dd
  • editorLineNumber.activeForeground#C067E9
  • editorLineNumber.foreground#73965a80
  • focusBorder#C067E9
  • foreground#f7f1f5
  • input.background#0C080C
  • input.border#ffffff15
  • input.foreground#f7f1f5
  • input.placeholderForeground#f7f1f560
  • list.activeSelectionBackground#C067E930
  • list.activeSelectionForeground#f7f1f5
  • list.highlightForeground#C067E9
  • list.hoverBackground#0C080C40
  • list.hoverForeground#f7f1f5
  • list.inactiveSelectionBackground#C067E915
  • list.inactiveSelectionForeground#f7f1f5
  • selection.background#BC79EC35
  • sideBar.background#0C080C
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f1f5
  • sideBarSectionHeader.background#41292580
  • sideBarSectionHeader.foreground#f7f1f5
  • sideBarTitle.foreground#C067E9
  • statusBar.background#412925
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f1f5
  • statusBar.noFolderBackground#412925
  • tab.activeBackground#412925
  • tab.activeBorderTop#C067E9
  • tab.activeForeground#f7f1f5
  • tab.border#ffffff15
  • tab.inactiveBackground#0C080C60
  • tab.inactiveForeground#f7f1f580
  • terminal.ansiBlack#412925
  • terminal.ansiBlue#BC79EC
  • terminal.ansiCyan#E7559C
  • terminal.ansiGreen#C067E9
  • terminal.ansiMagenta#A4F183
  • terminal.ansiRed#A4F183
  • terminal.ansiWhite#f7f1f5
  • terminal.ansiYellow#E7559C
  • terminal.background#412925
  • terminal.foreground#f7f1f5
  • titleBar.activeBackground#412925
  • titleBar.activeForeground#f7f1f5
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#412925
  • titleBar.inactiveForeground#f7f1f560
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#73965aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#BC79ECbold
storage.type, storage.modifier#BC79ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#C067E9
string, punctuation.definition.string, string.template, meta.template.expression#E7559C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A4F183
variable, variable.other.readwrite, variable.other.object#f7f1f5
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f1f5
variable.parameter, meta.parameter#f7f1f5dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f1f580
keyword.operator#f7f1f5
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7559Cbold
entity.other.inherited-class#C067E9
entity.name.tag, punctuation.definition.tag#BC79EC
entity.other.attribute-name#C067E9
meta.diff, meta.diff.header#73965a
markup.deleted#A4F183
markup.inserted#C067E9
markup.changed#E7559C
markup.heading, markup.heading.setext, punctuation.definition.heading#C067E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7559C
string.other.link.title, string.other.link.description#C067E9
markup.underline.link#73965aunderline
punctuation.definition.list#BC79EC
markup.quote, punctuation.definition.quote#73965aitalic