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
#0A1E24 RGB(10, 30, 36) RGBA(10, 30, 36, 1) activityBarBadge.background
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) editor.background
#0A1E24 RGB(10, 30, 36) RGBA(10, 30, 36, 1) editor.foreground
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) editorGroupHeader.tabsBackground
#11343E RGB(17, 52, 62) RGBA(17, 52, 62, 1) editorSuggestWidget.highlightForeground
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) editorWidget.background
#11343E RGB(17, 52, 62) RGBA(17, 52, 62, 1) editorWidget.border
#3675A8 RGB(54, 117, 168) RGBA(54, 117, 168, 1) editorWidget.resizeBorder
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) list.activeSelectionForeground
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) list.highlightForeground
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) list.inactiveSelectionForeground
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) notificationLink.foreground
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) panelTitle.activeBorder
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) pickerGroup.foreground
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) progressBar.background
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) selection.background
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) settings.modifiedItemForeground
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) sideBar.background
#11343E RGB(17, 52, 62) RGBA(17, 52, 62, 1) statusBar.background
#11343E RGB(17, 52, 62) RGBA(17, 52, 62, 1) tab.activeBorder
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) tab.inactiveBackground
#11343E RGB(17, 52, 62) RGBA(17, 52, 62, 1) textLink.foreground
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) titleBar.activeBackground
#11343E RGB(17, 52, 62) RGBA(17, 52, 62, 1) titleBar.inactiveBackground
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 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
#83A7B4 RGB(131, 167, 180) RGBA(131, 167, 180, 1) comment.block
#83A7B4 RGB(131, 167, 180) RGBA(131, 167, 180, 1) comment.block.documentation
#83A7B4 RGB(131, 167, 180) RGBA(131, 167, 180, 1) comment.line
#83A7B4 RGB(131, 167, 180) RGBA(131, 167, 180, 1) constant
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1) constant.character
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1) constant.character.escape
#83A7B4 RGB(131, 167, 180) RGBA(131, 167, 180, 1) constant.numeric
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1) constant.numeric.integer
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1) constant.numeric.float
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1) constant.numeric.hex
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1) constant.numeric.octal
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1) constant.other
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1) constant.other.placeholder
#FEFFF1 RGB(254, 255, 241) RGBA(254, 255, 241, 1) entity
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) entity.name
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) entity.name.class
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) entity.name.function
#0F548B RGB(15, 84, 139) RGBA(15, 84, 139, 1) entity.name.method
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) entity.name.namespace
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) entity.name.section
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) entity.name.selector
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) entity.name.tag
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) entity.name.type
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) entity.name.type.enum
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) entity.name.type.interface
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) entity.name.type.struct
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) entity.other
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1) entity.other.attribute-name
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1) entity.other.inherited-class
#AECAB8 RGB(174, 202, 184) RGBA(174, 202, 184, 1) invalid
#E35B00 RGB(227, 91, 0) RGBA(227, 91, 0, 1) invalid.deprecated
#E35B00 RGB(227, 91, 0) RGBA(227, 91, 0, 1) invalid.illegal
#E35B00 RGB(227, 91, 0) RGBA(227, 91, 0, 1) keyword
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) keyword.control
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) keyword.control.flow
#67A0CE RGB(103, 160, 206) RGBA(103, 160, 206, 1) keyword.operator
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) keyword.operator.new
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) keyword.operator.assignment
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) keyword.operator.arithmetic
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) keyword.operator.logical
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) keyword.other
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1) markup
#ECF0C1 RGB(236, 240, 193) RGBA(236, 240, 193, 1) markup.bold
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) markup.changed
#E35B00 RGB(227, 91, 0) RGBA(227, 91, 0, 1) markup.deleted
#E35B00 RGB(227, 91, 0) RGBA(227, 91, 0, 1) markup.heading
#AECAB8 RGB(174, 202, 184) RGBA(174, 202, 184, 1) markup.inline.raw
#E35B00 RGB(227, 91, 0) RGBA(227, 91, 0, 1) markup.inserted
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) markup.italic
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) markup.raw
#ECF0C1 RGB(236, 240, 193) RGBA(236, 240, 193, 1) markup.underline
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) markup.underline.link
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) meta
#6E5346 RGB(110, 83, 70) RGBA(110, 83, 70, 1) meta.function-call
#0F548B RGB(15, 84, 139) RGBA(15, 84, 139, 1) meta.tag
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) punctuation.definition.bracket
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) punctuation.definition.comment
#83A7B4 RGB(131, 167, 180) RGBA(131, 167, 180, 1) punctuation.definition.string.begin
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) punctuation.definition.string.end
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) punctuation.separator
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) punctuation.separator.continuation
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) punctuation.terminator
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) storage
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) storage.modifier
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) storage.type
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) string
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) string.interpolated
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) string.other
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) string.quoted
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) string.quoted.double
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) string.quoted.other
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) string.quoted.single
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) string.quoted.triple
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) string.regexp
#83A7B4 RGB(131, 167, 180) RGBA(131, 167, 180, 1) string.template
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) string.unquoted
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) support
#5CAB96 RGB(92, 171, 150) RGBA(92, 171, 150, 1) support.class
#E3CD7B RGB(227, 205, 123) RGBA(227, 205, 123, 1) support.constant
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1) support.function
#0F548B RGB(15, 84, 139) RGBA(15, 84, 139, 1) support.other
#E3CD7B RGB(227, 205, 123) RGBA(227, 205, 123, 1) support.type
#AECAB8 RGB(174, 202, 184) RGBA(174, 202, 184, 1) support.type.primitive
#AECAB8 RGB(174, 202, 184) RGBA(174, 202, 184, 1) support.type.property-name
#AECAB8 RGB(174, 202, 184) RGBA(174, 202, 184, 1) variable
#FEFFF1 RGB(254, 255, 241) RGBA(254, 255, 241, 1) variable.function
#0F548B RGB(15, 84, 139) RGBA(15, 84, 139, 1) variable.language
#FF8A3A RGB(255, 138, 58) RGBA(255, 138, 58, 1) variable.name
#FEFFF1 RGB(254, 255, 241) RGBA(254, 255, 241, 1) variable.other
#E3CD7B RGB(227, 205, 123) RGBA(227, 205, 123, 1) variable.other.constant
#E3CD7B RGB(227, 205, 123) RGBA(227, 205, 123, 1) variable.other.property
#E3CD7B RGB(227, 205, 123) RGBA(227, 205, 123, 1) variable.other.readwrite
#E3CD7B RGB(227, 205, 123) RGBA(227, 205, 123, 1) variable.parameter
#FFC878 RGB(255, 200, 120) RGBA(255, 200, 120, 1)