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#0F0C13
  • activityBar.border#ffffff15
  • activityBar.foreground#B567E9
  • activityBar.inactiveForeground#f6f2ea60
  • activityBarBadge.background#B567E9
  • activityBarBadge.foreground#0F0C13
  • button.background#B567E9
  • button.foreground#0F0C13
  • button.hoverBackground#B567E9dd
  • editor.background#0F0C13
  • editor.foreground#f6f2ea
  • editor.inactiveSelectionBackground#A5EC793580
  • editor.lineHighlightBackground#40284340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A5EC7935
  • editorCursor.foreground#B567E9
  • editorGroupHeader.tabsBackground#0F0C13dd
  • editorLineNumber.activeForeground#B567E9
  • editorLineNumber.foreground#b9b5c180
  • focusBorder#B567E9
  • foreground#f6f2ea
  • input.background#402843
  • input.border#ffffff15
  • input.foreground#f6f2ea
  • input.placeholderForeground#f6f2ea60
  • list.activeSelectionBackground#B567E930
  • list.activeSelectionForeground#f6f2ea
  • list.highlightForeground#B567E9
  • list.hoverBackground#40284340
  • list.hoverForeground#f6f2ea
  • list.inactiveSelectionBackground#B567E915
  • list.inactiveSelectionForeground#f6f2ea
  • selection.background#A5EC7935
  • sideBar.background#402843
  • sideBar.border#ffffff15
  • sideBar.foreground#f6f2ea
  • sideBarSectionHeader.background#0F0C1380
  • sideBarSectionHeader.foreground#f6f2ea
  • sideBarTitle.foreground#B567E9
  • statusBar.background#0F0C13
  • statusBar.border#ffffff15
  • statusBar.foreground#f6f2ea
  • statusBar.noFolderBackground#0F0C13
  • tab.activeBackground#0F0C13
  • tab.activeBorderTop#B567E9
  • tab.activeForeground#f6f2ea
  • tab.border#ffffff15
  • tab.inactiveBackground#40284360
  • tab.inactiveForeground#f6f2ea80
  • terminal.ansiBlack#0F0C13
  • terminal.ansiBlue#A5EC79
  • terminal.ansiCyan#E755CF
  • terminal.ansiGreen#B567E9
  • terminal.ansiMagenta#BE83F1
  • terminal.ansiRed#BE83F1
  • terminal.ansiWhite#f6f2ea
  • terminal.ansiYellow#E755CF
  • terminal.background#0F0C13
  • terminal.foreground#f6f2ea
  • titleBar.activeBackground#0F0C13
  • titleBar.activeForeground#f6f2ea
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0F0C13
  • titleBar.inactiveForeground#f6f2ea60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b9b5c1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A5EC79bold
storage.type, storage.modifier#A5EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B567E9
string, punctuation.definition.string, string.template, meta.template.expression#E755CF
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#BE83F1
variable, variable.other.readwrite, variable.other.object#f6f2ea
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6f2ea
variable.parameter, meta.parameter#f6f2eadditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6f2ea80
keyword.operator#f6f2ea
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E755CFbold
entity.other.inherited-class#B567E9
entity.name.tag, punctuation.definition.tag#A5EC79
entity.other.attribute-name#B567E9
meta.diff, meta.diff.header#b9b5c1
markup.deleted#BE83F1
markup.inserted#B567E9
markup.changed#E755CF
markup.heading, markup.heading.setext, punctuation.definition.heading#B567E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E755CF
string.other.link.title, string.other.link.description#B567E9
markup.underline.link#b9b5c1underline
punctuation.definition.list#A5EC79
markup.quote, punctuation.definition.quote#b9b5c1italic