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.
key HEX RGB RGBA activityBar.activeFocusBorder
#8D86C9 RGB(141, 134, 201) RGBA(141, 134, 201, 1) activityBar.background
#1B172B RGB(27, 23, 43) RGBA(27, 23, 43, 1) activityBar.border
#8D86C9 RGB(141, 134, 201) RGBA(141, 134, 201, 1) activityBar.foreground
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) badge.background
#2092715B RGB(32, 146, 113) RGBA(32, 146, 113, 0.357) breadcrumb.activeSelectionForeground
#8D86C9 RGB(141, 134, 201) RGBA(141, 134, 201, 1) button.background
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) commandCenter.activeBackground
#09715C RGB(9, 113, 92) RGBA(9, 113, 92, 1) dropdown.background
#21162F RGB(33, 22, 47) RGBA(33, 22, 47, 1) editor.background
#1B172B RGB(27, 23, 43) RGBA(27, 23, 43, 1) editor.findMatchBackground
#725AC1 RGB(114, 90, 193) RGBA(114, 90, 193, 1) editor.findMatchHighlightBackground
#2092715B RGB(32, 146, 113) RGBA(32, 146, 113, 0.357) editor.foreground
#FEFEFE RGB(254, 254, 254) RGBA(254, 254, 254, 1) editor.lineHighlightBackground
#261C3A RGB(38, 28, 58) RGBA(38, 28, 58, 1) editor.selectionBackground
#2092715B RGB(32, 146, 113) RGBA(32, 146, 113, 0.357) editor.selectionForeground
#F9F7F3 RGB(249, 247, 243) RGBA(249, 247, 243, 1) editor.selectionHighlightBackground
#2092715B RGB(32, 146, 113) RGBA(32, 146, 113, 0.357) editorBracketHighlight.foreground1
#AF95E0 RGB(175, 149, 224) RGBA(175, 149, 224, 1) editorBracketHighlight.foreground2
#DFB976 RGB(223, 185, 118) RGBA(223, 185, 118, 1) editorBracketHighlight.foreground3
#C172D9 RGB(193, 114, 217) RGBA(193, 114, 217, 1) editorBracketHighlight.foreground4
#4FB1BC RGB(79, 177, 188) RGBA(79, 177, 188, 1) editorBracketHighlight.foreground5
#97C26C RGB(151, 194, 108) RGBA(151, 194, 108, 1) editorBracketHighlight.foreground6
#ABB2C0 RGB(171, 178, 192) RGBA(171, 178, 192, 1) editorBracketHighlight.unexpectedBracket.foreground
#FF5454 RGB(255, 84, 84) RGBA(255, 84, 84, 1) editorCursor.foreground
#BD93F9 RGB(189, 147, 249) RGBA(189, 147, 249, 1) focusBorder
#02121B RGB(2, 18, 27) RGBA(2, 18, 27, 1) foreground
#F9F7F3 RGB(249, 247, 243) RGBA(249, 247, 243, 1) list.activeSelectionBackground
#02121B RGB(2, 18, 27) RGBA(2, 18, 27, 1) list.errorForeground
#FF5454 RGB(255, 84, 84) RGBA(255, 84, 84, 1) list.hoverBackground
#032637 RGB(3, 38, 55) RGBA(3, 38, 55, 1) panelSectionHeader.foreground
#BD93F9 RGB(189, 147, 249) RGBA(189, 147, 249, 1) panelTitle.activeForeground
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) sideBar.background
#21162F RGB(33, 22, 47) RGBA(33, 22, 47, 1) sideBar.foreground
#E8E0D1 RGB(232, 224, 209) RGBA(232, 224, 209, 1) statusBar.background
#8D86C9 RGB(141, 134, 201) RGBA(141, 134, 201, 1) statusBar.debuggingBackground
#725AC1 RGB(114, 90, 193) RGBA(114, 90, 193, 1) statusBarItem.remoteBackground
#8D86C9 RGB(141, 134, 201) RGBA(141, 134, 201, 1) tab.activeBackground
#21162F RGB(33, 22, 47) RGBA(33, 22, 47, 1) tab.activeBorder
#725AC1 RGB(114, 90, 193) RGBA(114, 90, 193, 1) tab.activeForeground
#F9F7F3 RGB(249, 247, 243) RGBA(249, 247, 243, 1) tab.hoverBackground
#21162F RGB(33, 22, 47) RGBA(33, 22, 47, 1) tab.hoverBorder
#725AC1 RGB(114, 90, 193) RGBA(114, 90, 193, 1) tab.inactiveBackground
#21162F RGB(33, 22, 47) RGBA(33, 22, 47, 1) tab.inactiveForeground
#F9F7F3 RGB(249, 247, 243) RGBA(249, 247, 243, 1)
tokenColors Foregrounds this theme assigns to the token scope catalog. A rule with only a font style is skipped, and a longer matching scope wins. Italic and bold rules are not listed — the preview above shows them in the code.
scope HEX RGB RGBA comment
#79B772 RGB(121, 183, 114) RGBA(121, 183, 114, 1) comment.block
#79B772 RGB(121, 183, 114) RGBA(121, 183, 114, 1) comment.block.documentation
#79B772 RGB(121, 183, 114) RGBA(121, 183, 114, 1) comment.line
#79B772 RGB(121, 183, 114) RGBA(121, 183, 114, 1) constant
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) constant.character
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) constant.character.escape
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) constant.numeric
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) constant.numeric.integer
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) constant.numeric.float
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) constant.numeric.hex
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) constant.numeric.octal
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) constant.other
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) constant.other.placeholder
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) constant.regexp
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) constant.rgb-value
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) emphasis
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) entity
#CAC4CE RGB(202, 196, 206) RGBA(202, 196, 206, 1) entity.name
#8D86C9 RGB(141, 134, 201) RGBA(141, 134, 201, 1) entity.name.class
#8D86C9 RGB(141, 134, 201) RGBA(141, 134, 201, 1) entity.name.function
#AF95E0 RGB(175, 149, 224) RGBA(175, 149, 224, 1) entity.name.namespace
#8D86C9 RGB(141, 134, 201) RGBA(141, 134, 201, 1) entity.name.section
#AF95E0 RGB(175, 149, 224) RGBA(175, 149, 224, 1) entity.name.tag
#AF95E0 RGB(175, 149, 224) RGBA(175, 149, 224, 1) entity.name.type
#8D86C9 RGB(141, 134, 201) RGBA(141, 134, 201, 1) entity.name.type.enum
#8D86C9 RGB(141, 134, 201) RGBA(141, 134, 201, 1) entity.name.type.interface
#8D86C9 RGB(141, 134, 201) RGBA(141, 134, 201, 1) entity.name.type.struct
#8D86C9 RGB(141, 134, 201) RGBA(141, 134, 201, 1) entity.other
#CAC4CE RGB(202, 196, 206) RGBA(202, 196, 206, 1) entity.other.attribute-name
#BFAB92 RGB(191, 171, 146) RGBA(191, 171, 146, 1) entity.other.inherited-class
#CAC4CE RGB(202, 196, 206) RGBA(202, 196, 206, 1) keyword
#856FD1 RGB(133, 111, 209) RGBA(133, 111, 209, 1) keyword.control
#856FD1 RGB(133, 111, 209) RGBA(133, 111, 209, 1) keyword.control.flow
#856FD1 RGB(133, 111, 209) RGBA(133, 111, 209, 1) keyword.operator
#856FD1 RGB(133, 111, 209) RGBA(133, 111, 209, 1) keyword.operator.new
#856FD1 RGB(133, 111, 209) RGBA(133, 111, 209, 1) keyword.operator.assignment
#856FD1 RGB(133, 111, 209) RGBA(133, 111, 209, 1) keyword.operator.arithmetic
#856FD1 RGB(133, 111, 209) RGBA(133, 111, 209, 1) keyword.operator.logical
#856FD1 RGB(133, 111, 209) RGBA(133, 111, 209, 1) keyword.other
#856FD1 RGB(133, 111, 209) RGBA(133, 111, 209, 1) markup
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.bold
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.changed
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.deleted
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.heading
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.inline.raw
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.inserted
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.italic
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.list
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.list.numbered
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.list.unnumbered
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.other
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.quote
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.raw
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.underline
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) markup.underline.link
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) meta
#AE987F RGB(174, 152, 127) RGBA(174, 152, 127, 1) meta.type
#CAC4CE RGB(202, 196, 206) RGBA(202, 196, 206, 1) punctuation.terminator
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) storage
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) storage.modifier
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) storage.type
#4EC9B0 RGB(78, 201, 176) RGBA(78, 201, 176, 1) string
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) string.interpolated
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) string.other
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) string.quoted
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) string.quoted.double
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) string.quoted.other
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) string.quoted.single
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) string.quoted.triple
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) string.regexp
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) string.template
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) string.unquoted
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) support
#CAC4CE RGB(202, 196, 206) RGBA(202, 196, 206, 1) support.class
#5BC2AD RGB(91, 194, 173) RGBA(91, 194, 173, 1) support.constant
#CAC4CE RGB(202, 196, 206) RGBA(202, 196, 206, 1) support.function
#5BC2AD RGB(91, 194, 173) RGBA(91, 194, 173, 1) support.type
#5BC2AD RGB(91, 194, 173) RGBA(91, 194, 173, 1) support.type.primitive
#5BC2AD RGB(91, 194, 173) RGBA(91, 194, 173, 1) support.type.property-name
#CAC4CE RGB(202, 196, 206) RGBA(202, 196, 206, 1) support.variable
#5BC2AD RGB(91, 194, 173) RGBA(91, 194, 173, 1) variable
#B5E2FA RGB(181, 226, 250) RGBA(181, 226, 250, 1) variable.function
#B5E2FA RGB(181, 226, 250) RGBA(181, 226, 250, 1) variable.language
#BFAB92 RGB(191, 171, 146) RGBA(191, 171, 146, 1) variable.name
#BFAB92 RGB(191, 171, 146) RGBA(191, 171, 146, 1) variable.other
#B5E2FA RGB(181, 226, 250) RGBA(181, 226, 250, 1) variable.other.constant
#B5E2FA RGB(181, 226, 250) RGBA(181, 226, 250, 1) variable.other.property
#B5E2FA RGB(181, 226, 250) RGBA(181, 226, 250, 1) variable.other.readwrite
#F7ECE1 RGB(247, 236, 225) RGBA(247, 236, 225, 1) variable.parameter
#BFAB92 RGB(191, 171, 146) RGBA(191, 171, 146, 1)