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 editor.background
#101418 RGB(16, 20, 24) RGBA(16, 20, 24, 1) editor.foreground
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) editor.inactiveSelectionBackground
#3A3D41 RGB(58, 61, 65) RGBA(58, 61, 65, 1) editor.lineHighlightBackground
#2A2A2B RGB(42, 42, 43) RGBA(42, 42, 43, 1) editor.selectionHighlightBackground
#ADD6FF26 RGB(173, 214, 255) RGBA(173, 214, 255, 0.149) editorBracketHighlight.foreground1
#FFFF40 RGB(255, 255, 64) RGBA(255, 255, 64, 1) editorBracketHighlight.foreground2
#7FFF7F RGB(127, 255, 127) RGBA(127, 255, 127, 1) editorBracketHighlight.foreground3
#FF7FFF RGB(255, 127, 255) RGBA(255, 127, 255, 1) editorBracketHighlight.foreground4
#FF6E42 RGB(255, 110, 66) RGBA(255, 110, 66, 1) editorIndentGuide.activeBackground1
#FFFF40 RGB(255, 255, 64) RGBA(255, 255, 64, 1) editorIndentGuide.activeBackground2
#7FFF7F RGB(127, 255, 127) RGBA(127, 255, 127, 1) editorIndentGuide.activeBackground3
#FF7FFF RGB(255, 127, 255) RGBA(255, 127, 255, 1) editorIndentGuide.activeBackground4
#FF6E42 RGB(255, 110, 66) RGBA(255, 110, 66, 1) editorIndentGuide.background1
#FFFF4088 RGB(255, 255, 64) RGBA(255, 255, 64, 0.533) editorIndentGuide.background2
#7FFF7F88 RGB(127, 255, 127) RGBA(127, 255, 127, 0.533) editorIndentGuide.background3
#FF7FFF88 RGB(255, 127, 255) RGBA(255, 127, 255, 0.533) editorIndentGuide.background4
#FF6E4288 RGB(255, 110, 66) RGBA(255, 110, 66, 0.533) foreground
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) list.dropBackground
#383B3D RGB(56, 59, 61) RGBA(56, 59, 61, 1) sideBar.background
#1E1E1F RGB(30, 30, 31) RGBA(30, 30, 31, 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
#7E868E RGB(126, 134, 142) RGBA(126, 134, 142, 1) comment.block
#7E868E RGB(126, 134, 142) RGBA(126, 134, 142, 1) comment.block.documentation
#7E868E RGB(126, 134, 142) RGBA(126, 134, 142, 1) comment.line
#7E868E RGB(126, 134, 142) RGBA(126, 134, 142, 1) constant
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) constant.character
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) constant.character.escape
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) constant.numeric
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) constant.numeric.integer
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) constant.numeric.float
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) constant.numeric.hex
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) constant.numeric.octal
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) constant.other
#FFCB6B RGB(255, 203, 107) RGBA(255, 203, 107, 1) constant.other.placeholder
#6882A4 RGB(104, 130, 164) RGBA(104, 130, 164, 1) entity
#A279CE RGB(162, 121, 206) RGBA(162, 121, 206, 1) entity.name
#FDD990 RGB(253, 217, 144) RGBA(253, 217, 144, 1) entity.name.class
#FF6688 RGB(255, 102, 136) RGBA(255, 102, 136, 1) entity.name.function
#FDD990 RGB(253, 217, 144) RGBA(253, 217, 144, 1) entity.name.method
#FDD990 RGB(253, 217, 144) RGBA(253, 217, 144, 1) entity.name.namespace
#AFD1FC RGB(175, 209, 252) RGBA(175, 209, 252, 1) entity.name.section
#FDD990 RGB(253, 217, 144) RGBA(253, 217, 144, 1) entity.name.selector
#FDD990 RGB(253, 217, 144) RGBA(253, 217, 144, 1) entity.name.tag
#6882A4 RGB(104, 130, 164) RGBA(104, 130, 164, 1) entity.name.type
#FCA0A7 RGB(252, 160, 167) RGBA(252, 160, 167, 1) entity.name.type.enum
#98DFC6 RGB(152, 223, 198) RGBA(152, 223, 198, 1) entity.name.type.interface
#30ADD6 RGB(48, 173, 214) RGBA(48, 173, 214, 1) entity.name.type.struct
#FCA0A7 RGB(252, 160, 167) RGBA(252, 160, 167, 1) entity.other
#FCA0A7 RGB(252, 160, 167) RGBA(252, 160, 167, 1) entity.other.attribute-name
#FDD990 RGB(253, 217, 144) RGBA(253, 217, 144, 1) entity.other.inherited-class
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) invalid
#F11237 RGB(241, 18, 55) RGBA(241, 18, 55, 1) invalid.deprecated
#F11237 RGB(241, 18, 55) RGBA(241, 18, 55, 1) invalid.illegal
#F11237 RGB(241, 18, 55) RGBA(241, 18, 55, 1) keyword
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) keyword.control
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) keyword.control.flow
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) keyword.operator
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) keyword.operator.new
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) keyword.operator.assignment
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) keyword.operator.arithmetic
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) keyword.operator.logical
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) keyword.other
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) markup
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) markup.bold
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) markup.changed
#D5C3FB RGB(213, 195, 251) RGBA(213, 195, 251, 1) markup.deleted
#FF5370 RGB(255, 83, 112) RGBA(255, 83, 112, 1) markup.heading
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) markup.inline.raw
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) markup.inserted
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) markup.italic
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) markup.raw
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) markup.underline
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) meta
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) meta.function
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) meta.function-call
#FDD990 RGB(253, 217, 144) RGBA(253, 217, 144, 1) meta.tag
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) punctuation.definition.bracket
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) punctuation.definition.comment
#7E868E RGB(126, 134, 142) RGBA(126, 134, 142, 1) punctuation.definition.string.begin
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) punctuation.definition.string.end
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) punctuation.separator
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) punctuation.separator.continuation
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) punctuation.terminator
#E2DECF RGB(226, 222, 207) RGBA(226, 222, 207, 1) storage
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) storage.modifier
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) storage.type
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) string
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) string.interpolated
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) string.other
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) string.quoted
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) string.quoted.double
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) string.quoted.other
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) string.quoted.single
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) string.quoted.triple
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) string.regexp
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) string.template
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) string.unquoted
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) support
#398BA9 RGB(57, 139, 169) RGBA(57, 139, 169, 1) support.constant
#B2CB52 RGB(178, 203, 82) RGBA(178, 203, 82, 1) support.function
#FDD990 RGB(253, 217, 144) RGBA(253, 217, 144, 1) support.other
#AFD1FC RGB(175, 209, 252) RGBA(175, 209, 252, 1) support.type
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) support.type.primitive
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) support.type.property-name
#6882A4 RGB(104, 130, 164) RGBA(104, 130, 164, 1) variable
#6882A4 RGB(104, 130, 164) RGBA(104, 130, 164, 1) variable.function
#FDD990 RGB(253, 217, 144) RGBA(253, 217, 144, 1) variable.language
#F6722B RGB(246, 114, 43) RGBA(246, 114, 43, 1) variable.name
#6882A4 RGB(104, 130, 164) RGBA(104, 130, 164, 1) variable.other
#6882A4 RGB(104, 130, 164) RGBA(104, 130, 164, 1) variable.other.constant
#6882A4 RGB(104, 130, 164) RGBA(104, 130, 164, 1) variable.other.property
#6882A4 RGB(104, 130, 164) RGBA(104, 130, 164, 1) variable.other.readwrite
#6882A4 RGB(104, 130, 164) RGBA(104, 130, 164, 1) variable.parameter
#6882A4 RGB(104, 130, 164) RGBA(104, 130, 164, 1)