SollyBunny Void
Publisher: SollyBunnyThemes in package: 2
An actual #000000 black theme
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.
- activityBar.background#000000
- activityBar.dropBackground#77777766
- activityBar.foreground#ffffff
- activityBarBadge.background#343434
- activityBarBadge.foreground#f3f3f3
- badge.background#343434
- badge.foreground#f3f3f3
- breadcrumb.activeSelectionForeground#777777
- breadcrumb.background#000000
- breadcrumb.focusForeground#777777CC
- breadcrumb.foreground#b2b2b2
- button.background#00000066
- button.foreground#f3f3f3
- button.hoverBackground#00000099
- debugToolBar.background#010101
- descriptionForeground#b2b2b2
- dropdown.background#000000
- dropdown.border#000000
- dropdown.foreground#f3f3f3
- editor.background#000000
- editor.findMatchBackground#fff27a66
- editor.findMatchHighlightBackground#fff27a44
- editor.foreground#f3f3f3
- editor.hoverHighlightBackground#000000
- editor.inactiveSelectionBackground#77777744
- editor.lineHighlightBackground#000000
- editor.rangeHighlightBackground#000000
- editor.selectionBackground#a0a0a07c
- editor.selectionHighlightBackground#77777744
- editor.wordHighlightBackground#fff27a44
- editor.wordHighlightStrongBackground#7ad3ff44
- editorBracketMatch.background#7ad3ff44
- editorBracketMatch.border#0000
- editorCodeLens.foreground#777777CC
- editorCursor.foreground#777777
- editorError.foreground#ff7a7a
- editorGroup.border#ffffff
- editorGroup.dropBackground#77777766
- editorGroup.emptyBackground#000000
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#0000
- editorGutter.addedBackground#7affa7CC
- editorGutter.background#000000
- editorGutter.deletedBackground#ff7a7aCC
- editorGutter.modifiedBackground#ffffff
- editorHint.foreground#777777
- editorHoverWidget.background#000000
- editorHoverWidget.border#f3f3f322
- editorHoverWidget.statusBarBackground#000000
- editorIndentGuide.activeBackground#ffffff
- editorIndentGuide.background#f3f3f322
- editorInfo.foreground#777777
- editorLineNumber.activeForeground#f3f3f3
- editorLineNumber.foreground#a0a0a0
- editorLink.activeForeground#777777CC
- editorOverviewRuler.addedForeground#7affa7CC
- editorOverviewRuler.border#ffffff
- editorOverviewRuler.bracketMatchForeground#7ad3ff44
- editorOverviewRuler.deletedForeground#ff7a7aCC
- editorOverviewRuler.errorForeground#ff7a7aCC
- editorOverviewRuler.findMatchForeground#7affa7
- editorOverviewRuler.infoForeground#ffffff
- editorOverviewRuler.modifiedForeground#ffffff
- editorOverviewRuler.selectionHighlightForeground#77777744
- editorOverviewRuler.warningForeground#ffb67aCC
- editorRuler.foreground#ffffff
- editorSuggestWidget.background#010101
- editorSuggestWidget.border#ffffff
- editorSuggestWidget.foreground#b2b2b2
- editorSuggestWidget.highlightForeground#f3f3f3
- editorSuggestWidget.selectedBackground#77777766
- editorUnnecessaryCode.border#ffffff
- editorUnnecessaryCode.opacity#00000088
- editorWarning.foreground#ffb67a
- editorWhitespace.foreground#ffffffb2
- editorWidget.background#010101
- editorWidget.border#ffffff
- editorWidget.foreground#f3f3f3
- editorWidget.resizeBorder#ffffff
- errorForeground#ff7a7a
- extensionButton.prominentBackground#00000066
- extensionButton.prominentForeground#f3f3f3
- extensionButton.prominentHoverBackground#00000099
- focusBorder#ffffff
- foreground#f3f3f3
- gitDecoration.addedResourceForeground#7affa7
- gitDecoration.conflictingResourceForeground#777777
- gitDecoration.deletedResourceForeground#ff7a7a
- gitDecoration.ignoredResourceForeground#777777
- gitDecoration.modifiedResourceForeground#777777
- gitDecoration.untrackedResourceForeground#ffb67a
- icon.foreground#f3f3f3
- input.background#000000
- input.border#0000
- input.foreground#f3f3f3
- input.placeholderForeground#a0a0a0
- inputOption.activeBackground#00000066
- inputOption.activeBorder#0000
- inputValidation.errorBackground#ff7a7a
- inputValidation.errorBorder#ff7a7aCC
- inputValidation.errorForeground#777777
- inputValidation.infoBackground#777777
- inputValidation.infoBorder#ffffff
- inputValidation.infoForeground#777777
- inputValidation.warningBackground#ffb67a
- inputValidation.warningBorder#ffb67aCC
- inputValidation.warningForeground#777777
- list.activeSelectionBackground#77777766
- list.activeSelectionForeground#f3f3f3
- list.dropBackground#77777766
- list.errorForeground#ff7a7a
- list.focusBackground#77777766
- list.focusForeground#f3f3f3
- list.highlightForeground#f3f3f3
- list.hoverBackground#77777744
- list.hoverForeground#f3f3f3
- list.inactiveSelectionBackground#77777744
- list.inactiveSelectionForeground#f3f3f3
- list.invalidItemForeground#ff7a7a
- list.warningForeground#ffb67a
- listFilterWidget.background#000000
- listFilterWidget.noMatchesOutline#ff7a7aCC
- listFilterWidget.outline#ffffff
- minimap.findMatchHighlight#fff27a66
- minimap.selectionHighlight#a0a0a07c
- panel.background#000000
- panel.border#f3f3f322
- panel.dropBackground#77777766
- panelTitle.activeBorder#ffffff
- panelTitle.activeForeground#f3f3f3
- panelTitle.inactiveForeground#b2b2b2
- peekView.border#ffffff
- peekViewEditor.background#000000
- peekViewEditor.matchHighlightBackground#010101
- peekViewResult.background#000000
- peekViewResult.fileForeground#777777
- peekViewResult.lineForeground#f3f3f3
- peekViewResult.matchHighlightBackground#fff27a44
- peekViewResult.selectionBackground#fff27a66
- peekViewTitle.background#000000
- peekViewTitleDescription.foreground#f3f3f3
- peekViewTitleLabel.foreground#a0a0a0
- pickerGroup.border#ffffff
- pickerGroup.foreground#a0a0a0
- progressBar.background#777777
- quickInput.background#010101
- quickInput.foreground#f3f3f3
- selection.background#a0a0a07c
- settings.dropdownBackground#000000
- settings.dropdownForeground#f3f3f3
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#ffffff
- settings.textInputBackground#000000
- settings.textInputForeground#f3f3f3
- sideBar.background#000000
- sideBar.dropBackground#a0a0a07c
- sideBar.foreground#b2b2b2
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#f3f3f322
- sideBarSectionHeader.foreground#a0a0a0
- sideBarTitle.foreground#f3f3f3
- statusBar.background#010101
- statusBar.border#0000
- statusBar.debuggingBackground#000000
- statusBar.debuggingBorder#0000
- statusBar.debuggingForeground#f3f3f3
- statusBar.foreground#f3f3f3
- statusBar.noFolderBackground#000000
- statusBar.noFolderBorder#0000
- statusBar.noFolderForeground#f3f3f3
- statusBarItem.activeBackground#77777766
- statusBarItem.hoverBackground#77777744
- statusBarItem.prominentBackground#343434
- statusBarItem.prominentForeground#f3f3f3
- statusBarItem.remoteBackground#00000066
- statusBarItem.remoteForeground#f3f3f3
- tab.activeBackground#000000
- tab.activeForeground#f3f3f3
- tab.border#0000
- tab.inactiveBackground#000000
- tab.inactiveForeground#a0a0a0
- tab.unfocusedActiveForeground#b2b2b2
- tab.unfocusedHoverBorder#ffffff
- tab.unfocusedInactiveForeground#a0a0a0
- terminal.ansiBlack#777777
- terminal.ansiBlue#b8e7ff
- terminal.ansiBrightBlack#777777
- terminal.ansiBrightBlue#7ad3ff
- terminal.ansiBrightCyan#75faf7
- terminal.ansiBrightGreen#7affa7
- terminal.ansiBrightMagenta#ff7ab2
- terminal.ansiBrightRed#ff7a7a
- terminal.ansiBrightWhite#b2b2b2
- terminal.ansiBrightYellow#fff27a
- terminal.ansiCyan#b3feff
- terminal.ansiGreen#b8ffcf
- terminal.ansiMagenta#ffb8d5
- terminal.ansiRed#ffb8b8
- terminal.ansiWhite#f3f3f3
- terminal.ansiYellow#fff8b8
- terminal.selectionBackground#77777766
- terminalCursor.background#a0a0a07c
- terminalCursor.foreground#a0a0a07c
- textBlockQuote.background#000000
- textBlockQuote.border#ffffff
- textCodeBlock.background#000000
- textLink.activeForeground#777777
- textLink.foreground#777777CC
- textPreformat.foreground#777777
- titleBar.activeBackground#010101
- titleBar.activeForeground#f3f3f3
- titleBar.border#0000
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#b2b2b2
- widget.shadow#0000
- window.activeBorder#0000
- window.inactiveBorder#0000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable.other.readwrite.alias | #75faf7 | — |
| punctuation.separator | #f3f3f3 | — |
| punctuation.definition.template-expression | #ff7a7a | — |
| punctuation.definition.parameters | #f3f3f3 | — |
| markup.underline.link | #75faf7 | — |
| keyword | #d2b8ff | — |
| markup.italic | #7ad3ff | italic |
| variable.language.this | #fff8b8 | — |
| constant.numeric | #ff7ab2 | — |
| support.constant.color | #7ad3ff | — |
| constant.language.dart | #75faf7 | — |
| string.key | #ff7ab2 | — |
| comment | #a0a0a0 | — |
| keyword.control | #d2b8ff | — |
| constant.language.import-export-all | #7ad3ff | — |
| meta.brace.square | #f3f3f3 | — |
| meta.tag.attributes | #ff7ab2 | — |
| markup.bold | #ab7aff | bold |
| keyword.control.flow | #d2b8ff | — |
| support.function | #d2b8ff | — |
| entity.name.tag.reference | #d2b8ff | — |
| constant.language.symbol | #ff7ab2 | — |
| invalid | #ff7a7a | bold underline |
| comment.block.documentation | #b2b2b2 | — |
| markup.heading | #f3f3f3 | bold |
| support.class.component | #ffb67a | — |
| markup.fenced_code | #f3f3f3 | — |
| meta.class | #ffb67a | — |
| meta.brace.round | #f3f3f3 | — |
| support.type.vendored | #ffb67a | — |
| punctuation.definition.typeparameters | #f3f3f3 | — |
| constant.language.undefined | #ff7a7a | — |
| comment.line | #a0a0a0 | italic |
| variable.other | #75faf7 | — |
| keyword.control.import | #d2b8ff | italic |
| entity.name.tag.yaml | #ffb67a | — |
| entity.name.tag | #ff7a7a | — |
| punctuation.accessor | #f3f3f3 | — |
| storage | #d2b8ff | — |
| meta.object | #ff7ab2 | — |
| punctuation.definition.block | #f3f3f3 | — |
| keyword.operator | #f3f3f3 | — |
| markup.quote | #b2b2b2 | italic |
| meta.property-value.css | #b8ffcf | — |
| support.constant.font-name | #7ad3ff | — |
| meta.type.parameters | #fff27a | — |
| variable.other.constant | #75faf7 | — |
| support.class | #ffb67a | — |
| punctuation.definition.heading | #ffb67a | — |
| keyword.other.unit | #ff7ab2 | — |
| meta.jsx.children | #f3f3f3 | — |
| constant.language.null | #ff7a7a | — |
| constant.language.boolean.true | #7affa7 | underline bold |
| keyword.operator.logical | #f3f3f3 | — |
| entity.other.attribute-name | #7ad3ff | — |
| punctuation.definition.dictionary | #f3f3f3 | — |
| support.type.property-name | #75faf7 | — |
| variable | #75faf7 | — |
| punctuation.section | #b2b2b2 | — |
| meta.property-name.css | #b8ffcf | — |
| meta.selector | #b8ffcf | — |
| comment.single | #a0a0a0 | — |
| entity.name.type.module | #ffb67a | — |
| string | #7affa7 | — |
| support.type.property-name.css | #f3f3f3 | — |
| punctuation.definition.tag | #f3f3f3 | — |
| punctuation.terminator | #a0a0a0 | — |
| meta.var.expr | #d2b8ff | — |
| punctuation.definition.string | #7affa7 | — |
| entity.name.function | #7ad3ff | — |
| keyword.control.from | #d2b8ff | italic |
| variable.language.super | #b8ffcf | italic |
| punctuation.definition.array | #f3f3f3 | — |
| support.constant.property-value | #7ad3ff | — |
| punctuation.definition.list | #ff7a7a | — |
| entity.other.attribute-name.id | #ffb67a | — |
| entity.other.attribute-name.class | #fff27a | — |
| meta.structure.dictionary | #ab7aff | — |
| constant.language.boolean.false | #ff7a7a | underline bold |