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.background
#F5F3F0 RGB(245, 243, 240) RGBA(245, 243, 240, 1) activityBarBadge.background
#2255AA RGB(34, 85, 170) RGBA(34, 85, 170, 1) editor.background
#FAF8F5 RGB(250, 248, 245) RGBA(250, 248, 245, 1) editor.foreground
#2D2A26 RGB(45, 42, 38) RGBA(45, 42, 38, 1) editor.lineHighlightBackground
#F0EDE8 RGB(240, 237, 232) RGBA(240, 237, 232, 1) editor.selectionBackground
#D4E5FF RGB(212, 229, 255) RGBA(212, 229, 255, 1) editorBracketHighlight.foreground1
#CC6622 RGB(204, 102, 34) RGBA(204, 102, 34, 1) editorBracketHighlight.foreground2
#2266AA RGB(34, 102, 170) RGBA(34, 102, 170, 1) editorBracketHighlight.foreground3
#884488 RGB(136, 68, 136) RGBA(136, 68, 136, 1) editorBracketHighlight.foreground4
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) editorBracketHighlight.foreground5
#CC4422 RGB(204, 68, 34) RGBA(204, 68, 34, 1) editorBracketHighlight.foreground6
#5544AA RGB(85, 68, 170) RGBA(85, 68, 170, 1) editorBracketHighlight.unexpectedBracket.foreground
#CC2222 RGB(204, 34, 34) RGBA(204, 34, 34, 1) editorBracketMatch.background
#D4E5FF RGB(212, 229, 255) RGBA(212, 229, 255, 1) editorBracketMatch.border
#2266AA RGB(34, 102, 170) RGBA(34, 102, 170, 1) editorCursor.foreground
#2255AA RGB(34, 85, 170) RGBA(34, 85, 170, 1) editorIndentGuide.activeBackground1
#C0BDB8 RGB(192, 189, 184) RGBA(192, 189, 184, 1) editorIndentGuide.background1
#E0DDD8 RGB(224, 221, 216) RGBA(224, 221, 216, 1) editorLineNumber.activeForeground
#606060 RGB(96, 96, 96) RGBA(96, 96, 96, 1) editorLineNumber.foreground
#A0A0A0 RGB(160, 160, 160) RGBA(160, 160, 160, 1) editorRuler.foreground
#E0DDD8 RGB(224, 221, 216) RGBA(224, 221, 216, 1) sideBar.background
#F5F3F0 RGB(245, 243, 240) RGBA(245, 243, 240, 1) sideBarTitle.foreground
#606060 RGB(96, 96, 96) RGBA(96, 96, 96, 1) statusBar.background
#F5F3F0 RGB(245, 243, 240) RGBA(245, 243, 240, 1) tab.activeBackground
#FAF8F5 RGB(250, 248, 245) RGBA(250, 248, 245, 1) tab.inactiveBackground
#F5F3F0 RGB(245, 243, 240) RGBA(245, 243, 240, 1) titleBar.activeBackground
#F5F3F0 RGB(245, 243, 240) RGBA(245, 243, 240, 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
#887799 RGB(136, 119, 153) RGBA(136, 119, 153, 1) comment.block
#887799 RGB(136, 119, 153) RGBA(136, 119, 153, 1) comment.block.documentation
#887799 RGB(136, 119, 153) RGBA(136, 119, 153, 1) comment.line
#887799 RGB(136, 119, 153) RGBA(136, 119, 153, 1) constant
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) constant.character
#3A9A68 RGB(58, 154, 104) RGBA(58, 154, 104, 1) constant.character.escape
#3A9A68 RGB(58, 154, 104) RGBA(58, 154, 104, 1) constant.numeric
#996622 RGB(153, 102, 34) RGBA(153, 102, 34, 1) constant.numeric.integer
#996622 RGB(153, 102, 34) RGBA(153, 102, 34, 1) constant.numeric.float
#996622 RGB(153, 102, 34) RGBA(153, 102, 34, 1) constant.numeric.hex
#996622 RGB(153, 102, 34) RGBA(153, 102, 34, 1) constant.numeric.octal
#996622 RGB(153, 102, 34) RGBA(153, 102, 34, 1) constant.other
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) constant.regexp
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) entity
#996622 RGB(153, 102, 34) RGBA(153, 102, 34, 1) entity.name
#2255AA RGB(34, 85, 170) RGBA(34, 85, 170, 1) entity.name.class
#2255AA RGB(34, 85, 170) RGBA(34, 85, 170, 1) entity.name.function
#338833 RGB(51, 136, 51) RGBA(51, 136, 51, 1) entity.name.method
#2255AA RGB(34, 85, 170) RGBA(34, 85, 170, 1) entity.name.namespace
#227799 RGB(34, 119, 153) RGBA(34, 119, 153, 1) entity.name.section
#2255AA RGB(34, 85, 170) RGBA(34, 85, 170, 1) entity.name.selector
#2255AA RGB(34, 85, 170) RGBA(34, 85, 170, 1) entity.name.tag
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) entity.name.type
#227799 RGB(34, 119, 153) RGBA(34, 119, 153, 1) entity.name.type.enum
#227799 RGB(34, 119, 153) RGBA(34, 119, 153, 1) entity.name.type.interface
#227799 RGB(34, 119, 153) RGBA(34, 119, 153, 1) entity.name.type.struct
#227799 RGB(34, 119, 153) RGBA(34, 119, 153, 1) entity.other
#996622 RGB(153, 102, 34) RGBA(153, 102, 34, 1) entity.other.attribute-name
#995566 RGB(153, 85, 102) RGBA(153, 85, 102, 1) entity.other.inherited-class
#227799 RGB(34, 119, 153) RGBA(34, 119, 153, 1) invalid
#CC2222 RGB(204, 34, 34) RGBA(204, 34, 34, 1) invalid.deprecated
#CC2222 RGB(204, 34, 34) RGBA(204, 34, 34, 1) invalid.illegal
#CC2222 RGB(204, 34, 34) RGBA(204, 34, 34, 1) keyword
#CC6622 RGB(204, 102, 34) RGBA(204, 102, 34, 1) keyword.control
#2255AA RGB(34, 85, 170) RGBA(34, 85, 170, 1) keyword.control.flow
#2255AA RGB(34, 85, 170) RGBA(34, 85, 170, 1) keyword.operator
#BB5533 RGB(187, 85, 51) RGBA(187, 85, 51, 1) keyword.operator.new
#BB5533 RGB(187, 85, 51) RGBA(187, 85, 51, 1) keyword.operator.assignment
#BB5533 RGB(187, 85, 51) RGBA(187, 85, 51, 1) keyword.operator.arithmetic
#BB5533 RGB(187, 85, 51) RGBA(187, 85, 51, 1) keyword.operator.logical
#BB5533 RGB(187, 85, 51) RGBA(187, 85, 51, 1) keyword.other
#CC6622 RGB(204, 102, 34) RGBA(204, 102, 34, 1) markup
#996622 RGB(153, 102, 34) RGBA(153, 102, 34, 1) markup.bold
#995577 RGB(153, 85, 119) RGBA(153, 85, 119, 1) markup.changed
#996622 RGB(153, 102, 34) RGBA(153, 102, 34, 1) markup.deleted
#CC2222 RGB(204, 34, 34) RGBA(204, 34, 34, 1) markup.heading
#2255AA RGB(34, 85, 170) RGBA(34, 85, 170, 1) markup.inline.raw
#996622 RGB(153, 102, 34) RGBA(153, 102, 34, 1) markup.inserted
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) markup.italic
#995577 RGB(153, 85, 119) RGBA(153, 85, 119, 1) markup.quote
#887799 RGB(136, 119, 153) RGBA(136, 119, 153, 1) markup.raw
#2D2A26 RGB(45, 42, 38) RGBA(45, 42, 38, 1) markup.underline
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) markup.underline.link
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) meta
#2255AA RGB(34, 85, 170) RGBA(34, 85, 170, 1) meta.preprocessor
#CC6622 RGB(204, 102, 34) RGBA(204, 102, 34, 1) punctuation.definition.comment
#887799 RGB(136, 119, 153) RGBA(136, 119, 153, 1) punctuation.separator
#667788 RGB(102, 119, 136) RGBA(102, 119, 136, 1) punctuation.separator.continuation
#667788 RGB(102, 119, 136) RGBA(102, 119, 136, 1) punctuation.terminator
#667788 RGB(102, 119, 136) RGBA(102, 119, 136, 1) storage
#CC6622 RGB(204, 102, 34) RGBA(204, 102, 34, 1) storage.modifier
#CC6622 RGB(204, 102, 34) RGBA(204, 102, 34, 1) storage.type
#CC6622 RGB(204, 102, 34) RGBA(204, 102, 34, 1) string
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) string.interpolated
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) string.other
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) string.quoted
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) string.quoted.double
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) string.quoted.other
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) string.quoted.single
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) string.quoted.triple
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) string.regexp
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) string.template
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) string.unquoted
#228855 RGB(34, 136, 85) RGBA(34, 136, 85, 1) support
#335588 RGB(51, 85, 136) RGBA(51, 85, 136, 1) support.class
#227799 RGB(34, 119, 153) RGBA(34, 119, 153, 1) support.constant
#335588 RGB(51, 85, 136) RGBA(51, 85, 136, 1) support.function
#338833 RGB(51, 136, 51) RGBA(51, 136, 51, 1) support.other
#335588 RGB(51, 85, 136) RGBA(51, 85, 136, 1) support.type
#227799 RGB(34, 119, 153) RGBA(34, 119, 153, 1) support.type.primitive
#227799 RGB(34, 119, 153) RGBA(34, 119, 153, 1) support.type.property-name
#335588 RGB(51, 85, 136) RGBA(51, 85, 136, 1) support.variable
#335588 RGB(51, 85, 136) RGBA(51, 85, 136, 1) variable
#335588 RGB(51, 85, 136) RGBA(51, 85, 136, 1) variable.function
#335588 RGB(51, 85, 136) RGBA(51, 85, 136, 1) variable.language
#5544AA RGB(85, 68, 170) RGBA(85, 68, 170, 1) variable.name
#335588 RGB(51, 85, 136) RGBA(51, 85, 136, 1) variable.other
#335588 RGB(51, 85, 136) RGBA(51, 85, 136, 1) variable.other.constant
#224477 RGB(34, 68, 119) RGBA(34, 68, 119, 1) variable.other.property
#335588 RGB(51, 85, 136) RGBA(51, 85, 136, 1) variable.other.readwrite
#335588 RGB(51, 85, 136) RGBA(51, 85, 136, 1) variable.parameter
#2266AA RGB(34, 102, 170) RGBA(34, 102, 170, 1)