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 actionBar.toggledBackground
#03752D RGB(3, 117, 45) RGBA(3, 117, 45, 1) activityBar.activeBackground
#0FCA21 RGB(15, 202, 33) RGBA(15, 202, 33, 1) activityBar.activeBorder
#47C92D RGB(71, 201, 45) RGBA(71, 201, 45, 1) activityBar.background
#013815 RGB(1, 56, 21) RGBA(1, 56, 21, 1) activityBarBadge.background
#137FB9 RGB(19, 127, 185) RGBA(19, 127, 185, 1) badge.background
#0C7C71 RGB(12, 124, 113) RGBA(12, 124, 113, 1) button.background
#18FF6D RGB(24, 255, 109) RGBA(24, 255, 109, 1) dart.flutterUiGuides
#C1049E RGB(193, 4, 158) RGBA(193, 4, 158, 1) editor.background
#04131DDF RGB(4, 19, 29) RGBA(4, 19, 29, 0.875) editor.foreground
#18FF6D RGB(24, 255, 109) RGBA(24, 255, 109, 1) editorGhostText.background
#068911 RGB(6, 137, 17) RGBA(6, 137, 17, 1) editorGutter.background
#0D2415 RGB(13, 36, 21) RGBA(13, 36, 21, 1) icon.foreground
#0DFF00 RGB(13, 255, 0) RGBA(13, 255, 0, 1) menu.background
#044705 RGB(4, 71, 5) RGBA(4, 71, 5, 1) minimapSlider.hoverBackground
#A8E215 RGB(168, 226, 21) RGBA(168, 226, 21, 1) panelSectionHeader.background
#46B314 RGB(70, 179, 20) RGBA(70, 179, 20, 1) panelSectionHeader.border
#0FCA21 RGB(15, 202, 33) RGBA(15, 202, 33, 1) scrollbarSlider.background
#119D42 RGB(17, 157, 66) RGBA(17, 157, 66, 1) searchEditor.findMatchBackground
#00FF8C RGB(0, 255, 140) RGBA(0, 255, 140, 1) settings.headerForeground
#19D32C RGB(25, 211, 44) RGBA(25, 211, 44, 1) sideBar.background
#04131DDF RGB(4, 19, 29) RGBA(4, 19, 29, 0.875) sideBar.border
#0EC414 RGB(14, 196, 20) RGBA(14, 196, 20, 1) sideBar.dropBackground
#03321C RGB(3, 50, 28) RGBA(3, 50, 28, 1) sideBar.foreground
#3ADF0D RGB(58, 223, 13) RGBA(58, 223, 13, 1) sideBarSectionHeader.background
#035430 RGB(3, 84, 48) RGBA(3, 84, 48, 1) sideBarSectionHeader.border
#0B1C07 RGB(11, 28, 7) RGBA(11, 28, 7, 1) sideBarSectionHeader.foreground
#6AD50C RGB(106, 213, 12) RGBA(106, 213, 12, 1) sideBarTitle.foreground
#075F85 RGB(7, 95, 133) RGBA(7, 95, 133, 1) statusBar.background
#1B4816 RGB(27, 72, 22) RGBA(27, 72, 22, 1) statusBarItem.activeBackground
#09BD69 RGB(9, 189, 105) RGBA(9, 189, 105, 1) statusBarItem.warningBackground
#ED1414 RGB(237, 20, 20) RGBA(237, 20, 20, 1) symbolIcon.arrayForeground
#53CE0C RGB(83, 206, 12) RGBA(83, 206, 12, 1) symbolIcon.folderForeground
#1EAB1E RGB(30, 171, 30) RGBA(30, 171, 30, 1) terminal.ansiGreen
#071D03 RGB(7, 29, 3) RGBA(7, 29, 3, 1) terminal.background
#0A1D02 RGB(10, 29, 2) RGBA(10, 29, 2, 1) terminalOverviewRuler.cursorForeground
#011302 RGB(1, 19, 2) RGBA(1, 19, 2, 1) titleBar.activeBackground
#0A4A0C RGB(10, 74, 12) RGBA(10, 74, 12, 1) welcomePage.progress.background
#0A4A0C RGB(10, 74, 12) RGBA(10, 74, 12, 1) welcomePage.tileBackground
#080D03 RGB(8, 13, 3) RGBA(8, 13, 3, 1) widget.border
#56E056 RGB(86, 224, 86) RGBA(86, 224, 86, 1) widget.shadow
#56E056 RGB(86, 224, 86) RGBA(86, 224, 86, 1) window.activeBorder
#56E056 RGB(86, 224, 86) RGBA(86, 224, 86, 1) window.inactiveBorder
#1B1010 RGB(27, 16, 16) RGBA(27, 16, 16, 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
#0351038D RGB(3, 81, 3) RGBA(3, 81, 3, 0.553) comment.block
#0351038D RGB(3, 81, 3) RGBA(3, 81, 3, 0.553) comment.block.documentation
#0351038D RGB(3, 81, 3) RGBA(3, 81, 3, 0.553) comment.line
#0351038D RGB(3, 81, 3) RGBA(3, 81, 3, 0.553) constant
#8A0264 RGB(138, 2, 100) RGBA(138, 2, 100, 1) constant.character
#1E870A RGB(30, 135, 10) RGBA(30, 135, 10, 1) constant.character.escape
#8D3659 RGB(141, 54, 89) RGBA(141, 54, 89, 1) constant.numeric
#1E870A RGB(30, 135, 10) RGBA(30, 135, 10, 1) constant.numeric.integer
#1E870A RGB(30, 135, 10) RGBA(30, 135, 10, 1) constant.numeric.float
#1E870A RGB(30, 135, 10) RGBA(30, 135, 10, 1) constant.numeric.hex
#1E870A RGB(30, 135, 10) RGBA(30, 135, 10, 1) constant.numeric.octal
#1E870A RGB(30, 135, 10) RGBA(30, 135, 10, 1) constant.other
#8A0264 RGB(138, 2, 100) RGBA(138, 2, 100, 1) constant.other.placeholder
#5AE65A RGB(90, 230, 90) RGBA(90, 230, 90, 1) entity
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) entity.name
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) entity.name.class
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) entity.name.function
#25B76C RGB(37, 183, 108) RGBA(37, 183, 108, 1) entity.name.method
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) entity.name.namespace
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) entity.name.section
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) entity.name.selector
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) entity.name.tag
#A0931B RGB(160, 147, 27) RGBA(160, 147, 27, 1) entity.name.type
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) entity.name.type.enum
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) entity.name.type.interface
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) entity.name.type.struct
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) entity.other
#840852 RGB(132, 8, 82) RGBA(132, 8, 82, 1) entity.other.attribute-name
#0D770B RGB(13, 119, 11) RGBA(13, 119, 11, 1) entity.other.inherited-class
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) invalid
#F7BD49 RGB(247, 189, 73) RGBA(247, 189, 73, 1) invalid.deprecated
#F7BD49 RGB(247, 189, 73) RGBA(247, 189, 73, 1) invalid.illegal
#F7BD49 RGB(247, 189, 73) RGBA(247, 189, 73, 1) keyword
#BE80E8 RGB(190, 128, 232) RGBA(190, 128, 232, 1) keyword.control
#0B56F8 RGB(11, 86, 248) RGBA(11, 86, 248, 1) keyword.control.flow
#0B56F8 RGB(11, 86, 248) RGBA(11, 86, 248, 1) keyword.operator
#BE80E8 RGB(190, 128, 232) RGBA(190, 128, 232, 1) keyword.operator.new
#BE80E8 RGB(190, 128, 232) RGBA(190, 128, 232, 1) keyword.operator.assignment
#BE80E8 RGB(190, 128, 232) RGBA(190, 128, 232, 1) keyword.operator.arithmetic
#BE80E8 RGB(190, 128, 232) RGBA(190, 128, 232, 1) keyword.operator.logical
#BE80E8 RGB(190, 128, 232) RGBA(190, 128, 232, 1) keyword.other
#1E870A RGB(30, 135, 10) RGBA(30, 135, 10, 1) markup
#EEFFFF RGB(238, 255, 255) RGBA(238, 255, 255, 1) markup.bold
#F07178 RGB(240, 113, 120) RGBA(240, 113, 120, 1) markup.changed
#3C075F RGB(60, 7, 95) RGBA(60, 7, 95, 1) markup.deleted
#08202A RGB(8, 32, 42) RGBA(8, 32, 42, 1) markup.heading
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) markup.inline.raw
#950BF1 RGB(149, 11, 241) RGBA(149, 11, 241, 1) markup.inserted
#E08E01 RGB(224, 142, 1) RGBA(224, 142, 1, 1) markup.italic
#F07178 RGB(240, 113, 120) RGBA(240, 113, 120, 1) markup.raw
#021616 RGB(2, 22, 22) RGBA(2, 22, 22, 1) markup.underline
#F78C6C RGB(247, 140, 108) RGBA(247, 140, 108, 1) markup.underline.link
#F78C6C RGB(247, 140, 108) RGBA(247, 140, 108, 1) meta
#003C69 RGB(0, 60, 105) RGBA(0, 60, 105, 1) meta.function-call
#25B76C RGB(37, 183, 108) RGBA(37, 183, 108, 1) meta.tag
#CE0AD5 RGB(206, 10, 213) RGBA(206, 10, 213, 1) punctuation.definition.bracket
#CE0AD5 RGB(206, 10, 213) RGBA(206, 10, 213, 1) punctuation.definition.comment
#0351038D RGB(3, 81, 3) RGBA(3, 81, 3, 0.553) punctuation.definition.string.begin
#CE0AD5 RGB(206, 10, 213) RGBA(206, 10, 213, 1) punctuation.definition.string.end
#CE0AD5 RGB(206, 10, 213) RGBA(206, 10, 213, 1) punctuation.separator
#CE0AD5 RGB(206, 10, 213) RGBA(206, 10, 213, 1) punctuation.separator.continuation
#CE0AD5 RGB(206, 10, 213) RGBA(206, 10, 213, 1) punctuation.terminator
#CE0AD5 RGB(206, 10, 213) RGBA(206, 10, 213, 1) storage
#BE80E8 RGB(190, 128, 232) RGBA(190, 128, 232, 1) storage.modifier
#BE80E8 RGB(190, 128, 232) RGBA(190, 128, 232, 1) storage.type
#BE80E8 RGB(190, 128, 232) RGBA(190, 128, 232, 1) string
#F07178 RGB(240, 113, 120) RGBA(240, 113, 120, 1) string.interpolated
#F07178 RGB(240, 113, 120) RGBA(240, 113, 120, 1) string.other
#F07178 RGB(240, 113, 120) RGBA(240, 113, 120, 1) string.quoted
#F07178 RGB(240, 113, 120) RGBA(240, 113, 120, 1) string.quoted.double
#F07178 RGB(240, 113, 120) RGBA(240, 113, 120, 1) string.quoted.other
#F07178 RGB(240, 113, 120) RGBA(240, 113, 120, 1) string.quoted.single
#F07178 RGB(240, 113, 120) RGBA(240, 113, 120, 1) string.quoted.triple
#F07178 RGB(240, 113, 120) RGBA(240, 113, 120, 1) string.regexp
#0C8968 RGB(12, 137, 104) RGBA(12, 137, 104, 1) string.template
#F07178 RGB(240, 113, 120) RGBA(240, 113, 120, 1) string.unquoted
#F07178 RGB(240, 113, 120) RGBA(240, 113, 120, 1) support
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) support.class
#0A7723 RGB(10, 119, 35) RGBA(10, 119, 35, 1) support.constant
#1E870A RGB(30, 135, 10) RGBA(30, 135, 10, 1) support.function
#25B76C RGB(37, 183, 108) RGBA(37, 183, 108, 1) support.other
#0A7723 RGB(10, 119, 35) RGBA(10, 119, 35, 1) support.type
#158144 RGB(21, 129, 68) RGBA(21, 129, 68, 1) support.type.primitive
#158144 RGB(21, 129, 68) RGBA(21, 129, 68, 1) support.type.property-name
#159365 RGB(21, 147, 101) RGBA(21, 147, 101, 1) variable
#5AE65A RGB(90, 230, 90) RGBA(90, 230, 90, 1) variable.function
#25B76C RGB(37, 183, 108) RGBA(37, 183, 108, 1) variable.language
#F443EE RGB(244, 67, 238) RGBA(244, 67, 238, 1) variable.name
#5AE65A RGB(90, 230, 90) RGBA(90, 230, 90, 1) variable.other
#2C9426 RGB(44, 148, 38) RGBA(44, 148, 38, 1) variable.other.constant
#2C9426 RGB(44, 148, 38) RGBA(44, 148, 38, 1) variable.other.property
#2C9426 RGB(44, 148, 38) RGBA(44, 148, 38, 1) variable.other.readwrite
#2C9426 RGB(44, 148, 38) RGBA(44, 148, 38, 1) variable.parameter
#1E870A RGB(30, 135, 10) RGBA(30, 135, 10, 1)