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#0E1320
  • activityBar.border#ffffff15
  • activityBar.foreground#6772E9
  • activityBar.inactiveForeground#F4F7F860
  • activityBarBadge.background#6772E9
  • activityBarBadge.foreground#0E1320
  • button.background#6772E9
  • button.foreground#0E1320
  • button.hoverBackground#6772E9dd
  • editor.background#0E1320
  • editor.foreground#F4F7F8
  • editor.inactiveSelectionBackground#798EEC3580
  • editor.lineHighlightBackground#05090F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#798EEC35
  • editorCursor.foreground#6772E9
  • editorGroupHeader.tabsBackground#0E1320dd
  • editorLineNumber.activeForeground#6772E9
  • editorLineNumber.foreground#D8E2EC80
  • focusBorder#6772E9
  • foreground#F4F7F8
  • input.background#05090F
  • input.border#ffffff15
  • input.foreground#F4F7F8
  • input.placeholderForeground#F4F7F860
  • list.activeSelectionBackground#6772E930
  • list.activeSelectionForeground#F4F7F8
  • list.highlightForeground#6772E9
  • list.hoverBackground#05090F40
  • list.hoverForeground#F4F7F8
  • list.inactiveSelectionBackground#6772E915
  • list.inactiveSelectionForeground#F4F7F8
  • selection.background#798EEC35
  • sideBar.background#05090F
  • sideBar.border#ffffff15
  • sideBar.foreground#F4F7F8
  • sideBarSectionHeader.background#0E132080
  • sideBarSectionHeader.foreground#F4F7F8
  • sideBarTitle.foreground#6772E9
  • statusBar.background#0E1320
  • statusBar.border#ffffff15
  • statusBar.foreground#F4F7F8
  • statusBar.noFolderBackground#0E1320
  • tab.activeBackground#0E1320
  • tab.activeBorderTop#6772E9
  • tab.activeForeground#F4F7F8
  • tab.border#ffffff15
  • tab.inactiveBackground#05090F60
  • tab.inactiveForeground#F4F7F880
  • terminal.ansiBlack#0E1320
  • terminal.ansiBlue#798EEC
  • terminal.ansiCyan#55D1E7
  • terminal.ansiGreen#6772E9
  • terminal.ansiMagenta#83E3F1
  • terminal.ansiRed#83E3F1
  • terminal.ansiWhite#F4F7F8
  • terminal.ansiYellow#55D1E7
  • terminal.background#0E1320
  • terminal.foreground#F4F7F8
  • titleBar.activeBackground#0E1320
  • titleBar.activeForeground#F4F7F8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0E1320
  • titleBar.inactiveForeground#F4F7F860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D8E2ECitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#798EECbold
storage.type, storage.modifier#798EECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6772E9
string, punctuation.definition.string, string.template, meta.template.expression#55D1E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83E3F1
variable, variable.other.readwrite, variable.other.object#F4F7F8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F4F7F8
variable.parameter, meta.parameter#F4F7F8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F4F7F880
keyword.operator#F4F7F8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55D1E7bold
entity.other.inherited-class#6772E9
entity.name.tag, punctuation.definition.tag#798EEC
entity.other.attribute-name#6772E9
meta.diff, meta.diff.header#D8E2EC
markup.deleted#83E3F1
markup.inserted#6772E9
markup.changed#55D1E7
markup.heading, markup.heading.setext, punctuation.definition.heading#6772E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55D1E7
string.other.link.title, string.other.link.description#6772E9
markup.underline.link#D8E2ECunderline
punctuation.definition.list#798EEC
markup.quote, punctuation.definition.quote#D8E2ECitalic