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#040406
  • activityBar.border#ffffff15
  • activityBar.foreground#6786E9
  • activityBar.inactiveForeground#F7FCFF60
  • activityBarBadge.background#6786E9
  • activityBarBadge.foreground#040406
  • button.background#6786E9
  • button.foreground#040406
  • button.hoverBackground#6786E9dd
  • editor.background#040406
  • editor.foreground#F7FCFF
  • editor.inactiveSelectionBackground#ECD9793580
  • editor.lineHighlightBackground#00081440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECD97935
  • editorCursor.foreground#6786E9
  • editorGroupHeader.tabsBackground#040406dd
  • editorLineNumber.activeForeground#6786E9
  • editorLineNumber.foreground#CFFAFA80
  • focusBorder#6786E9
  • foreground#F7FCFF
  • input.background#000814
  • input.border#ffffff15
  • input.foreground#F7FCFF
  • input.placeholderForeground#F7FCFF60
  • list.activeSelectionBackground#6786E930
  • list.activeSelectionForeground#F7FCFF
  • list.highlightForeground#6786E9
  • list.hoverBackground#00081440
  • list.hoverForeground#F7FCFF
  • list.inactiveSelectionBackground#6786E915
  • list.inactiveSelectionForeground#F7FCFF
  • selection.background#ECD97935
  • sideBar.background#000814
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FCFF
  • sideBarSectionHeader.background#04040680
  • sideBarSectionHeader.foreground#F7FCFF
  • sideBarTitle.foreground#6786E9
  • statusBar.background#040406
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FCFF
  • statusBar.noFolderBackground#040406
  • tab.activeBackground#040406
  • tab.activeBorderTop#6786E9
  • tab.activeForeground#F7FCFF
  • tab.border#ffffff15
  • tab.inactiveBackground#00081460
  • tab.inactiveForeground#F7FCFF80
  • terminal.ansiBlack#040406
  • terminal.ansiBlue#ECD979
  • terminal.ansiCyan#55E4E7
  • terminal.ansiGreen#6786E9
  • terminal.ansiMagenta#83E3F1
  • terminal.ansiRed#83E3F1
  • terminal.ansiWhite#F7FCFF
  • terminal.ansiYellow#55E4E7
  • terminal.background#040406
  • terminal.foreground#F7FCFF
  • titleBar.activeBackground#040406
  • titleBar.activeForeground#F7FCFF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#040406
  • titleBar.inactiveForeground#F7FCFF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#CFFAFAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECD979bold
storage.type, storage.modifier#ECD979italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6786E9
string, punctuation.definition.string, string.template, meta.template.expression#55E4E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83E3F1
variable, variable.other.readwrite, variable.other.object#F7FCFF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FCFF
variable.parameter, meta.parameter#F7FCFFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FCFF80
keyword.operator#F7FCFF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E4E7bold
entity.other.inherited-class#6786E9
entity.name.tag, punctuation.definition.tag#ECD979
entity.other.attribute-name#6786E9
meta.diff, meta.diff.header#CFFAFA
markup.deleted#83E3F1
markup.inserted#6786E9
markup.changed#55E4E7
markup.heading, markup.heading.setext, punctuation.definition.heading#6786E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E4E7
string.other.link.title, string.other.link.description#6786E9
markup.underline.link#CFFAFAunderline
punctuation.definition.list#ECD979
markup.quote, punctuation.definition.quote#CFFAFAitalic