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.activeFocusBorder#8D86C9
  • activityBar.background#242038
  • activityBar.border#8D86C9
  • activityBar.foreground#4EC9B0
  • badge.background#2092715b
  • breadcrumb.activeSelectionForeground#8D86C9
  • button.background#4EC9B0
  • commandCenter.activeBackground#09715c
  • dropdown.background#2a233f89
  • editor.background#242038
  • editor.findMatchBackground#725AC1
  • editor.findMatchHighlightBackground#2092715b
  • editor.foreground#FEFEFE
  • editor.lineHighlightBackground#332e4e
  • editor.selectionBackground#2092715b
  • editor.selectionForeground#F9F7F3
  • editor.selectionHighlightBackground#2092715b
  • editorBracketHighlight.foreground1#AF95E0
  • editorBracketHighlight.foreground2#dfb976
  • editorBracketHighlight.foreground3#c172d9
  • editorBracketHighlight.foreground4#4fb1bc
  • editorBracketHighlight.foreground5#97c26c
  • editorBracketHighlight.foreground6#abb2c0
  • editorBracketHighlight.unexpectedBracket.foreground#ff5454
  • editorCursor.foreground#bd93f9
  • focusBorder#031B29
  • foreground#F9F7F3
  • list.activeSelectionBackground#031B29
  • list.errorForeground#ff5454
  • list.hoverBackground#053048
  • panelSectionHeader.foreground#bd93f9
  • panelTitle.activeForeground#4EC9B0
  • sideBar.background#2a233f89
  • sideBar.foreground#E8E0D1
  • statusBar.background#8D86C9
  • statusBar.debuggingBackground#725AC1
  • statusBarItem.remoteBackground#8D86C9
  • tab.activeBackground#2a233f89
  • tab.activeBorder#725AC1
  • tab.activeForeground#F9F7F3
  • tab.hoverBackground#2a233f89
  • tab.hoverBorder#725AC1
  • tab.inactiveBackground#2a233f89
  • tab.inactiveForeground#F9F7F3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#79b772
variable#B5E2FA
variable.parameter, variable.name, variable.language#BFAB92
variable.other.readwrite#F7ECE1
entity.other.attribute-name#BFAB92
entity.name.tag, entity.name.section, entity.name.attribute, entity.name.attribute-name, entity.name.function#AF95E0
meta.template.expression#4EC9B0
string, string.quoted, string.other, string.unquoted, constant, constant.language, constant.numeric#F7ECE1
support.class, support.type, support.class, support.interface, support.function, support.variable#5bc2ad
entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class#8D86C9
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, support.type.property-name, meta.object-literal.key#CAC4CE
keyword#856FD1
markup, emphasis, storage, punctuation.terminator#4EC9B0
meta.object-literal.key#AE987F