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
#3D3B3B RGB(61, 59, 59) RGBA(61, 59, 59, 1) activityBarBadge.background
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) editor.background
#211F1D RGB(33, 31, 29) RGBA(33, 31, 29, 1) editor.foreground
#EEDECE RGB(238, 222, 206) RGBA(238, 222, 206, 1) sideBar.background
#3D3B3B RGB(61, 59, 59) RGBA(61, 59, 59, 1) sideBarTitle.foreground
#EEDECE RGB(238, 222, 206) RGBA(238, 222, 206, 1) statusBar.background
#211F1D RGB(33, 31, 29) RGBA(33, 31, 29, 1) statusBar.foreground
#EEDECE RGB(238, 222, 206) RGBA(238, 222, 206, 1) tab.activeBackground
#211F1D RGB(33, 31, 29) RGBA(33, 31, 29, 1) tab.inactiveBackground
#3D3B3B RGB(61, 59, 59) RGBA(61, 59, 59, 1) titleBar.activeBackground
#211F1D RGB(33, 31, 29) RGBA(33, 31, 29, 1) titleBar.activeForeground
#EEDECE RGB(238, 222, 206) RGBA(238, 222, 206, 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
#6A5A4C RGB(106, 90, 76) RGBA(106, 90, 76, 1) comment.block
#6A5A4C RGB(106, 90, 76) RGBA(106, 90, 76, 1) comment.block.documentation
#6A5A4C RGB(106, 90, 76) RGBA(106, 90, 76, 1) comment.line
#6A5A4C RGB(106, 90, 76) RGBA(106, 90, 76, 1) constant
#BEA14D RGB(190, 161, 77) RGBA(190, 161, 77, 1) constant.numeric
#BEA14D RGB(190, 161, 77) RGBA(190, 161, 77, 1) constant.numeric.integer
#BEA14D RGB(190, 161, 77) RGBA(190, 161, 77, 1) constant.numeric.float
#BEA14D RGB(190, 161, 77) RGBA(190, 161, 77, 1) constant.numeric.hex
#BEA14D RGB(190, 161, 77) RGBA(190, 161, 77, 1) constant.numeric.octal
#BEA14D RGB(190, 161, 77) RGBA(190, 161, 77, 1) entity
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) entity.name
#99BFC7 RGB(153, 191, 199) RGBA(153, 191, 199, 1) entity.name.class
#EEDECE RGB(238, 222, 206) RGBA(238, 222, 206, 1) entity.name.function
#99BFC7 RGB(153, 191, 199) RGBA(153, 191, 199, 1) entity.name.section
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) entity.name.tag
#99BFC7 RGB(153, 191, 199) RGBA(153, 191, 199, 1) entity.name.type
#EEDECE RGB(238, 222, 206) RGBA(238, 222, 206, 1) entity.name.type.enum
#EEDECE RGB(238, 222, 206) RGBA(238, 222, 206, 1) entity.name.type.interface
#EEDECE RGB(238, 222, 206) RGBA(238, 222, 206, 1) entity.name.type.struct
#EEDECE RGB(238, 222, 206) RGBA(238, 222, 206, 1) entity.other
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) entity.other.attribute-name
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) keyword
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) keyword.control
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) keyword.control.flow
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) keyword.operator
#526FA1 RGB(82, 111, 161) RGBA(82, 111, 161, 1) keyword.operator.new
#526FA1 RGB(82, 111, 161) RGBA(82, 111, 161, 1) keyword.operator.assignment
#526FA1 RGB(82, 111, 161) RGBA(82, 111, 161, 1) keyword.operator.arithmetic
#C7A899 RGB(199, 168, 153) RGBA(199, 168, 153, 1) keyword.operator.logical
#C7A899 RGB(199, 168, 153) RGBA(199, 168, 153, 1) keyword.other
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) markup
#BEA14D RGB(190, 161, 77) RGBA(190, 161, 77, 1) markup.bold
#EEDECE RGB(238, 222, 206) RGBA(238, 222, 206, 1) markup.heading
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) markup.inline.raw
#BEA14D RGB(190, 161, 77) RGBA(190, 161, 77, 1) markup.italic
#EEDECE RGB(238, 222, 206) RGBA(238, 222, 206, 1) markup.list
#99BFC7 RGB(153, 191, 199) RGBA(153, 191, 199, 1) markup.list.numbered
#99BFC7 RGB(153, 191, 199) RGBA(153, 191, 199, 1) markup.list.unnumbered
#99BFC7 RGB(153, 191, 199) RGBA(153, 191, 199, 1) markup.quote
#526FA1 RGB(82, 111, 161) RGBA(82, 111, 161, 1) markup.raw
#BEA14D RGB(190, 161, 77) RGBA(190, 161, 77, 1) markup.underline
#99BFC7 RGB(153, 191, 199) RGBA(153, 191, 199, 1) markup.underline.link
#99BFC7 RGB(153, 191, 199) RGBA(153, 191, 199, 1) meta
#BEA14D RGB(190, 161, 77) RGBA(190, 161, 77, 1) punctuation.definition.bracket
#BEA14D RGB(190, 161, 77) RGBA(190, 161, 77, 1) punctuation.definition.comment
#6A5A4C RGB(106, 90, 76) RGBA(106, 90, 76, 1) punctuation.definition.string.begin
#8A7B6D RGB(138, 123, 109) RGBA(138, 123, 109, 1) punctuation.definition.string.end
#8A7B6D RGB(138, 123, 109) RGBA(138, 123, 109, 1) punctuation.separator
#526FA1 RGB(82, 111, 161) RGBA(82, 111, 161, 1) punctuation.separator.continuation
#526FA1 RGB(82, 111, 161) RGBA(82, 111, 161, 1) punctuation.terminator
#8A7B6D RGB(138, 123, 109) RGBA(138, 123, 109, 1) storage
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) storage.modifier
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) storage.type
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) string
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) string.interpolated
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) string.other
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) string.quoted
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) string.quoted.double
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) string.quoted.other
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) string.quoted.single
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) string.quoted.triple
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) string.regexp
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) string.template
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) string.unquoted
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) support
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) support.type
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1) support.type.property-name
#E5CF79 RGB(229, 207, 121) RGBA(229, 207, 121, 1)