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.activeBorder
#F47023 RGB(244, 112, 35) RGBA(244, 112, 35, 1) activityBarBadge.background
#F47023 RGB(244, 112, 35) RGBA(244, 112, 35, 1) breadcrumb.activeSelectionForeground
#F47023 RGB(244, 112, 35) RGBA(244, 112, 35, 1) breadcrumb.background
#FAFAFA RGB(250, 250, 250) RGBA(250, 250, 250, 1) breadcrumb.focusForeground
#F47023 RGB(244, 112, 35) RGBA(244, 112, 35, 1) editor.background
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) editor.foreground
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) list.activeSelectionBackground
#F47023 RGB(244, 112, 35) RGBA(244, 112, 35, 1) list.activeSelectionForeground
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) list.hoverBackground
#DFDFDF RGB(223, 223, 223) RGBA(223, 223, 223, 1) panelTitle.activeBorder
#F47023 RGB(244, 112, 35) RGBA(244, 112, 35, 1) sideBar.border
#E2E2E2 RGB(226, 226, 226) RGBA(226, 226, 226, 1) tab.activeBackground
#FAFAFA RGB(250, 250, 250) RGBA(250, 250, 250, 1) tab.activeBorderTop
#F47023 RGB(244, 112, 35) RGBA(244, 112, 35, 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
#78909C RGB(120, 144, 156) RGBA(120, 144, 156, 1) comment.block
#78909C RGB(120, 144, 156) RGBA(120, 144, 156, 1) comment.block.documentation
#78909C RGB(120, 144, 156) RGBA(120, 144, 156, 1) comment.line
#78909C RGB(120, 144, 156) RGBA(120, 144, 156, 1) constant
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) constant.character
#663399 RGB(102, 51, 153) RGBA(102, 51, 153, 1) constant.character.escape
#663399 RGB(102, 51, 153) RGBA(102, 51, 153, 1) constant.numeric
#663399 RGB(102, 51, 153) RGBA(102, 51, 153, 1) constant.numeric.integer
#663399 RGB(102, 51, 153) RGBA(102, 51, 153, 1) constant.numeric.float
#663399 RGB(102, 51, 153) RGBA(102, 51, 153, 1) constant.numeric.hex
#663399 RGB(102, 51, 153) RGBA(102, 51, 153, 1) constant.numeric.octal
#663399 RGB(102, 51, 153) RGBA(102, 51, 153, 1) constant.other
#663399 RGB(102, 51, 153) RGBA(102, 51, 153, 1) constant.other.placeholder
#663399 RGB(102, 51, 153) RGBA(102, 51, 153, 1) entity
#BC0AD5 RGB(188, 10, 213) RGBA(188, 10, 213, 1) entity.name
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) entity.name.class
#0000B5 RGB(0, 0, 181) RGBA(0, 0, 181, 1) entity.name.function
#E41C15 RGB(228, 28, 21) RGBA(228, 28, 21, 1) entity.name.tag
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) entity.name.type
#0000B5 RGB(0, 0, 181) RGBA(0, 0, 181, 1) entity.name.type.enum
#0000B5 RGB(0, 0, 181) RGBA(0, 0, 181, 1) entity.name.type.interface
#0000B5 RGB(0, 0, 181) RGBA(0, 0, 181, 1) entity.name.type.struct
#0000B5 RGB(0, 0, 181) RGBA(0, 0, 181, 1) entity.other
#BC0AD5 RGB(188, 10, 213) RGBA(188, 10, 213, 1) entity.other.attribute-name
#BC0AD5 RGB(188, 10, 213) RGBA(188, 10, 213, 1) entity.other.inherited-class
#0000B5 RGB(0, 0, 181) RGBA(0, 0, 181, 1) keyword
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) keyword.control
#B500B5 RGB(181, 0, 181) RGBA(181, 0, 181, 1) keyword.control.flow
#B500B5 RGB(181, 0, 181) RGBA(181, 0, 181, 1) keyword.operator
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) keyword.operator.new
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) keyword.operator.assignment
#333333 RGB(51, 51, 51) RGBA(51, 51, 51, 1) keyword.operator.arithmetic
#333333 RGB(51, 51, 51) RGBA(51, 51, 51, 1) keyword.operator.logical
#B11030 RGB(177, 16, 48) RGBA(177, 16, 48, 1) keyword.other
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) markup
#7600A8 RGB(118, 0, 168) RGBA(118, 0, 168, 1) markup.bold
#8B0000 RGB(139, 0, 0) RGBA(139, 0, 0, 1) markup.deleted
#DC322F RGB(220, 50, 47) RGBA(220, 50, 47, 1) markup.heading
#E41C15 RGB(228, 28, 21) RGBA(228, 28, 21, 1) markup.inline.raw
#7600A8 RGB(118, 0, 168) RGBA(118, 0, 168, 1) markup.inserted
#1E9A03 RGB(30, 154, 3) RGBA(30, 154, 3, 1) markup.italic
#B11030 RGB(177, 16, 48) RGBA(177, 16, 48, 1) markup.list
#1F3A93 RGB(31, 58, 147) RGBA(31, 58, 147, 1) markup.list.numbered
#1F3A93 RGB(31, 58, 147) RGBA(31, 58, 147, 1) markup.list.unnumbered
#1F3A93 RGB(31, 58, 147) RGBA(31, 58, 147, 1) markup.quote
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) markup.underline
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) markup.underline.link
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) meta
#8B0000 RGB(139, 0, 0) RGBA(139, 0, 0, 1) meta.function
#333333 RGB(51, 51, 51) RGBA(51, 51, 51, 1) meta.function-call
#E41C15 RGB(228, 28, 21) RGBA(228, 28, 21, 1) meta.return-type
#0000B5 RGB(0, 0, 181) RGBA(0, 0, 181, 1) meta.type
#0000B5 RGB(0, 0, 181) RGBA(0, 0, 181, 1) punctuation.separator
#333333 RGB(51, 51, 51) RGBA(51, 51, 51, 1) punctuation.terminator
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) storage
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) storage.modifier
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) storage.type
#0974DE RGB(9, 116, 222) RGBA(9, 116, 222, 1) string
#1E9A03 RGB(30, 154, 3) RGBA(30, 154, 3, 1) string.interpolated
#1E9A03 RGB(30, 154, 3) RGBA(30, 154, 3, 1) string.other
#1E9A03 RGB(30, 154, 3) RGBA(30, 154, 3, 1) string.quoted
#1E9A03 RGB(30, 154, 3) RGBA(30, 154, 3, 1) string.quoted.double
#1E9A03 RGB(30, 154, 3) RGBA(30, 154, 3, 1) string.quoted.other
#1E9A03 RGB(30, 154, 3) RGBA(30, 154, 3, 1) string.quoted.single
#1E9A03 RGB(30, 154, 3) RGBA(30, 154, 3, 1) string.quoted.triple
#1E9A03 RGB(30, 154, 3) RGBA(30, 154, 3, 1) string.regexp
#1E9A03 RGB(30, 154, 3) RGBA(30, 154, 3, 1) string.template
#1E9A03 RGB(30, 154, 3) RGBA(30, 154, 3, 1) string.unquoted
#1E9A03 RGB(30, 154, 3) RGBA(30, 154, 3, 1) support
#7600A8 RGB(118, 0, 168) RGBA(118, 0, 168, 1) support.class
#7600A8 RGB(118, 0, 168) RGBA(118, 0, 168, 1) support.constant
#BC0AD5 RGB(188, 10, 213) RGBA(188, 10, 213, 1) support.function
#E41C15 RGB(228, 28, 21) RGBA(228, 28, 21, 1) support.other
#333333 RGB(51, 51, 51) RGBA(51, 51, 51, 1) support.type
#7600A8 RGB(118, 0, 168) RGBA(118, 0, 168, 1) support.type.primitive
#7600A8 RGB(118, 0, 168) RGBA(118, 0, 168, 1) support.type.property-name
#7600A8 RGB(118, 0, 168) RGBA(118, 0, 168, 1) support.variable
#1F3A93 RGB(31, 58, 147) RGBA(31, 58, 147, 1) variable
#1F3A93 RGB(31, 58, 147) RGBA(31, 58, 147, 1) variable.function
#1F3A93 RGB(31, 58, 147) RGBA(31, 58, 147, 1) variable.language
#1F3A93 RGB(31, 58, 147) RGBA(31, 58, 147, 1) variable.name
#1F3A93 RGB(31, 58, 147) RGBA(31, 58, 147, 1) variable.other
#1F3A93 RGB(31, 58, 147) RGBA(31, 58, 147, 1) variable.other.constant
#1F3A93 RGB(31, 58, 147) RGBA(31, 58, 147, 1) variable.other.property
#1F3A93 RGB(31, 58, 147) RGBA(31, 58, 147, 1) variable.other.readwrite
#B11030 RGB(177, 16, 48) RGBA(177, 16, 48, 1) variable.parameter
#663399 RGB(102, 51, 153) RGBA(102, 51, 153, 1)