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
#D9D9D9 RGB(217, 217, 217) RGBA(217, 217, 217, 1) editor.foreground
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.inactiveSelectionBackground
#FF9E13AF RGB(255, 158, 19) RGBA(255, 158, 19, 0.686) editor.lineHighlightBorder
#D0D0D0 RGB(208, 208, 208) RGBA(208, 208, 208, 1) editor.selectionBackground
#FF9E13 RGB(255, 158, 19) RGBA(255, 158, 19, 1) editor.selectionHighlightBackground
#FF9E134D RGB(255, 158, 19) RGBA(255, 158, 19, 0.302) editorCursor.foreground
#FF0000 RGB(255, 0, 0) RGBA(255, 0, 0, 1) editorIndentGuide.background
#FF0000 RGB(255, 0, 0) RGBA(255, 0, 0, 1) editorLineNumber.foreground
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 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
#40454E RGB(64, 69, 78) RGBA(64, 69, 78, 1) comment.block
#40454E RGB(64, 69, 78) RGBA(64, 69, 78, 1) comment.block.documentation
#40454E RGB(64, 69, 78) RGBA(64, 69, 78, 1) comment.line
#40454E RGB(64, 69, 78) RGBA(64, 69, 78, 1) constant
#09885A RGB(9, 136, 90) RGBA(9, 136, 90, 1) constant.numeric
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) constant.numeric.integer
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) constant.numeric.float
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) constant.numeric.hex
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) constant.numeric.octal
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) constant.other
#0451A5 RGB(4, 81, 165) RGBA(4, 81, 165, 1) constant.regexp
#811F3F RGB(129, 31, 63) RGBA(129, 31, 63, 1) entity
#800000 RGB(128, 0, 0) RGBA(128, 0, 0, 1) entity.name
#800000 RGB(128, 0, 0) RGBA(128, 0, 0, 1) entity.name.class
#267F99 RGB(38, 127, 153) RGBA(38, 127, 153, 1) entity.name.function
#001080 RGB(0, 16, 128) RGBA(0, 16, 128, 1) entity.name.selector
#800000 RGB(128, 0, 0) RGBA(128, 0, 0, 1) entity.name.tag
#800000 RGB(128, 0, 0) RGBA(128, 0, 0, 1) entity.name.type
#267F99 RGB(38, 127, 153) RGBA(38, 127, 153, 1) entity.name.type.enum
#267F99 RGB(38, 127, 153) RGBA(38, 127, 153, 1) entity.name.type.interface
#267F99 RGB(38, 127, 153) RGBA(38, 127, 153, 1) entity.name.type.struct
#267F99 RGB(38, 127, 153) RGBA(38, 127, 153, 1) entity.other
#800000 RGB(128, 0, 0) RGBA(128, 0, 0, 1) entity.other.attribute-name
#FF0000 RGB(255, 0, 0) RGBA(255, 0, 0, 1) entity.other.inherited-class
#267F99 RGB(38, 127, 153) RGBA(38, 127, 153, 1) invalid
#CD3131 RGB(205, 49, 49) RGBA(205, 49, 49, 1) invalid.deprecated
#CD3131 RGB(205, 49, 49) RGBA(205, 49, 49, 1) invalid.illegal
#CD3131 RGB(205, 49, 49) RGBA(205, 49, 49, 1) keyword
#3D6E96 RGB(61, 110, 150) RGBA(61, 110, 150, 1) keyword.control
#AF00DB RGB(175, 0, 219) RGBA(175, 0, 219, 1) keyword.control.flow
#AF00DB RGB(175, 0, 219) RGBA(175, 0, 219, 1) keyword.operator
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) keyword.operator.new
#0000FF RGB(0, 0, 255) RGBA(0, 0, 255, 1) keyword.operator.assignment
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) keyword.operator.arithmetic
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) keyword.operator.logical
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) keyword.other
#3D6E96 RGB(61, 110, 150) RGBA(61, 110, 150, 1) markup
#800000 RGB(128, 0, 0) RGBA(128, 0, 0, 1) markup.bold
#000080 RGB(0, 0, 128) RGBA(0, 0, 128, 1) markup.changed
#0451A5 RGB(4, 81, 165) RGBA(4, 81, 165, 1) markup.deleted
#A31515 RGB(163, 21, 21) RGBA(163, 21, 21, 1) markup.heading
#8C8360 RGB(140, 131, 96) RGBA(140, 131, 96, 1) markup.inline.raw
#800000 RGB(128, 0, 0) RGBA(128, 0, 0, 1) markup.inserted
#09885A RGB(9, 136, 90) RGBA(9, 136, 90, 1) markup.underline
#6D6DEC RGB(109, 109, 236) RGBA(109, 109, 236, 1) markup.underline.link
#6D6DEC RGB(109, 109, 236) RGBA(109, 109, 236, 1) meta
#0451A5 RGB(4, 81, 165) RGBA(4, 81, 165, 1) meta.preprocessor
#0000FF RGB(0, 0, 255) RGBA(0, 0, 255, 1) meta.return-type
#267F99 RGB(38, 127, 153) RGBA(38, 127, 153, 1) meta.selector
#800000 RGB(128, 0, 0) RGBA(128, 0, 0, 1) meta.type
#267F99 RGB(38, 127, 153) RGBA(38, 127, 153, 1) storage
#4F7132 RGB(79, 113, 50) RGBA(79, 113, 50, 1) storage.modifier
#4F7132 RGB(79, 113, 50) RGBA(79, 113, 50, 1) storage.type
#4F7132 RGB(79, 113, 50) RGBA(79, 113, 50, 1) string
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) string.interpolated
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) string.other
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) string.quoted
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) string.quoted.double
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) string.quoted.other
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) string.quoted.single
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) string.quoted.triple
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) string.regexp
#811F3F RGB(129, 31, 63) RGBA(129, 31, 63, 1) string.template
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) string.unquoted
#3D6257 RGB(61, 98, 87) RGBA(61, 98, 87, 1) support
#0451A5 RGB(4, 81, 165) RGBA(4, 81, 165, 1) support.class
#267F99 RGB(38, 127, 153) RGBA(38, 127, 153, 1) support.constant
#0451A5 RGB(4, 81, 165) RGBA(4, 81, 165, 1) support.function
#7D612A RGB(125, 97, 42) RGBA(125, 97, 42, 1) support.type
#267F99 RGB(38, 127, 153) RGBA(38, 127, 153, 1) support.type.primitive
#267F99 RGB(38, 127, 153) RGBA(38, 127, 153, 1) support.type.property-name
#FF0000 RGB(255, 0, 0) RGBA(255, 0, 0, 1) support.variable
#001080 RGB(0, 16, 128) RGBA(0, 16, 128, 1) variable
#001080 RGB(0, 16, 128) RGBA(0, 16, 128, 1) variable.function
#001080 RGB(0, 16, 128) RGBA(0, 16, 128, 1) variable.language
#8B549B RGB(139, 84, 155) RGBA(139, 84, 155, 1) variable.name
#001080 RGB(0, 16, 128) RGBA(0, 16, 128, 1) variable.other
#001080 RGB(0, 16, 128) RGBA(0, 16, 128, 1) variable.other.constant
#001080 RGB(0, 16, 128) RGBA(0, 16, 128, 1) variable.other.property
#001080 RGB(0, 16, 128) RGBA(0, 16, 128, 1) variable.other.readwrite
#001080 RGB(0, 16, 128) RGBA(0, 16, 128, 1) variable.parameter
#001080 RGB(0, 16, 128) RGBA(0, 16, 128, 1)