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#222233
  • dropdown.background#47476b
  • dropdown.listBackground#33334d
  • editor.background#222233
  • editor.foreground#AACCFF
  • editor.lineHighlightBackground#1f1f2e
  • editorBracketMatch.background#3c6382
  • editorGroupHeader.tabsBackground#222233
  • editorIndentGuide.background#616161
  • editorWhitespace.foreground#424242
  • input.background#33334d
  • list.focusBackground#47476b
  • list.focusForeground#ffffff
  • list.hoverBackground#47476b
  • list.hoverForeground#1f1f2e
  • notifications.background#222233
  • notifications.foreground#AACCFF
  • peekViewEditor.background#1f1f2e
  • peekViewResult.background#33334c
  • sideBar.background#1f1f2e
  • sideBar.foreground#AACCFF
  • statusBar.background#1f1f2e
  • statusBar.foreground#AACCFF
  • tab.activeBackground#222233
  • tab.activeBorder#222233
  • tab.inactiveBackground#222233
  • terminal.background#222233
  • terminal.foreground#AACCFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C69650italic
storage.type, punctuation.definition.parameters, punctuation.section.parens.begin, variable.parameter, variable.other.property, support.variable.property.dom, variable.other.object.property, punctuation.separator, punctuation.accessor, punctuation.definition.array#00BCD4
keyword, keyword.control, storage.modifier#76F9A2
variable.other.object, support.class.console, support.variable.dom, support.constant, entity.name.type.module, entity.name.type#80DEEA
constant.numeric, constant.language, support.type.primitive#F9A825
string, constant.other.symbol#FBC02D
punctuation.definition.string.begin, punctuation.definition.string.end#E4A0A0
variable.language, variable.other.member, variable.other.readwrite, punctuation.definition.variable#BCA885
entity.name.function, support.function.dom#FFA8A8