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 button.background
#D7CCC820 RGB(215, 204, 200) RGBA(215, 204, 200, 0.125) descriptionForeground
#7A685D RGB(122, 104, 93) RGBA(122, 104, 93, 1) editor.background
#FBF8F5 RGB(251, 248, 245) RGBA(251, 248, 245, 1) editor.foreground
#5D4037 RGB(93, 64, 55) RGBA(93, 64, 55, 1) editor.lineHighlightBackground
#F5E9E4 RGB(245, 233, 228) RGBA(245, 233, 228, 1) editor.selectionBackground
#E3D8C660 RGB(227, 216, 198) RGBA(227, 216, 198, 0.376) editor.selectionHighlightBackground
#E3D8C640 RGB(227, 216, 198) RGBA(227, 216, 198, 0.251) editorCursor.foreground
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) errorForeground
#B34D4A RGB(179, 77, 74) RGBA(179, 77, 74, 1) focusBorder
#C4B5A8 RGB(196, 181, 168) RGBA(196, 181, 168, 1) foreground
#5D4037 RGB(93, 64, 55) RGBA(93, 64, 55, 1) infoForeground
#6A8C8C RGB(106, 140, 140) RGBA(106, 140, 140, 1) sideBar.background
#F5EFE9 RGB(245, 239, 233) RGBA(245, 239, 233, 1) statusBar.background
#EEE6E1 RGB(238, 230, 225) RGBA(238, 230, 225, 1) textLink.foreground
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) warningForeground
#A8814E RGB(168, 129, 78) RGBA(168, 129, 78, 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
#9E8E82 RGB(158, 142, 130) RGBA(158, 142, 130, 1) comment.block
#9E8E82 RGB(158, 142, 130) RGBA(158, 142, 130, 1) comment.block.documentation
#9E8E82 RGB(158, 142, 130) RGBA(158, 142, 130, 1) comment.line
#9E8E82 RGB(158, 142, 130) RGBA(158, 142, 130, 1) constant
#A8814E RGB(168, 129, 78) RGBA(168, 129, 78, 1) constant.character
#A8814E RGB(168, 129, 78) RGBA(168, 129, 78, 1) constant.character.escape
#A8814E RGB(168, 129, 78) RGBA(168, 129, 78, 1) constant.numeric
#9E8E82 RGB(158, 142, 130) RGBA(158, 142, 130, 1) constant.numeric.integer
#9E8E82 RGB(158, 142, 130) RGBA(158, 142, 130, 1) constant.numeric.float
#9E8E82 RGB(158, 142, 130) RGBA(158, 142, 130, 1) constant.numeric.hex
#9E8E82 RGB(158, 142, 130) RGBA(158, 142, 130, 1) constant.numeric.octal
#9E8E82 RGB(158, 142, 130) RGBA(158, 142, 130, 1) entity
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) entity.name
#7A5C4B RGB(122, 92, 75) RGBA(122, 92, 75, 1) entity.name.class
#5D4037 RGB(93, 64, 55) RGBA(93, 64, 55, 1) entity.name.function
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) entity.name.tag
#7A5C4B RGB(122, 92, 75) RGBA(122, 92, 75, 1) entity.name.type
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) entity.name.type.enum
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) entity.name.type.interface
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) entity.name.type.struct
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) entity.other
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) entity.other.attribute-name
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) entity.other.inherited-class
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) keyword
#7A5C4B RGB(122, 92, 75) RGBA(122, 92, 75, 1) keyword.control
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) keyword.control.flow
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) keyword.operator
#7A5C4B RGB(122, 92, 75) RGBA(122, 92, 75, 1) keyword.operator.new
#7A5C4B RGB(122, 92, 75) RGBA(122, 92, 75, 1) keyword.operator.assignment
#7A5C4B RGB(122, 92, 75) RGBA(122, 92, 75, 1) keyword.operator.arithmetic
#7A5C4B RGB(122, 92, 75) RGBA(122, 92, 75, 1) keyword.operator.logical
#7A5C4B RGB(122, 92, 75) RGBA(122, 92, 75, 1) keyword.other
#7A5C4B RGB(122, 92, 75) RGBA(122, 92, 75, 1) markup
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) markup.heading
#5D4037 RGB(93, 64, 55) RGBA(93, 64, 55, 1) markup.list
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) markup.list.numbered
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) markup.list.unnumbered
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) meta
#6A8C8C RGB(106, 140, 140) RGBA(106, 140, 140, 1) punctuation.definition.bracket
#7A685D RGB(122, 104, 93) RGBA(122, 104, 93, 1) punctuation.definition.comment
#7A685D RGB(122, 104, 93) RGBA(122, 104, 93, 1) punctuation.definition.string.begin
#7A685D RGB(122, 104, 93) RGBA(122, 104, 93, 1) punctuation.definition.string.end
#7A685D RGB(122, 104, 93) RGBA(122, 104, 93, 1) punctuation.separator
#7A685D RGB(122, 104, 93) RGBA(122, 104, 93, 1) punctuation.separator.continuation
#7A685D RGB(122, 104, 93) RGBA(122, 104, 93, 1) punctuation.terminator
#7A685D RGB(122, 104, 93) RGBA(122, 104, 93, 1) storage
#9C6E34 RGB(156, 110, 52) RGBA(156, 110, 52, 1) storage.modifier
#9C6E34 RGB(156, 110, 52) RGBA(156, 110, 52, 1) storage.type
#9C6E34 RGB(156, 110, 52) RGBA(156, 110, 52, 1) string
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) string.interpolated
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) string.other
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) string.quoted
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) string.quoted.double
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) string.quoted.other
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) string.quoted.single
#7A5C4B RGB(122, 92, 75) RGBA(122, 92, 75, 1) string.quoted.triple
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) string.regexp
#A8814E RGB(168, 129, 78) RGBA(168, 129, 78, 1) string.template
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) string.unquoted
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1) support
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) support.function
#6A8C8C RGB(106, 140, 140) RGBA(106, 140, 140, 1) support.type
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) support.type.primitive
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) support.type.property-name
#8D6E63 RGB(141, 110, 99) RGBA(141, 110, 99, 1) variable
#5D4037 RGB(93, 64, 55) RGBA(93, 64, 55, 1) variable.function
#5D4037 RGB(93, 64, 55) RGBA(93, 64, 55, 1) variable.language
#5D4037 RGB(93, 64, 55) RGBA(93, 64, 55, 1) variable.name
#5D4037 RGB(93, 64, 55) RGBA(93, 64, 55, 1) variable.other
#5D4037 RGB(93, 64, 55) RGBA(93, 64, 55, 1) variable.other.constant
#5D4037 RGB(93, 64, 55) RGBA(93, 64, 55, 1) variable.other.property
#7A5C4B RGB(122, 92, 75) RGBA(122, 92, 75, 1) variable.other.readwrite
#5D4037 RGB(93, 64, 55) RGBA(93, 64, 55, 1) variable.parameter
#6D4C41 RGB(109, 76, 65) RGBA(109, 76, 65, 1)