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#132A68
  • activityBar.border#ffffff15
  • activityBar.foreground#866EFF
  • activityBar.inactiveForeground#F7FAFF60
  • activityBarBadge.background#866EFF
  • activityBarBadge.foreground#132A68
  • button.background#866EFF
  • button.foreground#132A68
  • button.hoverBackground#866EFFdd
  • editor.background#132A68
  • editor.foreground#F7FAFF
  • editor.inactiveSelectionBackground#00D4E63580
  • editor.lineHighlightBackground#0A123040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#00D4E635
  • editorCursor.foreground#866EFF
  • editorGroupHeader.tabsBackground#132A68dd
  • editorLineNumber.activeForeground#866EFF
  • editorLineNumber.foreground#C786FF80
  • focusBorder#866EFF
  • foreground#F7FAFF
  • input.background#0A1230
  • input.border#ffffff15
  • input.foreground#F7FAFF
  • input.placeholderForeground#F7FAFF60
  • list.activeSelectionBackground#866EFF30
  • list.activeSelectionForeground#F7FAFF
  • list.highlightForeground#866EFF
  • list.hoverBackground#0A123040
  • list.hoverForeground#F7FAFF
  • list.inactiveSelectionBackground#866EFF15
  • list.inactiveSelectionForeground#F7FAFF
  • selection.background#00D4E635
  • sideBar.background#0A1230
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FAFF
  • sideBarSectionHeader.background#132A6880
  • sideBarSectionHeader.foreground#F7FAFF
  • sideBarTitle.foreground#866EFF
  • statusBar.background#132A68
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FAFF
  • statusBar.noFolderBackground#132A68
  • tab.activeBackground#132A68
  • tab.activeBorderTop#866EFF
  • tab.activeForeground#F7FAFF
  • tab.border#ffffff15
  • tab.inactiveBackground#0A123060
  • tab.inactiveForeground#F7FAFF80
  • terminal.ansiBlack#132A68
  • terminal.ansiBlue#00D4E6
  • terminal.ansiCyan#FF6EC7
  • terminal.ansiGreen#866EFF
  • terminal.ansiMagenta#2D9CFF
  • terminal.ansiRed#2D9CFF
  • terminal.ansiWhite#F7FAFF
  • terminal.ansiYellow#FF6EC7
  • terminal.background#132A68
  • terminal.foreground#F7FAFF
  • titleBar.activeBackground#132A68
  • titleBar.activeForeground#F7FAFF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#132A68
  • titleBar.inactiveForeground#F7FAFF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C786FFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#00D4E6bold
storage.type, storage.modifier#00D4E6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#866EFF
string, punctuation.definition.string, string.template, meta.template.expression#FF6EC7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2D9CFF
variable, variable.other.readwrite, variable.other.object#F7FAFF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FAFF
variable.parameter, meta.parameter#F7FAFFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FAFF80
keyword.operator#F7FAFF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#FF6EC7bold
entity.other.inherited-class#866EFF
entity.name.tag, punctuation.definition.tag#00D4E6
entity.other.attribute-name#866EFF
meta.diff, meta.diff.header#C786FF
markup.deleted#2D9CFF
markup.inserted#866EFF
markup.changed#FF6EC7
markup.heading, markup.heading.setext, punctuation.definition.heading#866EFFbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FF6EC7
string.other.link.title, string.other.link.description#866EFF
markup.underline.link#C786FFunderline
punctuation.definition.list#00D4E6
markup.quote, punctuation.definition.quote#C786FFitalic