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#1A1023
  • activityBar.border#ffffff15
  • activityBar.foreground#8E67E9
  • activityBar.inactiveForeground#fffbed60
  • activityBarBadge.background#8E67E9
  • activityBarBadge.foreground#1A1023
  • button.background#8E67E9
  • button.foreground#1A1023
  • button.hoverBackground#8E67E9dd
  • editor.background#1A1023
  • editor.foreground#fffbed
  • editor.inactiveSelectionBackground#79ECC23580
  • editor.lineHighlightBackground#0E0D1240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECC235
  • editorCursor.foreground#8E67E9
  • editorGroupHeader.tabsBackground#1A1023dd
  • editorLineNumber.activeForeground#8E67E9
  • editorLineNumber.foreground#d7f2df80
  • focusBorder#8E67E9
  • foreground#fffbed
  • input.background#0E0D12
  • input.border#ffffff15
  • input.foreground#fffbed
  • input.placeholderForeground#fffbed60
  • list.activeSelectionBackground#8E67E930
  • list.activeSelectionForeground#fffbed
  • list.highlightForeground#8E67E9
  • list.hoverBackground#0E0D1240
  • list.hoverForeground#fffbed
  • list.inactiveSelectionBackground#8E67E915
  • list.inactiveSelectionForeground#fffbed
  • selection.background#79ECC235
  • sideBar.background#0E0D12
  • sideBar.border#ffffff15
  • sideBar.foreground#fffbed
  • sideBarSectionHeader.background#1A102380
  • sideBarSectionHeader.foreground#fffbed
  • sideBarTitle.foreground#8E67E9
  • statusBar.background#1A1023
  • statusBar.border#ffffff15
  • statusBar.foreground#fffbed
  • statusBar.noFolderBackground#1A1023
  • tab.activeBackground#1A1023
  • tab.activeBorderTop#8E67E9
  • tab.activeForeground#fffbed
  • tab.border#ffffff15
  • tab.inactiveBackground#0E0D1260
  • tab.inactiveForeground#fffbed80
  • terminal.ansiBlack#1A1023
  • terminal.ansiBlue#79ECC2
  • terminal.ansiCyan#E7C755
  • terminal.ansiGreen#8E67E9
  • terminal.ansiMagenta#F18C83
  • terminal.ansiRed#F18C83
  • terminal.ansiWhite#fffbed
  • terminal.ansiYellow#E7C755
  • terminal.background#1A1023
  • terminal.foreground#fffbed
  • titleBar.activeBackground#1A1023
  • titleBar.activeForeground#fffbed
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1A1023
  • titleBar.inactiveForeground#fffbed60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7f2dfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECC2bold
storage.type, storage.modifier#79ECC2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8E67E9
string, punctuation.definition.string, string.template, meta.template.expression#E7C755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18C83
variable, variable.other.readwrite, variable.other.object#fffbed
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fffbed
variable.parameter, meta.parameter#fffbeddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fffbed80
keyword.operator#fffbed
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C755bold
entity.other.inherited-class#8E67E9
entity.name.tag, punctuation.definition.tag#79ECC2
entity.other.attribute-name#8E67E9
meta.diff, meta.diff.header#d7f2df
markup.deleted#F18C83
markup.inserted#8E67E9
markup.changed#E7C755
markup.heading, markup.heading.setext, punctuation.definition.heading#8E67E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C755
string.other.link.title, string.other.link.description#8E67E9
markup.underline.link#d7f2dfunderline
punctuation.definition.list#79ECC2
markup.quote, punctuation.definition.quote#d7f2dfitalic