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#0F0F0F
  • activityBar.border#ffffff15
  • activityBar.foreground#B767E9
  • activityBar.inactiveForeground#FFFFFF60
  • activityBarBadge.background#B767E9
  • activityBarBadge.foreground#0F0F0F
  • button.background#B767E9
  • button.foreground#0F0F0F
  • button.hoverBackground#B767E9dd
  • editor.background#0F0F0F
  • editor.foreground#FFFFFF
  • editor.inactiveSelectionBackground#ECCD793580
  • editor.lineHighlightBackground#0F0F0F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECCD7935
  • editorCursor.foreground#B767E9
  • editorGroupHeader.tabsBackground#0F0F0Fdd
  • editorLineNumber.activeForeground#B767E9
  • editorLineNumber.foreground#7EA17A80
  • focusBorder#B767E9
  • foreground#FFFFFF
  • input.background#0F0F0F
  • input.border#ffffff15
  • input.foreground#FFFFFF
  • input.placeholderForeground#FFFFFF60
  • list.activeSelectionBackground#B767E930
  • list.activeSelectionForeground#FFFFFF
  • list.highlightForeground#B767E9
  • list.hoverBackground#0F0F0F40
  • list.hoverForeground#FFFFFF
  • list.inactiveSelectionBackground#B767E915
  • list.inactiveSelectionForeground#FFFFFF
  • selection.background#ECCD7935
  • sideBar.background#0F0F0F
  • sideBar.border#ffffff15
  • sideBar.foreground#FFFFFF
  • sideBarSectionHeader.background#0F0F0F80
  • sideBarSectionHeader.foreground#FFFFFF
  • sideBarTitle.foreground#B767E9
  • statusBar.background#0F0F0F
  • statusBar.border#ffffff15
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#0F0F0F
  • tab.activeBackground#0F0F0F
  • tab.activeBorderTop#B767E9
  • tab.activeForeground#FFFFFF
  • tab.border#ffffff15
  • tab.inactiveBackground#0F0F0F60
  • tab.inactiveForeground#FFFFFF80
  • terminal.ansiBlack#0F0F0F
  • terminal.ansiBlue#ECCD79
  • terminal.ansiCyan#C755E7
  • terminal.ansiGreen#B767E9
  • terminal.ansiMagenta#83F189
  • terminal.ansiRed#83F189
  • terminal.ansiWhite#FFFFFF
  • terminal.ansiYellow#C755E7
  • terminal.background#0F0F0F
  • terminal.foreground#FFFFFF
  • titleBar.activeBackground#0F0F0F
  • titleBar.activeForeground#FFFFFF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0F0F0F
  • titleBar.inactiveForeground#FFFFFF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7EA17Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECCD79bold
storage.type, storage.modifier#ECCD79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B767E9
string, punctuation.definition.string, string.template, meta.template.expression#C755E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F189
variable, variable.other.readwrite, variable.other.object#FFFFFF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFFFFF
variable.parameter, meta.parameter#FFFFFFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFFFFF80
keyword.operator#FFFFFF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C755E7bold
entity.other.inherited-class#B767E9
entity.name.tag, punctuation.definition.tag#ECCD79
entity.other.attribute-name#B767E9
meta.diff, meta.diff.header#7EA17A
markup.deleted#83F189
markup.inserted#B767E9
markup.changed#C755E7
markup.heading, markup.heading.setext, punctuation.definition.heading#B767E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C755E7
string.other.link.title, string.other.link.description#B767E9
markup.underline.link#7EA17Aunderline
punctuation.definition.list#ECCD79
markup.quote, punctuation.definition.quote#7EA17Aitalic