Void Protocol OLED
Publisher: Sanket MukherjeeThemes in package: 1
A pure-black OLED theme with purple energy accents on active elements only. Every idle surface is #000000; purple marks what's alive.
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.activeBackground#7C3AED0F
- activityBar.activeBorder#A855F7
- activityBar.background#000000
- activityBar.border#1C0033
- activityBar.dropBorder#7C3AED
- activityBar.foreground#7C3AED
- activityBar.inactiveForeground#3A2255
- activityBarBadge.background#7C3AED
- activityBarBadge.foreground#F5F0FF
- badge.background#7C3AED
- badge.foreground#F5F0FF
- banner.background#000000
- banner.foreground#D8CFE8
- banner.iconForeground#7C3AED
- breadcrumb.activeSelectionForeground#C084FC
- breadcrumb.background#000000
- breadcrumb.focusForeground#F5F0FF
- breadcrumb.foreground#6B5B82
- breadcrumbPicker.background#000000
- button.background#7C3AED
- button.border#00000000
- button.foreground#F5F0FF
- button.hoverBackground#8B4CF0
- button.secondaryBackground#14001F
- button.secondaryForeground#D8CFE8
- button.secondaryHoverBackground#1C0033
- charts.blue#22D3EE
- charts.foreground#D8CFE8
- charts.green#34D399
- charts.lines#7C3AED
- charts.purple#A855F7
- charts.red#F87171
- charts.yellow#FB923C
- checkbox.background#000000
- checkbox.border#3A2255
- checkbox.foreground#7C3AED
- checkbox.selectBackground#000000
- checkbox.selectBorder#7C3AED
- commandCenter.activeBackground#14001F
- commandCenter.activeForeground#F5F0FF
- commandCenter.background#000000
- commandCenter.border#1C0033
- commandCenter.foreground#D8CFE8
- commandCenter.inactiveForeground#6B5B82
- debugConsole.errorForeground#F87171
- debugConsole.infoForeground#22D3EE
- debugConsole.sourceForeground#8B7A9E
- debugConsole.warningForeground#FB923C
- debugConsoleInputIcon.foreground#A855F7
- debugIcon.breakpointDisabledForeground#3A2255
- debugIcon.breakpointForeground#F87171
- debugIcon.continueForeground#22D3EE
- debugIcon.pauseForeground#FB923C
- debugIcon.restartForeground#34D399
- debugIcon.startForeground#34D399
- debugIcon.stepIntoForeground#22D3EE
- debugIcon.stepOutForeground#22D3EE
- debugIcon.stepOverForeground#22D3EE
- debugIcon.stopForeground#F87171
- debugTokenExpression.boolean#F472B6
- debugTokenExpression.error#F87171
- debugTokenExpression.name#D8CFE8
- debugTokenExpression.number#FB923C
- debugTokenExpression.string#34D399
- debugTokenExpression.value#22D3EE
- debugToolBar.background#000000
- debugToolBar.border#1C0033
- debugView.stateLabelBackground#14001F
- debugView.valueChangedHighlight#7C3AED
- descriptionForeground#8B7A9E
- diffEditor.border#1C0033
- diffEditor.diagonalFill#1C0033
- diffEditor.insertedLineBackground#34D3991A
- diffEditor.insertedTextBackground#34D39926
- diffEditor.removedLineBackground#F871711A
- diffEditor.removedTextBackground#F8717126
- diffEditor.unchangedCodeBackground#000000
- diffEditor.unchangedRegionBackground#000000
- diffEditor.unchangedRegionForeground#3A2255
- diffEditorGutter.insertedLineBackground#34D39926
- diffEditorGutter.removedLineBackground#F8717126
- diffEditorOverview.insertedForeground#34D399
- diffEditorOverview.removedForeground#F87171
- disabledForeground#3A2255
- dropdown.background#000000
- dropdown.border#1C0033
- dropdown.foreground#D8CFE8
- dropdown.listBackground#000000
- editor.background#000000
- editor.findMatchBackground#5B21B6
- editor.findMatchHighlightBackground#5B21B680
- editor.findRangeHighlightBackground#5B21B633
- editor.foreground#D8CFE8
- editor.hoverHighlightBackground#7C3AED26
- editor.inactiveSelectionBackground#A855F726
- editor.lineHighlightBackground#7C3AED1A
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#7C3AED1A
- editor.selectionBackground#A855F759
- editor.selectionHighlightBackground#A855F733
- editor.wordHighlightBackground#7C3AED26
- editor.wordHighlightStrongBackground#7C3AED40
- editorBracketHighlight.foreground1#A855F7
- editorBracketHighlight.foreground2#22D3EE
- editorBracketHighlight.foreground3#F472B6
- editorBracketHighlight.foreground4#A855F7
- editorBracketHighlight.foreground5#22D3EE
- editorBracketHighlight.foreground6#F472B6
- editorBracketHighlight.unexpectedBracket.foreground#F87171
- editorBracketMatch.background#7C3AED26
- editorBracketMatch.border#A855F7
- editorBracketPairGuide.activeBackground1#A855F7
- editorBracketPairGuide.activeBackground2#22D3EE
- editorBracketPairGuide.activeBackground3#F472B6
- editorBracketPairGuide.background1#A855F733
- editorBracketPairGuide.background2#22D3EE33
- editorBracketPairGuide.background3#F472B633
- editorCodeLens.foreground#3A2255
- editorCursor.background#000000
- editorCursor.foreground#C084FC
- editorError.foreground#F87171
- editorGhostText.foreground#3A2255
- editorGroup.border#1C0033
- editorGroup.dropBackground#7C3AED26
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#1C0033
- editorGutter.addedBackground#34D399
- editorGutter.background#000000
- editorGutter.deletedBackground#F87171
- editorGutter.modifiedBackground#FB923C
- editorHint.foreground#22D3EE80
- editorHoverWidget.background#000000
- editorHoverWidget.border#1C0033
- editorHoverWidget.foreground#D8CFE8
- editorHoverWidget.highlightForeground#C084FC
- editorHoverWidget.statusBarBackground#14001F
- editorIndentGuide.activeBackground1#7C3AED
- editorIndentGuide.background1#1C0033
- editorInfo.foreground#22D3EE
- editorLightBulb.foreground#C084FC
- editorLightBulbAutoFix.foreground#22D3EE
- editorLineNumber.activeForeground#C084FC
- editorLineNumber.foreground#3A2255
- editorLink.activeForeground#C084FC
- editorMarkerNavigation.background#000000
- editorMarkerNavigationError.background#F87171
- editorMarkerNavigationInfo.background#22D3EE
- editorMarkerNavigationWarning.background#FB923C
- editorOverviewRuler.addedForeground#34D399
- editorOverviewRuler.border#1C0033
- editorOverviewRuler.deletedForeground#F87171
- editorOverviewRuler.errorForeground#F87171
- editorOverviewRuler.findMatchForeground#A855F7
- editorOverviewRuler.infoForeground#22D3EE
- editorOverviewRuler.modifiedForeground#FB923C
- editorOverviewRuler.warningForeground#FB923C
- editorPane.background#000000
- editorRuler.foreground#1C0033
- editorStickyScroll.background#000000
- editorStickyScrollGutter.background#000000
- editorStickyScrollHover.background#14001F
- editorSuggestWidget.background#000000
- editorSuggestWidget.border#1C0033
- editorSuggestWidget.focusHighlightForeground#22D3EE
- editorSuggestWidget.foreground#D8CFE8
- editorSuggestWidget.highlightForeground#C084FC
- editorSuggestWidget.selectedBackground#7C3AED26
- editorSuggestWidget.selectedForeground#F5F0FF
- editorWarning.foreground#FB923C
- editorWhitespace.foreground#1C0033
- editorWidget.background#000000
- editorWidget.border#1C0033
- editorWidget.foreground#D8CFE8
- editorWidget.resizeBorder#7C3AED
- errorForeground#F87171
- extensionBadge.remoteBackground#7C3AED
- extensionBadge.remoteForeground#F5F0FF
- extensionButton.prominentBackground#7C3AED
- extensionButton.prominentForeground#F5F0FF
- extensionButton.prominentHoverBackground#8B4CF0
- extensionIcon.starForeground#FB923C
- extensionIcon.verifiedForeground#22D3EE
- focusBorder#7C3AED
- foreground#D8CFE8
- gitDecoration.addedResourceForeground#34D399
- gitDecoration.conflictingResourceForeground#F472B6
- gitDecoration.deletedResourceForeground#F87171
- gitDecoration.ignoredResourceForeground#3A2255
- gitDecoration.modifiedResourceForeground#FB923C
- gitDecoration.stageDeletedResourceForeground#F87171
- gitDecoration.stageModifiedResourceForeground#FB923C
- gitDecoration.submoduleResourceForeground#22D3EE
- gitDecoration.untrackedResourceForeground#34D399
- icon.foreground#7C3AED
- input.background#000000
- input.border#1C0033
- input.foreground#D8CFE8
- input.placeholderForeground#3A2255
- inputOption.activeBackground#7C3AED26
- inputOption.activeBorder#7C3AED
- inputOption.activeForeground#F5F0FF
- inputOption.hoverBackground#14001F
- inputValidation.errorBackground#000000
- inputValidation.errorBorder#F87171
- inputValidation.errorForeground#D8CFE8
- inputValidation.infoBackground#000000
- inputValidation.infoBorder#22D3EE
- inputValidation.warningBackground#000000
- inputValidation.warningBorder#FB923C
- keybindingLabel.background#14001F
- keybindingLabel.border#1C0033
- keybindingLabel.bottomBorder#1C0033
- keybindingLabel.foreground#D8CFE8
- list.activeSelectionBackground#7C3AED2E
- list.activeSelectionForeground#F5F0FF
- list.deemphasizedForeground#3A2255
- list.dropBackground#7C3AED33
- list.errorForeground#F87171
- list.focusBackground#7C3AED2E
- list.focusForeground#F5F0FF
- list.focusOutline#A855F7
- list.highlightForeground#C084FC
- list.hoverBackground#14001F
- list.hoverForeground#F5F0FF
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#7C3AED1A
- list.inactiveSelectionForeground#D8CFE8
- list.warningForeground#FB923C
- listFilterWidget.background#000000
- listFilterWidget.noMatchesOutline#F87171
- listFilterWidget.outline#7C3AED
- menu.background#000000
- menu.border#1C0033
- menu.foreground#D8CFE8
- menu.selectionBackground#7C3AED2E
- menu.selectionBorder#00000000
- menu.selectionForeground#F5F0FF
- menu.separatorBackground#1C0033
- menubar.selectionBackground#7C3AED26
- menubar.selectionBorder#00000000
- menubar.selectionForeground#F5F0FF
- minimap.background#000000
- minimap.errorHighlight#F87171
- minimap.findMatchHighlight#5B21B6
- minimap.selectionHighlight#A855F759
- minimap.selectionOccurrenceHighlight#7C3AED40
- minimap.warningHighlight#FB923C
- minimapGutter.addedBackground#34D399
- minimapGutter.deletedBackground#F87171
- minimapGutter.modifiedBackground#FB923C
- minimapSlider.activeBackground#7C3AED4D
- minimapSlider.background#7C3AED1A
- minimapSlider.hoverBackground#7C3AED33
- notificationCenter.border#1C0033
- notificationCenterHeader.background#000000
- notificationCenterHeader.foreground#D8CFE8
- notificationLink.foreground#C084FC
- notifications.background#000000
- notifications.border#1C0033
- notifications.foreground#D8CFE8
- notificationsErrorIcon.foreground#F87171
- notificationsInfoIcon.foreground#22D3EE
- notificationsWarningIcon.foreground#FB923C
- notificationToast.border#1C0033
- panel.background#000000
- panel.border#1C0033
- panel.dropBorder#7C3AED
- panelInput.border#1C0033
- panelSection.border#1C0033
- panelSectionHeader.background#000000
- panelTitle.activeBorder#A855F7
- panelTitle.activeForeground#F5F0FF
- panelTitle.inactiveForeground#3A2255
- peekView.border#7C3AED
- peekViewEditor.background#000000
- peekViewEditor.matchHighlightBackground#5B21B680
- peekViewEditorGutter.background#000000
- peekViewResult.background#000000
- peekViewResult.fileForeground#D8CFE8
- peekViewResult.lineForeground#8B7A9E
- peekViewResult.matchHighlightBackground#5B21B680
- peekViewResult.selectionBackground#7C3AED2E
- peekViewResult.selectionForeground#F5F0FF
- peekViewTitle.background#000000
- peekViewTitleDescription.foreground#8B7A9E
- peekViewTitleLabel.foreground#D8CFE8
- pickerGroup.border#1C0033
- pickerGroup.foreground#C084FC
- ports.iconRunningProcessForeground#34D399
- progressBar.background#7C3AED
- quickInput.background#000000
- quickInput.foreground#D8CFE8
- quickInputList.focusBackground#7C3AED2E
- quickInputTitle.background#000000
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#7C3AED66
- scrollbarSlider.background#7C3AED26
- scrollbarSlider.hoverBackground#7C3AED40
- selection.background#A855F759
- settings.checkboxBackground#000000
- settings.checkboxBorder#3A2255
- settings.dropdownBackground#000000
- settings.dropdownBorder#1C0033
- settings.focusedRowBackground#7C3AED0F
- settings.focusedRowBorder#7C3AED
- settings.headerForeground#F5F0FF
- settings.modifiedItemIndicator#7C3AED
- settings.numberInputBackground#000000
- settings.numberInputBorder#1C0033
- settings.rowHoverBackground#14001F
- settings.sashBorder#1C0033
- settings.textInputBackground#000000
- settings.textInputBorder#1C0033
- sideBar.background#000000
- sideBar.border#1C0033
- sideBar.foreground#B3A6C6
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#1C0033
- sideBarSectionHeader.foreground#D8CFE8
- sideBarTitle.foreground#D8CFE8
- sideBySideEditor.horizontalBorder#1C0033
- sideBySideEditor.verticalBorder#1C0033
- statusBar.background#000000
- statusBar.border#1C0033
- statusBar.debuggingBackground#000000
- statusBar.debuggingBorder#FB923C
- statusBar.debuggingForeground#C084FC
- statusBar.foreground#A855F7
- statusBar.noFolderBackground#000000
- statusBar.noFolderBorder#1C0033
- statusBar.noFolderForeground#A855F7
- statusBarItem.activeBackground#7C3AED33
- statusBarItem.errorBackground#000000
- statusBarItem.errorForeground#F87171
- statusBarItem.focusBorder#7C3AED
- statusBarItem.hoverBackground#14001F
- statusBarItem.prominentBackground#000000
- statusBarItem.prominentForeground#C084FC
- statusBarItem.prominentHoverBackground#14001F
- statusBarItem.remoteBackground#000000
- statusBarItem.remoteForeground#C084FC
- statusBarItem.warningBackground#000000
- statusBarItem.warningForeground#FB923C
- symbolIcon.classForeground#F472B6
- symbolIcon.constantForeground#FB923C
- symbolIcon.enumeratorForeground#F472B6
- symbolIcon.fieldForeground#D8CFE8
- symbolIcon.functionForeground#22D3EE
- symbolIcon.interfaceForeground#F472B6
- symbolIcon.keywordForeground#A855F7
- symbolIcon.methodForeground#22D3EE
- symbolIcon.moduleForeground#A855F7
- symbolIcon.namespaceForeground#A855F7
- symbolIcon.numberForeground#FB923C
- symbolIcon.operatorForeground#8B5CF6
- symbolIcon.propertyForeground#D8CFE8
- symbolIcon.stringForeground#34D399
- symbolIcon.variableForeground#D8CFE8
- tab.activeBackground#7C3AED14
- tab.activeBorder#00000000
- tab.activeBorderTop#A855F7
- tab.activeForeground#F5F0FF
- tab.activeModifiedBorder#FB923C
- tab.border#1C0033
- tab.hoverBackground#14001F
- tab.hoverBorder#00000000
- tab.inactiveBackground#000000
- tab.inactiveForeground#6B5B82
- tab.inactiveModifiedBorder#FB923C4D
- tab.lastPinnedBorder#1C0033
- tab.unfocusedActiveBorderTop#A855F780
- tab.unfocusedActiveForeground#D8CFE8
- tab.unfocusedActiveModifiedBorder#FB923C80
- tab.unfocusedInactiveForeground#3A2255
- terminal.ansiBlack#000000
- terminal.ansiBlue#22D3EE
- terminal.ansiBrightBlack#3A2255
- terminal.ansiBrightBlue#67E8F9
- terminal.ansiBrightCyan#67E8F9
- terminal.ansiBrightGreen#6EE7B7
- terminal.ansiBrightMagenta#C084FC
- terminal.ansiBrightRed#FCA5A5
- terminal.ansiBrightWhite#F5F0FF
- terminal.ansiBrightYellow#FDBA74
- terminal.ansiCyan#22D3EE
- terminal.ansiGreen#34D399
- terminal.ansiMagenta#A855F7
- terminal.ansiRed#F87171
- terminal.ansiWhite#D8CFE8
- terminal.ansiYellow#FB923C
- terminal.background#000000
- terminal.border#1C0033
- terminal.dropBackground#7C3AED33
- terminal.foreground#D8CFE8
- terminal.inactiveSelectionBackground#A855F733
- terminal.selectionBackground#A855F759
- terminal.tab.activeBorder#A855F7
- terminalCursor.background#000000
- terminalCursor.foreground#C084FC
- terminalStickyScroll.background#000000
- terminalStickyScrollHover.background#14001F
- titleBar.activeBackground#000000
- titleBar.activeForeground#D8CFE8
- titleBar.border#1C0033
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#3A2255
- tree.inactiveIndentGuidesStroke#1C0033
- tree.indentGuidesStroke#1C0033
- tree.tableColumnsBorder#1C0033
- walkThrough.embeddedEditorBackground#000000
- welcomePage.background#000000
- welcomePage.tileBackground#000000
- welcomePage.tileBorder#1C0033
- welcomePage.tileHoverBackground#14001F
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4A2A6A | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, storage, storage.type, storage.modifier | #A855F7 | bold italic |
| entity.name.function, support.function, meta.function-call, meta.function-call.generic, variable.function | #22D3EE | bold italic |
| string, string.quoted, string.template, punctuation.definition.string | #34D399 | — |
| constant.numeric, constant.language, constant.character, constant.other, variable.other.constant | #FB923C | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.decorator, punctuation.decorator, storage.type.annotation | #F472B6 | — |
| variable, variable.parameter, variable.other, variable.other.readwrite, meta.parameter | #D8CFE8 | — |
| keyword.operator, punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor | #8B5CF6 | — |
| variable.other.property, variable.other.object.property, support.type.property-name | #D8CFE8 | — |
| entity.name.tag, support.class.component | #A855F7 | — |
| entity.other.attribute-name | #FB923C | — |
| entity.name.namespace, entity.name.module | #A855F7 | italic |
| string.regexp | #22D3EE | — |
| constant.character.escape | #F472B6 | — |
| invalid, invalid.deprecated | #F87171 | — |
| markup.heading | #F472B6 | bold |
| markup.bold | #FB923C | bold |
| markup.italic | #22D3EE | italic |
| markup.underline.link, string.other.link | #C084FC | — |