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
#1C2630 RGB(28, 38, 48) RGBA(28, 38, 48, 1) activityBar.foreground
#1968B3 RGB(25, 104, 179) RGBA(25, 104, 179, 1) editor.background
#1A2129 RGB(26, 33, 41) RGBA(26, 33, 41, 1) editor.foreground
#2F74B4 RGB(47, 116, 180) RGBA(47, 116, 180, 1) editorCursor.foreground
#2F6DA7 RGB(47, 109, 167) RGBA(47, 109, 167, 1) editorIndentGuide.activeBackground
#5597D438 RGB(85, 151, 212) RGBA(85, 151, 212, 0.22) editorIndentGuide.background
#22527E42 RGB(34, 82, 126) RGBA(34, 82, 126, 0.259) editorLineNumber.activeForeground
#4A9EEE RGB(74, 158, 238) RGBA(74, 158, 238, 1) editorLineNumber.foreground
#22527E RGB(34, 82, 126) RGBA(34, 82, 126, 1) list.highlightForeground
#22527E RGB(34, 82, 126) RGBA(34, 82, 126, 1) sideBar.background
#1A2129 RGB(26, 33, 41) RGBA(26, 33, 41, 1) terminal.foreground
#4AB2EE RGB(74, 178, 238) RGBA(74, 178, 238, 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
#647296 RGB(100, 114, 150) RGBA(100, 114, 150, 1) comment.block
#647296 RGB(100, 114, 150) RGBA(100, 114, 150, 1) comment.block.documentation
#647296 RGB(100, 114, 150) RGBA(100, 114, 150, 1) comment.line
#647296 RGB(100, 114, 150) RGBA(100, 114, 150, 1) constant
#4AB2EE RGB(74, 178, 238) RGBA(74, 178, 238, 1) constant.numeric
#83CD29 RGB(131, 205, 41) RGBA(131, 205, 41, 1) constant.numeric.integer
#83CD29 RGB(131, 205, 41) RGBA(131, 205, 41, 1) constant.numeric.float
#83CD29 RGB(131, 205, 41) RGBA(131, 205, 41, 1) constant.numeric.hex
#83CD29 RGB(131, 205, 41) RGBA(131, 205, 41, 1) constant.numeric.octal
#83CD29 RGB(131, 205, 41) RGBA(131, 205, 41, 1) constant.other
#4AB2EE RGB(74, 178, 238) RGBA(74, 178, 238, 1) constant.regexp
#646695 RGB(100, 102, 149) RGBA(100, 102, 149, 1) entity
#F16529 RGB(241, 101, 41) RGBA(241, 101, 41, 1) entity.name
#F16529 RGB(241, 101, 41) RGBA(241, 101, 41, 1) entity.name.class
#00C2A2 RGB(0, 194, 162) RGBA(0, 194, 162, 1) entity.name.function
#F16529 RGB(241, 101, 41) RGBA(241, 101, 41, 1) entity.name.tag
#1B73BA RGB(27, 115, 186) RGBA(27, 115, 186, 1) entity.name.type
#00C2A2 RGB(0, 194, 162) RGBA(0, 194, 162, 1) entity.name.type.enum
#00C2A2 RGB(0, 194, 162) RGBA(0, 194, 162, 1) entity.name.type.interface
#00C2A2 RGB(0, 194, 162) RGBA(0, 194, 162, 1) entity.name.type.struct
#00C2A2 RGB(0, 194, 162) RGBA(0, 194, 162, 1) entity.other
#00C2A2 RGB(0, 194, 162) RGBA(0, 194, 162, 1) entity.other.attribute-name
#4AB2EE RGB(74, 178, 238) RGBA(74, 178, 238, 1) entity.other.inherited-class
#00C2A2 RGB(0, 194, 162) RGBA(0, 194, 162, 1) invalid
#64EDFF RGB(100, 237, 255) RGBA(100, 237, 255, 1) invalid.deprecated
#64EDFF RGB(100, 237, 255) RGBA(100, 237, 255, 1) invalid.illegal
#64EDFF RGB(100, 237, 255) RGBA(100, 237, 255, 1) keyword
#569CD6 RGB(86, 156, 214) RGBA(86, 156, 214, 1) keyword.control
#FFB42C RGB(255, 180, 44) RGBA(255, 180, 44, 1) keyword.control.flow
#FFB42C RGB(255, 180, 44) RGBA(255, 180, 44, 1) keyword.operator
#569CD6 RGB(86, 156, 214) RGBA(86, 156, 214, 1) keyword.operator.new
#0CADD5 RGB(12, 173, 213) RGBA(12, 173, 213, 1) keyword.operator.assignment
#569CD6 RGB(86, 156, 214) RGBA(86, 156, 214, 1) keyword.operator.arithmetic
#569CD6 RGB(86, 156, 214) RGBA(86, 156, 214, 1) keyword.operator.logical
#569CD6 RGB(86, 156, 214) RGBA(86, 156, 214, 1) keyword.other
#569CD6 RGB(86, 156, 214) RGBA(86, 156, 214, 1) markup
#608B4E RGB(96, 139, 78) RGBA(96, 139, 78, 1) markup.bold
#EE6B90 RGB(238, 107, 144) RGBA(238, 107, 144, 1) markup.changed
#569CD6 RGB(86, 156, 214) RGBA(86, 156, 214, 1) markup.deleted
#608B4E RGB(96, 139, 78) RGBA(96, 139, 78, 1) markup.heading
#8325BA RGB(131, 37, 186) RGBA(131, 37, 186, 1) markup.inline.raw
#608B4E RGB(96, 139, 78) RGBA(96, 139, 78, 1) markup.inserted
#608B4E RGB(96, 139, 78) RGBA(96, 139, 78, 1) markup.list
#00C2B2 RGB(0, 194, 178) RGBA(0, 194, 178, 1) markup.list.numbered
#00C2B2 RGB(0, 194, 178) RGBA(0, 194, 178, 1) markup.list.unnumbered
#00C2B2 RGB(0, 194, 178) RGBA(0, 194, 178, 1) meta
#80E9FF RGB(128, 233, 255) RGBA(128, 233, 255, 1) meta.preprocessor
#569CD6 RGB(86, 156, 214) RGBA(86, 156, 214, 1) meta.return-type
#00C2A2 RGB(0, 194, 162) RGBA(0, 194, 162, 1) meta.selector
#83CD29 RGB(131, 205, 41) RGBA(131, 205, 41, 1) meta.type
#00C2A2 RGB(0, 194, 162) RGBA(0, 194, 162, 1) storage
#DAC71C RGB(218, 199, 28) RGBA(218, 199, 28, 1) storage.modifier
#3EEBCE RGB(62, 235, 206) RGBA(62, 235, 206, 1) storage.type
#FFB42C RGB(255, 180, 44) RGBA(255, 180, 44, 1) string
#B03554 RGB(176, 53, 84) RGBA(176, 53, 84, 1) string.interpolated
#B03554 RGB(176, 53, 84) RGBA(176, 53, 84, 1) string.other
#B03554 RGB(176, 53, 84) RGBA(176, 53, 84, 1) string.quoted
#B03554 RGB(176, 53, 84) RGBA(176, 53, 84, 1) string.quoted.double
#B03554 RGB(176, 53, 84) RGBA(176, 53, 84, 1) string.quoted.other
#B03554 RGB(176, 53, 84) RGBA(176, 53, 84, 1) string.quoted.single
#B03554 RGB(176, 53, 84) RGBA(176, 53, 84, 1) string.quoted.triple
#B03554 RGB(176, 53, 84) RGBA(176, 53, 84, 1) string.regexp
#F2D429 RGB(242, 212, 41) RGBA(242, 212, 41, 1) string.template
#B03554 RGB(176, 53, 84) RGBA(176, 53, 84, 1) string.unquoted
#B03554 RGB(176, 53, 84) RGBA(176, 53, 84, 1) support
#4AB2EE RGB(74, 178, 238) RGBA(74, 178, 238, 1) support.class
#00C2A2 RGB(0, 194, 162) RGBA(0, 194, 162, 1) support.constant
#4AB2EE RGB(74, 178, 238) RGBA(74, 178, 238, 1) support.function
#3EC4EB RGB(62, 196, 235) RGBA(62, 196, 235, 1) support.type
#00C2A2 RGB(0, 194, 162) RGBA(0, 194, 162, 1) support.type.primitive
#00C2A2 RGB(0, 194, 162) RGBA(0, 194, 162, 1) support.type.property-name
#1B73BA RGB(27, 115, 186) RGBA(27, 115, 186, 1) support.variable
#11AFFD RGB(17, 175, 253) RGBA(17, 175, 253, 1) variable
#11AFFD RGB(17, 175, 253) RGBA(17, 175, 253, 1) variable.function
#11AFFD RGB(17, 175, 253) RGBA(17, 175, 253, 1) variable.language
#77DFFF RGB(119, 223, 255) RGBA(119, 223, 255, 1) variable.name
#11AFFD RGB(17, 175, 253) RGBA(17, 175, 253, 1) variable.other
#11AFFD RGB(17, 175, 253) RGBA(17, 175, 253, 1) variable.other.constant
#11AFFD RGB(17, 175, 253) RGBA(17, 175, 253, 1) variable.other.property
#11AFFD RGB(17, 175, 253) RGBA(17, 175, 253, 1) variable.other.readwrite
#11AFFD RGB(17, 175, 253) RGBA(17, 175, 253, 1) variable.parameter
#11AFFD RGB(17, 175, 253) RGBA(17, 175, 253, 1)