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#080C0C
  • activityBar.border#ffffff15
  • activityBar.foreground#6788E9
  • activityBar.inactiveForeground#faf6ef60
  • activityBarBadge.background#6788E9
  • activityBarBadge.foreground#080C0C
  • button.background#6788E9
  • button.foreground#080C0C
  • button.hoverBackground#6788E9dd
  • editor.background#080C0C
  • editor.foreground#faf6ef
  • editor.inactiveSelectionBackground#79ECAB3580
  • editor.lineHighlightBackground#09090B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECAB35
  • editorCursor.foreground#6788E9
  • editorGroupHeader.tabsBackground#080C0Cdd
  • editorLineNumber.activeForeground#6788E9
  • editorLineNumber.foreground#2a303680
  • focusBorder#6788E9
  • foreground#faf6ef
  • input.background#09090B
  • input.border#ffffff15
  • input.foreground#faf6ef
  • input.placeholderForeground#faf6ef60
  • list.activeSelectionBackground#6788E930
  • list.activeSelectionForeground#faf6ef
  • list.highlightForeground#6788E9
  • list.hoverBackground#09090B40
  • list.hoverForeground#faf6ef
  • list.inactiveSelectionBackground#6788E915
  • list.inactiveSelectionForeground#faf6ef
  • selection.background#79ECAB35
  • sideBar.background#09090B
  • sideBar.border#ffffff15
  • sideBar.foreground#faf6ef
  • sideBarSectionHeader.background#080C0C80
  • sideBarSectionHeader.foreground#faf6ef
  • sideBarTitle.foreground#6788E9
  • statusBar.background#080C0C
  • statusBar.border#ffffff15
  • statusBar.foreground#faf6ef
  • statusBar.noFolderBackground#080C0C
  • tab.activeBackground#080C0C
  • tab.activeBorderTop#6788E9
  • tab.activeForeground#faf6ef
  • tab.border#ffffff15
  • tab.inactiveBackground#09090B60
  • tab.inactiveForeground#faf6ef80
  • terminal.ansiBlack#080C0C
  • terminal.ansiBlue#79ECAB
  • terminal.ansiCyan#55BEE7
  • terminal.ansiGreen#6788E9
  • terminal.ansiMagenta#F1D883
  • terminal.ansiRed#F1D883
  • terminal.ansiWhite#faf6ef
  • terminal.ansiYellow#55BEE7
  • terminal.background#080C0C
  • terminal.foreground#faf6ef
  • titleBar.activeBackground#080C0C
  • titleBar.activeForeground#faf6ef
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#080C0C
  • titleBar.inactiveForeground#faf6ef60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2a3036italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECABbold
storage.type, storage.modifier#79ECABitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6788E9
string, punctuation.definition.string, string.template, meta.template.expression#55BEE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D883
variable, variable.other.readwrite, variable.other.object#faf6ef
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#faf6ef
variable.parameter, meta.parameter#faf6efdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#faf6ef80
keyword.operator#faf6ef
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55BEE7bold
entity.other.inherited-class#6788E9
entity.name.tag, punctuation.definition.tag#79ECAB
entity.other.attribute-name#6788E9
meta.diff, meta.diff.header#2a3036
markup.deleted#F1D883
markup.inserted#6788E9
markup.changed#55BEE7
markup.heading, markup.heading.setext, punctuation.definition.heading#6788E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55BEE7
string.other.link.title, string.other.link.description#6788E9
markup.underline.link#2a3036underline
punctuation.definition.list#79ECAB
markup.quote, punctuation.definition.quote#2a3036italic