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#F8E4C9
- activityBar.foreground#8B4513
- activityBarBadge.background#F4A460
- activityBarBadge.foreground#6E2D0A
- badge.background#F4A460
- badge.foreground#6E2D0A
- breadcrumb.focusForeground#6E2D0A
- breadcrumb.foreground#A06734
- button.background#FF7802
- button.foreground#FFF8F0
- button.hoverBackground#E56D00
- button.secondaryBackground#E5A24A
- button.secondaryForeground#6E2D0A
- button.secondaryHoverBackground#D9932A
- checkbox.border#8B4513
- diffEditor.insertedTextBackground#6B8E231F
- diffEditor.removedTextBackground#D94C3D1F
- dropdown.background#F8E4C9
- dropdown.border#CD853F
- dropdown.foreground#8B4513
- editor.background#FFF8F0
- editor.findMatchBackground#DAA52059
- editor.findMatchBorder#C85C3180
- editor.findMatchHighlightBackground#E5A24A33
- editor.foreground#8B4513
- editor.inactiveSelectionBackground#E5A24A40
- editor.lineHighlightBackground#F4A4602E
- editor.selectionBackground#E5A24A66
- editor.selectionForeground#5A2408
- editor.selectionHighlightBackground#E5A24A59
- editor.selectionHighlightBorder#CD853F80
- editor.wordHighlightBackground#E5A24A4D
- editor.wordHighlightStrongBackground#E5A24A66
- editorActionList.background#F8E4C9
- editorActionList.focusBackground#E5A24A
- editorActionList.focusForeground#6E2D0A
- editorActionList.foreground#8B4513
- editorBracketHighlight.foreground1#8B4513
- editorBracketHighlight.foreground2#D94C3D
- editorBracketHighlight.foreground3#E5A24A
- editorBracketHighlight.foreground4#d77d3d
- editorBracketHighlight.foreground5#FF7802
- editorBracketHighlight.foreground6#A85C2D
- editorBracketMatch.border#8B4513
- editorCursor.foreground#FF7802
- editorGroup.border#CD853F55
- editorGroupHeader.noTabsBackground#F8E4C9
- editorGroupHeader.tabsBackground#F8E4C9
- editorHoverWidget.background#F8E4C9
- editorHoverWidget.border#CD853F
- editorHoverWidget.foreground#8B4513
- editorIndentGuide.activeBackground1#8B4513
- editorIndentGuide.background1#CD853F50
- editorLineNumber.activeForeground#6E2D0A
- editorLineNumber.dimmedForeground#D9AE7A
- editorLineNumber.foreground#CD853F
- editorLink.activeForeground#FF7802
- editorRuler.foreground#CD853F66
- editorSuggestWidget.background#F8E4C9
- editorSuggestWidget.border#CD853F
- editorSuggestWidget.foreground#8B4513
- editorSuggestWidget.highlightForeground#FF7802
- editorSuggestWidget.selectedBackground#DAA520
- editorWhitespace.foreground#CD853F40
- editorWidget.background#F8E4C9
- focusBorder#E5A24A
- input.background#F8E4C9
- input.border#8B4513
- input.foreground#8B4513
- input.placeholderForeground#CD853F
- inputOption.activeBorder#E5A24A
- inputValidation.errorBorder#E5A24A
- inputValidation.infoBorder#E5A24A
- inputValidation.warningBorder#E5A24A
- list.activeSelectionBackground#E5A24AB3
- list.activeSelectionForeground#8B4513
- list.activeSelectionIconForeground#8B4513
- list.dropBackground#F4A460
- list.highlightForeground#8B4513
- list.hoverBackground#F4A46080
- list.inactiveSelectionBackground#F4A46080
- list.inactiveSelectionForeground#8B4513
- menu.background#F8E4C9
- menu.border#F4A460
- menu.foreground#8B4513
- menu.selectionBackground#DAA520
- menu.separatorBackground#F4A460
- minimap.findMatchHighlight#DAA52066
- minimap.selectionHighlight#8B451344
- notifications.background#F8E4C9
- notifications.border#CD853F
- notifications.foreground#8B4513
- panel.background#F8E4C9
- panel.border#CD853F
- panelTitle.activeBorder#FF7802
- panelTitle.activeForeground#6E2D0A
- panelTitle.inactiveForeground#8B4513
- pickerGroup.border#8B4513
- pickerGroup.foreground#8B4513
- ports.iconRunningProcessForeground#DAA520
- quickInput.background#F8E4C9
- quickInput.foreground#8B4513
- quickInputList.focusBackground#E5A24A
- quickInputList.focusForeground#8B4513
- quickInputTitle.background#F8E4C9
- scrollbarSlider.activeBackground#8B451355
- scrollbarSlider.background#8B451322
- scrollbarSlider.hoverBackground#8B451344
- sideBar.background#F8E4C9
- sideBar.foreground#8B4513
- sideBarSectionHeader.background#F4DEC1
- sideBarSectionHeader.border#D9B48A
- sideBarSectionHeader.foreground#6E2D0A
- sideBarTitle.foreground#8B4513
- statusBar.background#F8E4C9
- statusBar.debuggingForeground#6E2D0A
- statusBar.foreground#8B4513
- statusBarItem.remoteBackground#F8E4C9
- statusBarItem.remoteForeground#8B4513
- tab.activeBackground#FFF8F0
- tab.activeBorderTop#FF7802
- tab.activeForeground#6E2D0A
- tab.border#CD853F
- tab.inactiveBackground#F8E4C9
- tab.inactiveForeground#8B4513
- terminal.ansiBlack#2B1D0E
- terminal.ansiBlue#C85C31
- terminal.ansiCyan#8B4513
- terminal.ansiGreen#F7B84B
- terminal.ansiMagenta#A85C2D
- terminal.ansiRed#D94C3D
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#E5A24A
- terminal.foreground#8B4513
- terminal.inactiveSelectionBackground#E5A24A
- terminal.selectionBackground#E5A24A4D
- terminal.selectionForeground#5A2408
- terminalCursor.foreground#FF7802
- titleBar.activeBackground#F8E4C9
- titleBar.activeForeground#8B4513
- widget.border#CD853F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json | #d77d3d | — |
| string.quoted.double.json, string.quoted.single.json | #8B4513 | — |
| 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 | #e3a11d | italic |
| entity.name.tag.css, entity.name.tag.less | #E5A24A | — |
| entity.other.attribute-name | #E5A24A | — |
| 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 | #E5A24A | — |
| 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 | #E5A24A | — |
| markup.inline.raw | #D2691E | — |
| punctuation.definition.tag | #E5A24A | — |
| entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal | #8B4513 | — |
| meta.preprocessor, entity.name.function.preprocessor | #FF7802 | — |
| meta.preprocessor.string | #D2691E | — |
| meta.preprocessor.numeric | #F4A460 | — |
| meta.structure.dictionary.key.python | #E5A24A | — |
| meta.diff.header | #FF7802 | — |
| storage | #FF7802 | — |
| storage.type | #FF7802 | — |
| storage.modifier, keyword.operator.noexcept | #FF7802 | — |
| string, meta.embedded.assembly | #8B4513 | — |
| 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 | #E5A24A | — |
| keyword | #FF7802 | — |
| 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 | #E5A24A | — |
| constant.sha.git-rebase | #F4A460 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #d77d3d | — |
| variable.language | #FF7802 | — |