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

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#0A1230
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0A1230
variable.parameter, meta.parameter#0A1230dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0A123080
keyword.operator#0A1230
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