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
#CCCDC5F1 RGB(204, 205, 197) RGBA(204, 205, 197, 0.945) diffEditor.insertedTextBackground
#9C824A55 RGB(156, 130, 74) RGBA(156, 130, 74, 0.333) diffEditor.removedTextBackground
#64B5F655 RGB(100, 181, 246) RGBA(100, 181, 246, 0.333) editor.background
#F9F6F1 RGB(249, 246, 241) RGBA(249, 246, 241, 1) editor.lineHighlightBackground
#F2EBE1 RGB(242, 235, 225) RGBA(242, 235, 225, 1) editor.selectionBackground
#94525755 RGB(148, 82, 87) RGBA(148, 82, 87, 0.333) editorBracketMatch.background
#B1365BF3 RGB(177, 54, 91) RGBA(177, 54, 91, 0.953) editorBracketMatch.border
#9F7E6BF3 RGB(159, 126, 107) RGBA(159, 126, 107, 0.953) editorGroupHeader.tabsBackground
#F2EBE1 RGB(242, 235, 225) RGBA(242, 235, 225, 1) editorGutter.background
#F9F6F1 RGB(249, 246, 241) RGBA(249, 246, 241, 1) editorLineNumber.foreground
#2A3343A9 RGB(42, 51, 67) RGBA(42, 51, 67, 0.663) scrollbarSlider.background
#CCCDC5F1 RGB(204, 205, 197) RGBA(204, 205, 197, 0.945) scrollbarSlider.hoverBackground
#CCCDC5F3 RGB(204, 205, 197) RGBA(204, 205, 197, 0.953) sideBar.background
#CCCDC5F3 RGB(204, 205, 197) RGBA(204, 205, 197, 0.953) statusBar.background
#CCCDC5F3 RGB(204, 205, 197) RGBA(204, 205, 197, 0.953) tab.activeBackground
#F9F6F1 RGB(249, 246, 241) RGBA(249, 246, 241, 1) tab.activeForeground
#2A3343E9 RGB(42, 51, 67) RGBA(42, 51, 67, 0.914) tab.border
#F9F6F1 RGB(249, 246, 241) RGBA(249, 246, 241, 1) tab.inactiveBackground
#859DA9E9 RGB(133, 157, 169) RGBA(133, 157, 169, 0.914) tab.inactiveForeground
#FAFAFA RGB(250, 250, 250) RGBA(250, 250, 250, 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
#0C827A RGB(12, 130, 122) RGBA(12, 130, 122, 1) comment.block
#0C827A RGB(12, 130, 122) RGBA(12, 130, 122, 1) comment.block.documentation
#0D8A81 RGB(13, 138, 129) RGBA(13, 138, 129, 1) comment.line
#0C827A RGB(12, 130, 122) RGBA(12, 130, 122, 1) constant
#0C827A RGB(12, 130, 122) RGBA(12, 130, 122, 1) constant.character
#0D8A81 RGB(13, 138, 129) RGBA(13, 138, 129, 1) constant.character.escape
#0D8A81 RGB(13, 138, 129) RGBA(13, 138, 129, 1) constant.numeric
#0FA297 RGB(15, 162, 151) RGBA(15, 162, 151, 1) constant.numeric.integer
#0FA297 RGB(15, 162, 151) RGBA(15, 162, 151, 1) constant.numeric.float
#0FA297 RGB(15, 162, 151) RGBA(15, 162, 151, 1) constant.numeric.hex
#0FA297 RGB(15, 162, 151) RGBA(15, 162, 151, 1) constant.numeric.octal
#0FA297 RGB(15, 162, 151) RGBA(15, 162, 151, 1) constant.other
#0C827A RGB(12, 130, 122) RGBA(12, 130, 122, 1) constant.other.placeholder
#0C827A RGB(12, 130, 122) RGBA(12, 130, 122, 1) entity
#347AA5 RGB(52, 122, 165) RGBA(52, 122, 165, 1) entity.name
#347AA5 RGB(52, 122, 165) RGBA(52, 122, 165, 1) entity.name.class
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) entity.name.function
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) entity.name.tag
#3782AF RGB(55, 130, 175) RGBA(55, 130, 175, 1) entity.name.type
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) entity.name.type.enum
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) entity.name.type.interface
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) entity.name.type.struct
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) entity.other
#3782AF RGB(55, 130, 175) RGBA(55, 130, 175, 1) entity.other.attribute-name
#3782AF RGB(55, 130, 175) RGBA(55, 130, 175, 1) entity.other.inherited-class
#0D8A81 RGB(13, 138, 129) RGBA(13, 138, 129, 1) invalid
#0B726B RGB(11, 114, 107) RGBA(11, 114, 107, 1) invalid.deprecated
#0B726B RGB(11, 114, 107) RGBA(11, 114, 107, 1) invalid.illegal
#0B726B RGB(11, 114, 107) RGBA(11, 114, 107, 1) keyword
#975459 RGB(151, 84, 89) RGBA(151, 84, 89, 1) keyword.control
#975459 RGB(151, 84, 89) RGBA(151, 84, 89, 1) keyword.control.flow
#975459 RGB(151, 84, 89) RGBA(151, 84, 89, 1) keyword.operator
#975459 RGB(151, 84, 89) RGBA(151, 84, 89, 1) keyword.operator.new
#975459 RGB(151, 84, 89) RGBA(151, 84, 89, 1) keyword.operator.assignment
#975459 RGB(151, 84, 89) RGBA(151, 84, 89, 1) keyword.operator.arithmetic
#975459 RGB(151, 84, 89) RGBA(151, 84, 89, 1) keyword.operator.logical
#975459 RGB(151, 84, 89) RGBA(151, 84, 89, 1) keyword.other
#975459 RGB(151, 84, 89) RGBA(151, 84, 89, 1) markup
#0D8A81 RGB(13, 138, 129) RGBA(13, 138, 129, 1) markup.heading
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) markup.italic
#0D8A81 RGB(13, 138, 129) RGBA(13, 138, 129, 1) markup.quote
#31739B RGB(49, 115, 155) RGBA(49, 115, 155, 1) meta
#0B7A72 RGB(11, 122, 114) RGBA(11, 122, 114, 1) meta.tag
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) punctuation.separator
#0D8A81 RGB(13, 138, 129) RGBA(13, 138, 129, 1) storage
#0C827A RGB(12, 130, 122) RGBA(12, 130, 122, 1) storage.modifier
#0C827A RGB(12, 130, 122) RGBA(12, 130, 122, 1) storage.type
#3782AF RGB(55, 130, 175) RGBA(55, 130, 175, 1) string
#347AA5 RGB(52, 122, 165) RGBA(52, 122, 165, 1) string.quoted
#347AA5 RGB(52, 122, 165) RGBA(52, 122, 165, 1) string.quoted.single
#347AA5 RGB(52, 122, 165) RGBA(52, 122, 165, 1) string.template
#3782AF RGB(55, 130, 175) RGBA(55, 130, 175, 1) support
#3A8AB9 RGB(58, 138, 185) RGBA(58, 138, 185, 1) support.class
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) support.constant
#3782AF RGB(55, 130, 175) RGBA(55, 130, 175, 1) support.function
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) support.type
#3A8AB9 RGB(58, 138, 185) RGBA(58, 138, 185, 1) support.type.primitive
#A76166 RGB(167, 97, 102) RGBA(167, 97, 102, 1) support.type.property-name
#3A8AB9 RGB(58, 138, 185) RGBA(58, 138, 185, 1) support.variable
#3782AF RGB(55, 130, 175) RGBA(55, 130, 175, 1) variable
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) variable.function
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) variable.language
#A76166 RGB(167, 97, 102) RGBA(167, 97, 102, 1) variable.name
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) variable.other
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) variable.other.constant
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) variable.other.property
#A0595E RGB(160, 89, 94) RGBA(160, 89, 94, 1) variable.other.readwrite
#0B7A72 RGB(11, 122, 114) RGBA(11, 122, 114, 1) variable.parameter
#0D8A81 RGB(13, 138, 129) RGBA(13, 138, 129, 1)