Starburst Theme
Publisher: Pavel SanchezThemes in package: 1
A colorful theme!
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.
- activityBar.background#1a1a1a
- activityBar.border#1a1a1a
- activityBar.dropBackground#212121
- activityBar.foreground#d75b74
- activityBarBadge.background#f5e93d
- activityBarBadge.foreground#0f0f0f
- badge.background#a32929
- badge.foreground#e6e6e6
- breadcrumb.activeSelectionForeground#0076a9
- breadcrumb.background#212121
- breadcrumb.focusForeground#0076a9
- breadcrumb.foreground#e6e6e6
- breadcrumbPicker.background#191919
- button.background#eb5a47
- button.foreground#e6e6e6
- button.hoverBackground#f08375
- debugExceptionWidget.background#191919
- debugExceptionWidget.border#191919
- diffEditor.insertedTextBackground#3D4F3B
- diffEditor.insertedTextBorder#e6e6e64D
- diffEditor.removedTextBackground#5E2629
- diffEditor.removedTextBorder#e6e6e64D
- dropdown.background#1a1a1a
- dropdown.border#262626
- dropdown.foreground#e6e6e6
- editor.background#0d0d0d
- editor.findMatchBackground#e6e6e63D
- editor.findMatchHighlightBackground#e6e6e61F
- editor.foreground#e6e6e6
- editor.hoverHighlightBackground#e6e6e61F
- editor.inactiveSelectionBackground#e6e6e61F
- editor.lineHighlightBackground#e6e6e60F
- editor.rangeHighlightBackground#191919
- editor.selectionBackground#e6e6e63D
- editor.wordHighlightBackground#e6e6e600
- editor.wordHighlightStrongBackground#e6e6e600
- editorBracketMatch.background#e6e6e600
- editorBracketMatch.border#e6e6e64D
- editorCodeLens.foreground#e6e6e6
- editorCursor.foreground#e6e6e6
- editorError.border#191919
- editorError.foreground#dd656d
- editorGroup.border#171717
- editorGroup.dropBackground#171717
- editorGroup.emptyBackground#0d0d0d
- editorGroup.focusedEmptyBorder#0d0d0d
- editorGroupHeader.noTabsBackground#191919
- editorGroupHeader.tabsBackground#1a1a1a
- editorGroupHeader.tabsBorder#212121
- editorGutter.addedBackground#4ebd8f
- editorGutter.background#191919
- editorGutter.deletedBackground#dd656d
- editorGutter.modifiedBackground#0076a9
- editorHoverWidget.background#191919
- editorHoverWidget.border#191919
- editorIndentGuide.activeBackground#e6e6e6
- editorIndentGuide.background#e6e6e61F
- editorLineNumber.activeForeground#f5e93d
- editorLineNumber.foreground#d37fac50
- editorLink.activeForeground#0076a9
- editorMarkerNavigation.background#191919
- editorMarkerNavigationError.background#dd656d
- editorMarkerNavigationWarning.background#d9df34
- editorOverviewRuler.addedForeground#4ebd8f
- editorOverviewRuler.border#191919
- editorOverviewRuler.currentContentForeground#dd656d
- editorOverviewRuler.deletedForeground#dd656d
- editorOverviewRuler.errorForeground#dd656d
- editorOverviewRuler.findMatchForeground#e6e6e60F
- editorOverviewRuler.incomingContentForeground#dd656d
- editorOverviewRuler.infoForeground#0076a9
- editorOverviewRuler.modifiedForeground#0076a9
- editorOverviewRuler.rangeHighlightForeground#e6e6e60F
- editorOverviewRuler.selectionHighlightForeground#e6e6e60F
- editorOverviewRuler.warningForeground#d9df34
- editorOverviewRuler.wordHighlightForeground#e6e6e60F
- editorOverviewRuler.wordHighlightStrongForeground#e6e6e60F
- editorRuler.foreground#e6e6e61F
- editorSuggestWidget.background#191919
- editorSuggestWidget.border#191919
- editorSuggestWidget.foreground#e6e6e6
- editorSuggestWidget.selectedBackground#191919
- editorWarning.border#191919
- editorWarning.foreground#d9df34
- editorWhitespace.foreground#545454
- editorWidget.background#191919
- editorWidget.border#191919
- extensionButton.prominentBackground#ac3474
- extensionButton.prominentForeground#e6e6e6
- extensionButton.prominentHoverBackground#d37fac
- focusBorder#1a1a1a
- gitDecoration.conflictingResourceForeground#dd656d
- gitDecoration.deletedResourceForeground#dd656d
- gitDecoration.ignoredResourceForeground#e6e6e6
- gitDecoration.modifiedResourceForeground#0076a9
- gitDecoration.untrackedResourceForeground#4ebd8f
- input.background#1c1c1c
- input.border#1c1c1c
- input.foreground#e6e6e6
- input.placeholderForeground#4d4d4d
- inputOption.activeBorder#cc3333
- inputValidation.errorBackground#a32929
- inputValidation.errorBorder#a32929
- inputValidation.infoBackground#cd3251
- inputValidation.infoBorder#cd3251
- inputValidation.warningBackground#eb5a47
- inputValidation.warningBorder#eb5a47
- list.activeSelectionBackground#eb5a4750
- list.activeSelectionForeground#e6e6e6
- list.dropBackground#eb5a4750
- list.errorForeground#dd656d
- list.focusBackground#eb5a4750
- list.highlightForeground#e6e6e6
- list.hoverBackground#f0837550
- list.inactiveSelectionBackground#f5ada31a
- list.inactiveSelectionForeground#e6e6e6
- list.warningForeground#d9df34
- merge.border#191919
- merge.currentContentBackground#191919
- merge.currentHeaderBackground#191919
- merge.incomingContentBackground#191919
- merge.incomingHeaderBackground#191919
- notificationCenter.border#191919
- notificationCenterHeader.background#191919
- notificationCenterHeader.foreground#e6e6e6
- notificationLink.foreground#0076a9
- notifications.background#262626
- notifications.border#191919
- notifications.foreground#e6e6e6
- notificationToast.border#191919
- panel.background#191919
- panel.border#191919
- panelTitle.activeBorder#191919
- panelTitle.activeForeground#e6e6e6
- panelTitle.inactiveForeground#e6e6e6
- peekView.border#191919
- peekViewEditor.background#191919
- peekViewEditor.matchHighlightBackground#e6e6e61F
- peekViewEditorGutter.background#191919
- peekViewResult.background#191919
- peekViewResult.fileForeground#e6e6e6
- peekViewResult.lineForeground#e6e6e6
- peekViewResult.matchHighlightBackground#e6e6e61F
- peekViewResult.selectionBackground#191919
- peekViewResult.selectionForeground#e6e6e6
- peekViewTitle.background#191919
- peekViewTitleDescription.foreground#e6e6e6
- peekViewTitleLabel.foreground#e6e6e6
- pickerGroup.border#191919
- pickerGroup.foreground#e6e6e6
- progressBar.background#dd656d
- scrollbar.shadow#d65c5c26
- scrollbarSlider.activeBackground#212121
- scrollbarSlider.background#212121b3
- scrollbarSlider.hoverBackground#212121e6
- settings.checkboxBackground#191919
- settings.checkboxBorder#191919
- settings.checkboxForeground#e6e6e6
- settings.dropdownBackground#191919
- settings.dropdownBorder#191919
- settings.dropdownForeground#e6e6e6
- settings.headerForeground#e6e6e6
- settings.modifiedItemIndicator#0076a9
- settings.numberInputBackground#191919
- settings.numberInputBorder#191919
- settings.numberInputForeground#e6e6e6
- settings.textInputBackground#191919
- settings.textInputBorder#191919
- settings.textInputForeground#e6e6e6
- sideBar.background#141414
- sideBar.border#141414
- sideBar.foreground#e6e6e6
- sideBarSectionHeader.background#1a1a1a
- sideBarSectionHeader.foreground#f5e93d
- sideBarTitle.foreground#f5d6dc
- statusBar.background#1a1a1a
- statusBar.border#191919
- statusBar.debuggingBackground#a32929
- statusBar.debuggingForeground#e6e6e6
- statusBar.foreground#b3b3b3
- statusBar.noFolderBackground#d37fac
- statusBar.noFolderForeground#e6e6e6
- statusBarItem.activeBackground#d37fac
- statusBarItem.hoverBackground#d37fac
- statusBarItem.prominentBackground#d37fac
- statusBarItem.prominentHoverBackground#d37fac
- tab.activeBackground#212121
- tab.activeForeground#f5e93d
- tab.border#212121
- tab.hoverBackground#333333
- tab.inactiveBackground#171717
- tab.inactiveForeground#404040
- tab.unfocusedActiveForeground#e6e6e6
- tab.unfocusedHoverBackground#212121
- tab.unfocusedInactiveForeground#e6e6e6
- terminal.ansiBlack#e6e6e6
- terminal.ansiBlue#0076a9
- terminal.ansiBrightBlack#e6e6e6
- terminal.ansiBrightBlue#0076a9
- terminal.ansiBrightCyan#5FB3B3
- terminal.ansiBrightGreen#4ebd8f
- terminal.ansiBrightMagenta#d37fac
- terminal.ansiBrightRed#dd656d
- terminal.ansiBrightWhite#e6e6e6
- terminal.ansiBrightYellow#d9df34
- terminal.ansiCyan#5FB3B3
- terminal.ansiGreen#4ebd8f
- terminal.ansiMagenta#d37fac
- terminal.ansiRed#dd656d
- terminal.ansiWhite#e6e6e6
- terminal.ansiYellow#d9df34
- terminal.border#191919
- titleBar.activeBackground#191919
- titleBar.activeForeground#e6e6e6
- titleBar.border#191919
- titleBar.inactiveBackground#191919
- titleBar.inactiveForeground#e6e6e6
- walkThrough.embeddedEditorBackground#191919
- welcomePage.background#171717
- welcomePage.buttonBackground#191919
- welcomePage.buttonHoverBackground#d37fac50
- widget.shadow#d65c5c26
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #e6e6e6 | — |
| comment, punctuation.definition.comment | #474C52 | italic |
| variable, string constant.other.placeholder | #EEFFFF | — |
| constant.other.color | #e6e6e6 | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #C792EA | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #e6e6e6 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #d37fac | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #4ebd8f | — |
| meta.block variable.other | #dd656d | — |
| support.other.variable, string.other.link | #dd656d | — |
| constant.language, support.constant, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #4ebd8f | — |
| constant.numeric | #4ebd8f | — |
| constant.character | #bd7d4e | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #4e97bd | normal |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #d9df34 | — |
| punctuation.section.embedded.begin.php, meta.embedded.line.php | #bd7d4e | — |
| support.type | #B2CCD6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #0076a9 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #0076a9 | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #0076a9 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, entity.other.attribute-name | #d9df34 | italic |
| entity.other.attribute-name.class | #d9df34 | — |
| keyword.other.important.css | #dd656d | — |
| source.sass keyword.control | #d9df34 | — |
| markup.inserted | #4ebd8f | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | #d9df34 | bold |
| string.quoted.double.html, meta.attribute.href.html, meta.tag.inline.a.start.html | #0076a9 | bold |
| source.css, meta.embedded.line.css, meta.attribute.style.html, meta.tag.structure.td.start.html | #bd7d4e | — |
| string.other.link | #dd464c | — |
| meta.link | #d9df34 | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #0076a9 | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #d9df34 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #bd7d4e | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FF5370 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C17E70 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #0076a9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #dd656d | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #4ebd8f | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| text.html.markdown meta.dummy.line-break | #e6e6e6 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #4ebd8f | — |
| markup.italic | #dd656d | italic |
| markup.bold, markup.bold string | #dd656d | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #dd656d | bold |
| markup.underline | #bd7d4e | underline |
| markup.strike | #101010 | strike |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | #e6e6e6 | italic |
| string.other.link.title.markdown | #0076a9 | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #d9df34 | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...