Sunburst
Publisher: Alex CrowleyThemes in package: 3
Sunburst theme for VS Code
Color themes
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.
- actionBar.toggledBackground#1A5066
- activityBar.background#102234
- activityBar.foreground#D8ECF7
- activityBarBadge.background#D39B33
- activityBarBadge.foreground#09131E
- badge.background#D39B33
- badge.foreground#09131E
- breadcrumb.focusForeground#F2E7C3
- breadcrumb.foreground#86A9C1
- button.background#32C8FF
- button.foreground#09131E
- button.hoverBackground#5ED6FF
- button.secondaryBackground#1A5066
- button.secondaryForeground#F2E7C3
- button.secondaryHoverBackground#20637E
- checkbox.border#86A9C1
- diffEditor.insertedTextBackground#7AB8A826
- diffEditor.removedTextBackground#D36A6426
- dropdown.background#102234
- dropdown.border#34647F
- dropdown.foreground#D8ECF7
- editor.background#0D1724
- editor.findMatchBackground#7CEBFF73
- editor.findMatchBorder#7CEBFFB3
- editor.findMatchHighlightBackground#5ED6FF40
- editor.foreground#D8ECF7
- editor.inactiveSelectionBackground#7CEBFF73
- editor.lineHighlightBackground#14344A55
- editor.selectionBackground#7CEBFF66
- editor.selectionForeground#09131E
- editor.selectionHighlightBackground#32C8FF33
- editor.selectionHighlightBorder#D9F7FFAA
- editor.wordHighlightBackground#32C8FF33
- editor.wordHighlightStrongBackground#32C8FF59
- editorActionList.background#14344A
- editorActionList.focusBackground#1A5066
- editorActionList.focusForeground#F7FBFF
- editorActionList.foreground#D8ECF7
- editorBracketHighlight.foreground1#7CEBFF
- editorBracketHighlight.foreground2#32C8FF
- editorBracketHighlight.foreground3#F0BC58
- editorBracketHighlight.foreground4#F2E7C3
- editorBracketHighlight.foreground5#6CB4FF
- editorBracketHighlight.foreground6#4E89B8
- editorBracketMatch.border#F0BC58
- editorCursor.foreground#32C8FF
- editorGroup.border#34647F
- editorGroupHeader.noTabsBackground#102234
- editorGroupHeader.tabsBackground#102234
- editorHoverWidget.background#102234
- editorHoverWidget.border#34647F
- editorHoverWidget.foreground#D8ECF7
- editorIndentGuide.activeBackground1#7CEBFF88
- editorIndentGuide.background1#31556B66
- editorLineNumber.activeForeground#7CEBFF
- editorLineNumber.dimmedForeground#4D6678
- editorLineNumber.foreground#5E7E96
- editorLink.activeForeground#32C8FF
- editorRuler.foreground#31556B88
- editorSuggestWidget.background#14344A
- editorSuggestWidget.border#34647F
- editorSuggestWidget.foreground#D8ECF7
- editorSuggestWidget.highlightForeground#32C8FF
- editorSuggestWidget.selectedBackground#1A5066
- editorWhitespace.foreground#31556B70
- editorWidget.background#09131E
- focusBorder#32C8FF
- input.background#102234
- input.border#34647F
- input.foreground#D8ECF7
- input.placeholderForeground#86A9C1
- inputOption.activeBorder#32C8FF
- inputValidation.errorBorder#D36A64
- inputValidation.infoBorder#32C8FF
- inputValidation.warningBorder#F0BC58
- list.activeSelectionBackground#1A5066CC
- list.activeSelectionForeground#F7FBFF
- list.activeSelectionIconForeground#F2E7C3
- list.dropBackground#1EADD855
- list.highlightForeground#32C8FF
- list.hoverBackground#14344A80
- list.inactiveSelectionBackground#14344A73
- list.inactiveSelectionForeground#D8ECF7
- menu.background#102234
- menu.border#34647F
- menu.foreground#D8ECF7
- menu.selectionBackground#14344A
- menu.separatorBackground#34647F
- minimap.findMatchHighlight#F0BC5880
- minimap.selectionHighlight#7CEBFF44
- notifications.background#102234
- notifications.border#34647F
- notifications.foreground#D8ECF7
- panel.background#102234
- panel.border#34647F
- panelTitle.activeBorder#32C8FF
- panelTitle.activeForeground#F2E7C3
- panelTitle.inactiveForeground#86A9C1
- pickerGroup.border#32C8FF
- pickerGroup.foreground#7CEBFF
- ports.iconRunningProcessForeground#F0BC58
- quickInput.background#102234
- quickInput.foreground#D8ECF7
- quickInputList.focusBackground#1A5066
- quickInputList.focusForeground#F7FBFF
- quickInputTitle.background#102234
- scrollbarSlider.activeBackground#BCD7E877
- scrollbarSlider.background#BCD7E833
- scrollbarSlider.hoverBackground#BCD7E855
- sideBar.background#09131E
- sideBar.foreground#D8ECF7
- sideBarSectionHeader.background#0D1724
- sideBarSectionHeader.border#34647F
- sideBarSectionHeader.foreground#F2E7C3
- sideBarTitle.foreground#F2E7C3
- statusBar.background#102234
- statusBar.debuggingForeground#F2E7C3
- statusBar.foreground#D8ECF7
- statusBarItem.remoteBackground#15394C
- statusBarItem.remoteForeground#F2E7C3
- tab.activeBackground#14344A
- tab.activeBorderTop#32C8FF
- tab.activeForeground#F7FBFF
- tab.border#34647F
- tab.inactiveBackground#102234
- tab.inactiveForeground#86A9C1
- terminal.ansiBlack#09131E
- terminal.ansiBlue#4AAEE8
- terminal.ansiCyan#7CEBFF
- terminal.ansiGreen#7AB8A8
- terminal.ansiMagenta#6388C2
- terminal.ansiRed#D36A64
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#F0BC58
- terminal.foreground#D8ECF7
- terminal.inactiveSelectionBackground#7CEBFF73
- terminal.selectionBackground#7CEBFF80
- terminal.selectionForeground#050B12
- terminalCursor.foreground#32C8FF
- titleBar.activeBackground#0D1724
- titleBar.activeForeground#D8ECF7
- widget.border#34647F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json | #BCD7E8 | — |
| string.quoted.double.json, string.quoted.single.json | #D9F7FF | — |
| punctuation.definition.array, punctuation.definition.bracket | #32C8FF | — |
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python | #79D7F0 | — |
| emphasis | — | italic |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, meta.decorator.ts entity.name.function.ts, meta.decorator.ts punctuation.decorator.ts | — | italic |
| strong | — | bold |
| header | #32C8FF | — |
| comment | #5F829B | — |
| constant.language | #32C8FF | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #F0BC58 | — |
| constant.regexp | #7CEBFF | — |
| entity.name.tag | #32C8FF | — |
| entity.name.type, support.type | #BCD7E8 | italic |
| entity.name.tag.css, entity.name.tag.less | #7CEBFF | — |
| entity.other.attribute-name | #7CEBFF | — |
| entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss | #7CEBFF | — |
| invalid | #CD5C5C | — |
| markup.underline | — | underline |
| markup.bold | #32C8FF | bold |
| markup.heading | #32C8FF | bold |
| markup.italic | — | italic |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #F0BC58 | — |
| markup.deleted | #9BE9FF | — |
| markup.changed | #32C8FF | — |
| punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown | #F8E4C9 | — |
| markup.inline.raw | #D2691E | — |
| punctuation.definition.tag | #FFD700 | — |
| entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal | #F2E7C3 | — |
| meta.preprocessor, entity.name.function.preprocessor | #32C8FF | — |
| meta.preprocessor.string | #9BE9FF | — |
| meta.preprocessor.numeric | #F4A460 | — |
| meta.structure.dictionary.key.python | #7CEBFF | — |
| meta.diff.header | #32C8FF | — |
| storage | #32C8FF | — |
| storage.type | #32C8FF | — |
| storage.modifier, keyword.operator.noexcept | #FF7802 | — |
| string, meta.embedded.assembly | #FFCC66 | — |
| string.tag | #9BE9FF | — |
| string.value | #9BE9FF | — |
| string.regexp | #D16969 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #FF7802 | — |
| meta.template.expression | #d77d3d | — |
| support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded | #FFD700 | — |
| keyword | #32C8FF | — |
| entity.name.tag.html, entity.name.tag.jsx, entity.name.tag.tsx | #FF7802 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, entity.other.attribute-name.html | #F2E7C3 | — |
| keyword.control | #32C8FF | — |
| keyword.operator | #6CB4FF | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike | #fa8621 | — |
| keyword.other.unit | #F0BC58 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #FF7802 | — |
| support.function.git-rebase | #7CEBFF | — |
| constant.sha.git-rebase | #F0BC58 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #d77d3d | — |
| variable.language | #32C8FF | — |