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#FF7802
- activityBar.background#3F2011
- activityBar.foreground#d5d5d5
- activityBarBadge.background#F4A460
- activityBarBadge.foreground#1A0E05
- badge.background#F4A460
- badge.foreground#1A0E05
- breadcrumb.focusForeground#F8E4C9
- breadcrumb.foreground#A88E6A
- button.background#FF7802
- button.foreground#1A0E05
- button.hoverBackground#FF8A24
- button.secondaryBackground#5D3019
- button.secondaryForeground#F8E4C9
- button.secondaryHoverBackground#764023
- checkbox.border#8B4513
- diffEditor.insertedTextBackground#6B8E2326
- diffEditor.removedTextBackground#D94C3D26
- dropdown.background#3F2011
- dropdown.border#CD853F
- dropdown.foreground#F8E4C9
- editor.background#2B1D0E
- editor.findMatchBackground#FFD70033
- editor.findMatchBorder#FFD70066
- editor.findMatchHighlightBackground#FFD7001A
- editor.foreground#E5A24A
- editor.inactiveSelectionBackground#a85c2db4
- editor.lineHighlightBackground#844c1b30
- editor.selectionBackground#FFD70066
- editor.selectionForeground#F8E4C9
- editor.selectionHighlightBackground#1a0e05b0
- editor.selectionHighlightBorder#F8E4C978
- editor.wordHighlightBackground#FF78021A
- editor.wordHighlightStrongBackground#FF78024D
- editorActionList.background#5D3019
- editorActionList.focusBackground#8B4513
- editorActionList.focusForeground#F8E4C9
- editorActionList.foreground#FFCC66
- editorBracketHighlight.foreground1#F7B84B
- editorBracketHighlight.foreground2#FF7802
- editorBracketHighlight.foreground3#E5A24A
- editorBracketHighlight.foreground4#F8E4C9
- editorBracketHighlight.foreground5#FF7802
- editorBracketHighlight.foreground6#A85C2D
- editorBracketMatch.border#F7B84B
- editorCursor.foreground#FFB957
- editorGroup.border#704214
- editorGroupHeader.noTabsBackground#3F2011
- editorGroupHeader.tabsBackground#3F2011
- editorHoverWidget.background#3F2011
- editorHoverWidget.border#CD853F
- editorHoverWidget.foreground#F8E4C9
- editorIndentGuide.activeBackground1#F8E4C9
- editorIndentGuide.background1#70421457
- editorLineNumber.activeForeground#F7B84B
- editorLineNumber.dimmedForeground#7D674D
- editorLineNumber.foreground#A88E6A
- editorLink.activeForeground#FF7802
- editorRuler.foreground#70421480
- editorSuggestWidget.background#5D3019
- editorSuggestWidget.border#CD853F
- editorSuggestWidget.foreground#FFCC66
- editorSuggestWidget.highlightForeground#FF7802
- editorSuggestWidget.selectedBackground#8B4513
- editorWhitespace.foreground#70421466
- editorWidget.background#1A0E05
- focusBorder#FFD700
- input.background#3F2011
- input.border#CD853F
- input.foreground#F8E4C9
- input.placeholderForeground#CD853F
- inputOption.activeBorder#FFD700
- inputValidation.errorBorder#FFD700
- inputValidation.infoBorder#FFD700
- inputValidation.warningBorder#FFD700
- list.activeSelectionBackground#844c1b6f
- list.activeSelectionForeground#F8E4C9
- list.activeSelectionIconForeground#F8E4C9
- list.dropBackground#F4A460
- list.highlightForeground#FFD700
- list.hoverBackground#844c1b6f
- list.inactiveSelectionBackground#844c1b58
- list.inactiveSelectionForeground#FFCC66
- menu.background#8B4513
- menu.border#F4A460
- menu.foreground#FFCC66
- menu.selectionBackground#8B4513
- menu.separatorBackground#F4A460
- minimap.findMatchHighlight#FFD70080
- minimap.selectionHighlight#F8E4C955
- notifications.background#3F2011
- notifications.border#8B4513
- notifications.foreground#F8E4C9
- panel.background#3F2011
- panel.border#704214
- panelTitle.activeBorder#FF7802
- panelTitle.activeForeground#F8E4C9
- panelTitle.inactiveForeground#FFCC66
- pickerGroup.border#F8E4C9
- pickerGroup.foreground#F8E4C9
- ports.iconRunningProcessForeground#DAA520
- quickInput.background#3F2011
- quickInput.foreground#FFCC66
- quickInputList.focusBackground#5d3019
- quickInputList.focusForeground#F8E4C9
- quickInputTitle.background#3F2011
- scrollbarSlider.activeBackground#F8E4C977
- scrollbarSlider.background#F8E4C933
- scrollbarSlider.hoverBackground#F8E4C955
- sideBar.background#1A0E05
- sideBar.foreground#E5A24A
- sideBarSectionHeader.background#2B1D0E
- sideBarSectionHeader.border#704214
- sideBarSectionHeader.foreground#F8E4C9
- sideBarTitle.foreground#F8E4C9
- statusBar.background#3F2011
- statusBar.debuggingForeground#F8E4C9
- statusBar.foreground#E5A24A
- statusBarItem.remoteBackground#8B4513
- statusBarItem.remoteForeground#FFD700
- tab.activeBackground#5d3019
- tab.activeBorderTop#FF7802
- tab.activeForeground#F8E4C9
- tab.border#704214
- tab.inactiveBackground#3F2011
- tab.inactiveForeground#FFCC66
- terminal.ansiBlack#2B1D0E
- terminal.ansiBlue#C85C31
- terminal.ansiCyan#F8E4C9
- terminal.ansiGreen#F7B84B
- terminal.ansiMagenta#A85C2D
- terminal.ansiRed#D94C3D
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#E5A24A
- terminal.foreground#F8E4C9
- terminal.inactiveSelectionBackground#FFD700
- terminal.selectionBackground#FFD70033
- terminal.selectionForeground#F8E4C9
- terminalCursor.foreground#FFB957
- titleBar.activeBackground#2B1D0E
- titleBar.activeForeground#F8E4C9
- widget.border#CD853F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json | #d5d5d5 | — |
| string.quoted.double.json, string.quoted.single.json | #FFCC66 | — |
| punctuation.definition.array, punctuation.definition.bracket | #FF7802 | — |
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python | #d77d3d | — |
| 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 | #FF7802 | — |
| comment | #6B8E23 | — |
| constant.language | #FF7802 | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #F4A460 | — |
| constant.regexp | #48D1CC | — |
| entity.name.tag | #FF7802 | — |
| entity.name.type, support.type | #d5d5d5 | italic |
| entity.name.tag.css, entity.name.tag.less | #FFD700 | — |
| entity.other.attribute-name | #FFD700 | — |
| 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 | #FFD700 | — |
| invalid | #CD5C5C | — |
| markup.underline | — | underline |
| markup.bold | #FF7802 | bold |
| markup.heading | #FF7802 | bold |
| markup.italic | — | italic |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #F4A460 | — |
| markup.deleted | #D2691E | — |
| markup.changed | #FF7802 | — |
| 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 | #F8E4C9 | — |
| meta.preprocessor, entity.name.function.preprocessor | #FF7802 | — |
| meta.preprocessor.string | #D2691E | — |
| meta.preprocessor.numeric | #F4A460 | — |
| meta.structure.dictionary.key.python | #FFD700 | — |
| meta.diff.header | #FF7802 | — |
| storage | #FF7802 | — |
| storage.type | #FF7802 | — |
| storage.modifier, keyword.operator.noexcept | #FF7802 | — |
| string, meta.embedded.assembly | #FFCC66 | — |
| string.tag | #D2691E | — |
| string.value | #D2691E | — |
| 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 | #FF7802 | — |
| 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 | #F8E4C9 | — |
| keyword.control | #fa8621 | — |
| keyword.operator | #ffab02 | — |
| 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 | #F4A460 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #FF7802 | — |
| support.function.git-rebase | #FFD700 | — |
| constant.sha.git-rebase | #F4A460 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #d77d3d | — |
| variable.language | #FF7802 | — |