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 activityBarBadge.background
#007ACC RGB(0, 122, 204) RGBA(0, 122, 204, 1) editor.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.foreground
#C70000 RGB(199, 0, 0) RGBA(199, 0, 0, 1) sideBarTitle.foreground
#BBBBBB RGB(187, 187, 187) RGBA(187, 187, 187, 1) statusBar.background
#008C91 RGB(0, 140, 145) RGBA(0, 140, 145, 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
#444E5A RGB(68, 78, 90) RGBA(68, 78, 90, 1) comment.block
#444E5A RGB(68, 78, 90) RGBA(68, 78, 90, 1) comment.block.documentation
#444E5A RGB(68, 78, 90) RGBA(68, 78, 90, 1) comment.line
#444E5A RGB(68, 78, 90) RGBA(68, 78, 90, 1) constant
#1EFF00 RGB(30, 255, 0) RGBA(30, 255, 0, 1) constant.character
#C9C9C9 RGB(201, 201, 201) RGBA(201, 201, 201, 1) constant.character.escape
#89DDFF RGB(137, 221, 255) RGBA(137, 221, 255, 1) constant.numeric
#C9C9C9 RGB(201, 201, 201) RGBA(201, 201, 201, 1) constant.numeric.integer
#C9C9C9 RGB(201, 201, 201) RGBA(201, 201, 201, 1) constant.numeric.float
#C9C9C9 RGB(201, 201, 201) RGBA(201, 201, 201, 1) constant.numeric.hex
#C9C9C9 RGB(201, 201, 201) RGBA(201, 201, 201, 1) constant.numeric.octal
#C9C9C9 RGB(201, 201, 201) RGBA(201, 201, 201, 1) constant.other
#1EFF00 RGB(30, 255, 0) RGBA(30, 255, 0, 1) constant.other.placeholder
#EEFFFF RGB(238, 255, 255) RGBA(238, 255, 255, 1) entity
#0030CC60 RGB(0, 48, 204) RGBA(0, 48, 204, 0.376) entity.name
#0030CC60 RGB(0, 48, 204) RGBA(0, 48, 204, 0.376) entity.name.class
#0030CC60 RGB(0, 48, 204) RGBA(0, 48, 204, 0.376) entity.name.function
#008C91 RGB(0, 140, 145) RGBA(0, 140, 145, 1) entity.name.method
#0030CC60 RGB(0, 48, 204) RGBA(0, 48, 204, 0.376) entity.name.namespace
#0030CC60 RGB(0, 48, 204) RGBA(0, 48, 204, 0.376) entity.name.section
#0030CC60 RGB(0, 48, 204) RGBA(0, 48, 204, 0.376) entity.name.selector
#0030CC60 RGB(0, 48, 204) RGBA(0, 48, 204, 0.376) entity.name.tag
#A5A5A5 RGB(165, 165, 165) RGBA(165, 165, 165, 1) entity.name.type
#0030CC60 RGB(0, 48, 204) RGBA(0, 48, 204, 0.376) entity.name.type.enum
#0030CC60 RGB(0, 48, 204) RGBA(0, 48, 204, 0.376) entity.name.type.interface
#0030CC60 RGB(0, 48, 204) RGBA(0, 48, 204, 0.376) entity.name.type.struct
#0030CC60 RGB(0, 48, 204) RGBA(0, 48, 204, 0.376) entity.other
#00FF15 RGB(0, 255, 21) RGBA(0, 255, 21, 1) entity.other.attribute-name
#0061CF RGB(0, 97, 207) RGBA(0, 97, 207, 1) entity.other.inherited-class
#10BB00 RGB(16, 187, 0) RGBA(16, 187, 0, 1) invalid
#F70000 RGB(247, 0, 0) RGBA(247, 0, 0, 1) invalid.deprecated
#F70000 RGB(247, 0, 0) RGBA(247, 0, 0, 1) invalid.illegal
#F70000 RGB(247, 0, 0) RGBA(247, 0, 0, 1) keyword
#2BFF00 RGB(43, 255, 0) RGBA(43, 255, 0, 1) keyword.control
#004FF8 RGB(0, 79, 248) RGBA(0, 79, 248, 1) keyword.control.flow
#004FF8 RGB(0, 79, 248) RGBA(0, 79, 248, 1) keyword.operator
#2BFF00 RGB(43, 255, 0) RGBA(43, 255, 0, 1) keyword.operator.new
#2BFF00 RGB(43, 255, 0) RGBA(43, 255, 0, 1) keyword.operator.assignment
#2BFF00 RGB(43, 255, 0) RGBA(43, 255, 0, 1) keyword.operator.arithmetic
#2BFF00 RGB(43, 255, 0) RGBA(43, 255, 0, 1) keyword.operator.logical
#2BFF00 RGB(43, 255, 0) RGBA(43, 255, 0, 1) keyword.other
#C9C9C9 RGB(201, 201, 201) RGBA(201, 201, 201, 1) markup
#EEFFFF RGB(238, 255, 255) RGBA(238, 255, 255, 1) markup.bold
#8D8D8D RGB(141, 141, 141) RGBA(141, 141, 141, 1) markup.changed
#0014C4 RGB(0, 20, 196) RGBA(0, 20, 196, 1) markup.deleted
#00C3FF RGB(0, 195, 255) RGBA(0, 195, 255, 1) markup.heading
#10BB00 RGB(16, 187, 0) RGBA(16, 187, 0, 1) markup.inline.raw
#007997 RGB(0, 121, 151) RGBA(0, 121, 151, 1) markup.inserted
#494949 RGB(73, 73, 73) RGBA(73, 73, 73, 1) markup.italic
#8D8D8D RGB(141, 141, 141) RGBA(141, 141, 141, 1) markup.raw
#EEFFFF RGB(238, 255, 255) RGBA(238, 255, 255, 1) markup.underline
#03556E RGB(3, 85, 110) RGBA(3, 85, 110, 1) markup.underline.link
#03556E RGB(3, 85, 110) RGBA(3, 85, 110, 1) meta
#65737E RGB(101, 115, 126) RGBA(101, 115, 126, 1) meta.function-call
#008C91 RGB(0, 140, 145) RGBA(0, 140, 145, 1) meta.tag
#00B7FF RGB(0, 183, 255) RGBA(0, 183, 255, 1) punctuation.definition.bracket
#00B7FF RGB(0, 183, 255) RGBA(0, 183, 255, 1) punctuation.definition.comment
#444E5A RGB(68, 78, 90) RGBA(68, 78, 90, 1) punctuation.definition.string.begin
#00B7FF RGB(0, 183, 255) RGBA(0, 183, 255, 1) punctuation.definition.string.end
#00B7FF RGB(0, 183, 255) RGBA(0, 183, 255, 1) punctuation.separator
#00B7FF RGB(0, 183, 255) RGBA(0, 183, 255, 1) punctuation.separator.continuation
#00B7FF RGB(0, 183, 255) RGBA(0, 183, 255, 1) punctuation.terminator
#00B7FF RGB(0, 183, 255) RGBA(0, 183, 255, 1) storage
#2BFF00 RGB(43, 255, 0) RGBA(43, 255, 0, 1) storage.modifier
#2BFF00 RGB(43, 255, 0) RGBA(43, 255, 0, 1) storage.type
#2BFF00 RGB(43, 255, 0) RGBA(43, 255, 0, 1) string
#8D8D8D RGB(141, 141, 141) RGBA(141, 141, 141, 1) string.interpolated
#8D8D8D RGB(141, 141, 141) RGBA(141, 141, 141, 1) string.other
#8D8D8D RGB(141, 141, 141) RGBA(141, 141, 141, 1) string.quoted
#8D8D8D RGB(141, 141, 141) RGBA(141, 141, 141, 1) string.quoted.double
#8D8D8D RGB(141, 141, 141) RGBA(141, 141, 141, 1) string.quoted.other
#8D8D8D RGB(141, 141, 141) RGBA(141, 141, 141, 1) string.quoted.single
#8D8D8D RGB(141, 141, 141) RGBA(141, 141, 141, 1) string.quoted.triple
#8D8D8D RGB(141, 141, 141) RGBA(141, 141, 141, 1) string.regexp
#47CBFF RGB(71, 203, 255) RGBA(71, 203, 255, 1) string.template
#8D8D8D RGB(141, 141, 141) RGBA(141, 141, 141, 1) string.unquoted
#8D8D8D RGB(141, 141, 141) RGBA(141, 141, 141, 1) support
#00FF40 RGB(0, 255, 64) RGBA(0, 255, 64, 1) support.class
#5A5A5A RGB(90, 90, 90) RGBA(90, 90, 90, 1) support.constant
#C9C9C9 RGB(201, 201, 201) RGBA(201, 201, 201, 1) support.function
#008C91 RGB(0, 140, 145) RGBA(0, 140, 145, 1) support.other
#5A5A5A RGB(90, 90, 90) RGBA(90, 90, 90, 1) support.type
#00A9EC RGB(0, 169, 236) RGBA(0, 169, 236, 1) support.type.primitive
#00A9EC RGB(0, 169, 236) RGBA(0, 169, 236, 1) support.type.property-name
#00D9FF RGB(0, 217, 255) RGBA(0, 217, 255, 1) variable
#EEFFFF RGB(238, 255, 255) RGBA(238, 255, 255, 1) variable.function
#008C91 RGB(0, 140, 145) RGBA(0, 140, 145, 1) variable.language
#53E5FF RGB(83, 229, 255) RGBA(83, 229, 255, 1) variable.name
#EEFFFF RGB(238, 255, 255) RGBA(238, 255, 255, 1) variable.other
#00B0B6 RGB(0, 176, 182) RGBA(0, 176, 182, 1) variable.other.constant
#00B0B6 RGB(0, 176, 182) RGBA(0, 176, 182, 1) variable.other.property
#00B0B6 RGB(0, 176, 182) RGBA(0, 176, 182, 1) variable.other.readwrite
#00B0B6 RGB(0, 176, 182) RGBA(0, 176, 182, 1) variable.parameter
#C9C9C9 RGB(201, 201, 201) RGBA(201, 201, 201, 1)