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
#EEE6DA RGB(238, 230, 218) RGBA(238, 230, 218, 1) editor.background
#F9F6F2 RGB(249, 246, 242) RGBA(249, 246, 242, 1) editor.lineHighlightBackground
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) editor.selectionBackground
#B0E4D5 RGB(176, 228, 213) RGBA(176, 228, 213, 1) editorBracketMatch.background
#7B4145 RGB(123, 65, 69) RGBA(123, 65, 69, 1) editorBracketMatch.border
#B72937 RGB(183, 41, 55) RGBA(183, 41, 55, 1) editorGroupHeader.tabsBackground
#EFE7DC RGB(239, 231, 220) RGBA(239, 231, 220, 1) editorGutter.background
#F9F6F2 RGB(249, 246, 242) RGBA(249, 246, 242, 1) editorLineNumber.foreground
#DBCBB1 RGB(219, 203, 177) RGBA(219, 203, 177, 1) scrollbarSlider.background
#EEE6DA RGB(238, 230, 218) RGBA(238, 230, 218, 1) scrollbarSlider.hoverBackground
#DBCBB1 RGB(219, 203, 177) RGBA(219, 203, 177, 1) sideBar.background
#E5D8C6 RGB(229, 216, 198) RGBA(229, 216, 198, 1) statusBar.background
#D2BD9D RGB(210, 189, 157) RGBA(210, 189, 157, 1) tab.activeBackground
#F9F6F2 RGB(249, 246, 242) RGBA(249, 246, 242, 1) tab.activeForeground
#2F83BC RGB(47, 131, 188) RGBA(47, 131, 188, 1) tab.border
#F9F6F2 RGB(249, 246, 242) RGBA(249, 246, 242, 1) tab.inactiveBackground
#D2BD9D RGB(210, 189, 157) RGBA(210, 189, 157, 1) tab.inactiveForeground
#F9F6F2 RGB(249, 246, 242) RGBA(249, 246, 242, 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
#D54352 RGB(213, 67, 82) RGBA(213, 67, 82, 1) comment.block
#D54352 RGB(213, 67, 82) RGBA(213, 67, 82, 1) comment.block.documentation
#D54352 RGB(213, 67, 82) RGBA(213, 67, 82, 1) comment.line
#D54352 RGB(213, 67, 82) RGBA(213, 67, 82, 1) constant
#7B4145 RGB(123, 65, 69) RGBA(123, 65, 69, 1) constant.character
#D54352 RGB(213, 67, 82) RGBA(213, 67, 82, 1) constant.character.escape
#D54352 RGB(213, 67, 82) RGBA(213, 67, 82, 1) constant.numeric
#A2575B RGB(162, 87, 91) RGBA(162, 87, 91, 1) constant.numeric.integer
#A2575B RGB(162, 87, 91) RGBA(162, 87, 91, 1) constant.numeric.float
#A2575B RGB(162, 87, 91) RGBA(162, 87, 91, 1) constant.numeric.hex
#A2575B RGB(162, 87, 91) RGBA(162, 87, 91, 1) constant.numeric.octal
#A2575B RGB(162, 87, 91) RGBA(162, 87, 91, 1) constant.other
#D95361 RGB(217, 83, 97) RGBA(217, 83, 97, 1) constant.other.placeholder
#D95361 RGB(217, 83, 97) RGBA(217, 83, 97, 1) entity
#8D4B4F RGB(141, 75, 79) RGBA(141, 75, 79, 1) entity.name
#8D4B4F RGB(141, 75, 79) RGBA(141, 75, 79, 1) entity.name.class
#567C73 RGB(86, 124, 115) RGBA(86, 124, 115, 1) entity.name.function
#567C73 RGB(86, 124, 115) RGBA(86, 124, 115, 1) entity.name.tag
#D43F4E RGB(212, 63, 78) RGBA(212, 63, 78, 1) entity.name.type
#50746C RGB(80, 116, 108) RGBA(80, 116, 108, 1) entity.name.type.enum
#50746C RGB(80, 116, 108) RGBA(80, 116, 108, 1) entity.name.type.interface
#50746C RGB(80, 116, 108) RGBA(80, 116, 108, 1) entity.name.type.struct
#50746C RGB(80, 116, 108) RGBA(80, 116, 108, 1) entity.other
#57A2D5 RGB(87, 162, 213) RGBA(87, 162, 213, 1) entity.other.attribute-name
#57A2D5 RGB(87, 162, 213) RGBA(87, 162, 213, 1) entity.other.inherited-class
#AA6064 RGB(170, 96, 100) RGBA(170, 96, 100, 1) invalid
#BC8285 RGB(188, 130, 133) RGBA(188, 130, 133, 1) invalid.deprecated
#BC8285 RGB(188, 130, 133) RGBA(188, 130, 133, 1) invalid.illegal
#BC8285 RGB(188, 130, 133) RGBA(188, 130, 133, 1) keyword
#B6777A RGB(182, 119, 122) RGBA(182, 119, 122, 1) keyword.control
#B6777A RGB(182, 119, 122) RGBA(182, 119, 122, 1) keyword.control.flow
#B6777A RGB(182, 119, 122) RGBA(182, 119, 122, 1) keyword.operator
#B6777A RGB(182, 119, 122) RGBA(182, 119, 122, 1) keyword.operator.new
#B6777A RGB(182, 119, 122) RGBA(182, 119, 122, 1) keyword.operator.assignment
#B6777A RGB(182, 119, 122) RGBA(182, 119, 122, 1) keyword.operator.arithmetic
#B6777A RGB(182, 119, 122) RGBA(182, 119, 122, 1) keyword.operator.logical
#B6777A RGB(182, 119, 122) RGBA(182, 119, 122, 1) keyword.other
#B6777A RGB(182, 119, 122) RGBA(182, 119, 122, 1) markup
#84464A RGB(132, 70, 74) RGBA(132, 70, 74, 1) markup.heading
#567C73 RGB(86, 124, 115) RGBA(86, 124, 115, 1) markup.italic
#D13141 RGB(209, 49, 65) RGBA(209, 49, 65, 1) markup.quote
#84464A RGB(132, 70, 74) RGBA(132, 70, 74, 1) meta
#8D4B4F RGB(141, 75, 79) RGBA(141, 75, 79, 1) meta.tag
#A85B5F RGB(168, 91, 95) RGBA(168, 91, 95, 1) punctuation.separator
#567C73 RGB(86, 124, 115) RGBA(86, 124, 115, 1) storage
#B72937 RGB(183, 41, 55) RGBA(183, 41, 55, 1) storage.modifier
#D13141 RGB(209, 49, 65) RGBA(209, 49, 65, 1) storage.type
#B72937 RGB(183, 41, 55) RGBA(183, 41, 55, 1) string
#A85B5F RGB(168, 91, 95) RGBA(168, 91, 95, 1) string.quoted
#D13141 RGB(209, 49, 65) RGBA(209, 49, 65, 1) string.quoted.single
#D13141 RGB(209, 49, 65) RGBA(209, 49, 65, 1) string.template
#A85B5F RGB(168, 91, 95) RGBA(168, 91, 95, 1) support
#8D4B4F RGB(141, 75, 79) RGBA(141, 75, 79, 1) support.class
#3D94CF RGB(61, 148, 207) RGBA(61, 148, 207, 1) support.constant
#D95361 RGB(217, 83, 97) RGBA(217, 83, 97, 1) support.function
#2871A2 RGB(40, 113, 162) RGBA(40, 113, 162, 1) support.type
#8D4B4F RGB(141, 75, 79) RGBA(141, 75, 79, 1) support.type.primitive
#679489 RGB(103, 148, 137) RGBA(103, 148, 137, 1) support.type.property-name
#8D4B4F RGB(141, 75, 79) RGBA(141, 75, 79, 1) support.variable
#D13141 RGB(209, 49, 65) RGBA(209, 49, 65, 1) variable
#567C73 RGB(86, 124, 115) RGBA(86, 124, 115, 1) variable.function
#567C73 RGB(86, 124, 115) RGBA(86, 124, 115, 1) variable.language
#DD6370 RGB(221, 99, 112) RGBA(221, 99, 112, 1) variable.name
#567C73 RGB(86, 124, 115) RGBA(86, 124, 115, 1) variable.other
#567C73 RGB(86, 124, 115) RGBA(86, 124, 115, 1) variable.other.constant
#567C73 RGB(86, 124, 115) RGBA(86, 124, 115, 1) variable.other.property
#567C73 RGB(86, 124, 115) RGBA(86, 124, 115, 1) variable.other.readwrite
#D95361 RGB(217, 83, 97) RGBA(217, 83, 97, 1) variable.parameter
#328CC9 RGB(50, 140, 201) RGBA(50, 140, 201, 1)