Neon Contagion — Themes & Icons
Publisher: ToxicEpochThemes in package: 50
50 luminous cyberpunk themes, 50 coordinated original file icon packs, and a developer workspace with reversible paired previews.
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.activeBackground#BB71FF22
- activityBar.activeBorder#BB71FF
- activityBar.background#08213D
- activityBar.border#BB71FF66
- activityBar.foreground#BB71FF
- activityBar.inactiveForeground#C4B5D6
- activityBarBadge.background#BB71FF
- activityBarBadge.foreground#170A32
- badge.background#BB71FF
- badge.foreground#170A32
- breadcrumb.background#170A32
- breadcrumb.foreground#C4B5D6
- button.background#BB71FF
- button.foreground#170A32
- button.hoverBackground#C78BFF
- button.secondaryBackground#4A2B32
- button.secondaryForeground#F8F2FF
- button.secondaryHoverBackground#3C146A
- commandCenter.background#28124B
- commandCenter.border#4B712D
- commandCenter.foreground#F8F2FF
- debugConsole.errorForeground#FA6390
- debugConsole.infoForeground#47CFFF
- debugConsole.warningForeground#FFCB05
- descriptionForeground#C4B5D6
- diffEditor.insertedLineBackground#4BFF6A0D
- diffEditor.insertedTextBackground#4BFF6A21
- diffEditor.removedLineBackground#FA63900D
- diffEditor.removedTextBackground#FA639021
- disabledForeground#C4B5D6
- dropdown.background#28124B
- dropdown.border#4B712D
- dropdown.foreground#F8F2FF
- editor.background#170A32
- editor.findMatchBackground#4F2E32
- editor.findMatchBorder#BB71FF
- editor.findMatchForeground#F8F2FF
- editor.findMatchHighlightBackground#21222D
- editor.findMatchHighlightBorder#7FFF0099
- editor.foreground#F8F2FF
- editor.inactiveSelectionBackground#BB71FF28
- editor.lineHighlightBackground#200C40
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#4A2B32
- editor.selectionForeground#F8F2FF
- editor.selectionHighlightBackground#BB71FF28
- editor.selectionHighlightBorder#7FFF0077
- editor.wordHighlightBackground#BB71FF28
- editor.wordHighlightStrongBackground#BB71FF28
- editorBracketHighlight.foreground1#BB71FF
- editorBracketHighlight.foreground2#36CDFF
- editorBracketHighlight.foreground3#7FFF00
- editorBracketHighlight.foreground4#FFA130
- editorBracketHighlight.foreground5#7FFF00
- editorBracketHighlight.foreground6#F8F2FF
- editorCodeLens.foreground#C4B5D6
- editorCursor.foreground#36CDFF
- editorError.foreground#FA6390
- editorGhostText.background#00000000
- editorGhostText.foreground#C4B5D6
- editorGroup.border#4B712D
- editorGroupHeader.tabsBackground#3C146A
- editorGutter.addedBackground#4BFF6A
- editorGutter.deletedBackground#FA6390
- editorGutter.foldingControlForeground#C4B5D6
- editorGutter.modifiedBackground#47CFFF
- editorHint.foreground#C4B5D6
- editorHoverWidget.background#28124B
- editorHoverWidget.border#4B712D
- editorHoverWidget.foreground#F8F2FF
- editorIndentGuide.activeBackground1#BB71FF66
- editorIndentGuide.background1#4B712D
- editorInfo.foreground#47CFFF
- editorInlayHint.background#28124B
- editorInlayHint.foreground#C4B5D6
- editorLineNumber.activeForeground#BB71FF
- editorLineNumber.foreground#C4B5D6
- editorLink.activeForeground#BB71FF
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FA6390
- editorOverviewRuler.infoForeground#47CFFF
- editorOverviewRuler.warningForeground#FFCB05
- editorRuler.foreground#4B712D
- editorStickyScroll.background#170A32
- editorStickyScrollHover.background#28124B
- editorSuggestWidget.background#28124B
- editorSuggestWidget.border#4B712D
- editorSuggestWidget.foreground#F8F2FF
- editorSuggestWidget.highlightForeground#BB71FF
- editorSuggestWidget.selectedBackground#4A2B32
- editorSuggestWidget.selectedForeground#F8F2FF
- editorUnicodeHighlight.background#FFA13012
- editorUnicodeHighlight.border#FFA130
- editorWarning.foreground#FFCB05
- editorWhitespace.foreground#4B712D
- editorWidget.background#28124B
- editorWidget.border#4B712D
- editorWidget.foreground#F8F2FF
- focusBorder#BB71FF
- foreground#F8F2FF
- gitDecoration.addedResourceForeground#4BFF6A
- gitDecoration.conflictingResourceForeground#FFCB05
- gitDecoration.deletedResourceForeground#FA6390
- gitDecoration.ignoredResourceForeground#C4B5D6
- gitDecoration.modifiedResourceForeground#47CFFF
- gitDecoration.untrackedResourceForeground#4BFF6A
- input.background#28124B
- input.border#4B712D
- input.foreground#F8F2FF
- input.placeholderForeground#C4B5D6
- inputOption.activeBackground#BB71FF28
- inputOption.activeBorder#BB71FF
- inputOption.activeForeground#F8F2FF
- list.activeSelectionBackground#4A2B32
- list.activeSelectionForeground#F8F2FF
- list.focusBackground#4A2B32
- list.focusForeground#F8F2FF
- list.focusHighlightForeground#BB71FF
- list.focusOutline#7FFF00
- list.highlightForeground#BB71FF
- list.hoverBackground#BB71FF14
- list.hoverForeground#F8F2FF
- list.inactiveSelectionBackground#4A2B32
- list.inactiveSelectionForeground#F8F2FF
- menu.background#28124B
- menu.border#4B712D
- menu.foreground#F8F2FF
- merge.currentContentBackground#7FFF0014
- merge.currentHeaderBackground#7FFF0030
- merge.incomingContentBackground#BB71FF14
- merge.incomingHeaderBackground#BB71FF30
- minimap.selectionHighlight#BB71FF77
- notebook.cellBorderColor#4B712D
- notebook.cellEditorBackground#170A32
- notebook.focusedCellBorder#BB71FF
- notebook.selectedCellBackground#4A2B32
- notificationCenterHeader.background#28124B
- notifications.background#28124B
- notifications.border#4B712D
- notifications.foreground#F8F2FF
- panel.background#08213D
- panel.border#BB71FF88
- panelTitle.activeBorder#BB71FF
- panelTitle.activeForeground#BB71FF
- panelTitle.inactiveForeground#C4B5D6
- peekView.border#BB71FF
- peekViewEditor.background#28124B
- peekViewResult.background#28124B
- peekViewResult.fileForeground#F8F2FF
- peekViewResult.lineForeground#F8F2FF
- pickerGroup.foreground#BB71FF
- progressBar.background#BB71FF
- quickInput.background#28124B
- quickInput.foreground#F8F2FF
- quickInputList.focusBackground#4A2B32
- quickInputList.focusForeground#F8F2FF
- scrollbarSlider.activeBackground#BB71FF66
- scrollbarSlider.background#4B712D99
- scrollbarSlider.hoverBackground#C4B5D666
- settings.dropdownBackground#28124B
- settings.modifiedItemIndicator#BB71FF
- sideBar.background#28124B
- sideBar.border#7FFF0088
- sideBar.foreground#F8F2FF
- sideBarSectionHeader.background#28124B
- sideBarSectionHeader.border#4B712D
- sideBarSectionHeader.foreground#BB71FF
- sideBarTitle.foreground#BB71FF
- statusBar.background#BB71FF
- statusBar.border#4B712D
- statusBar.debuggingBackground#BB71FF
- statusBar.debuggingForeground#170A32
- statusBar.foreground#170A32
- statusBar.noFolderBackground#BB71FF
- statusBarItem.errorBackground#FA6390
- statusBarItem.errorForeground#170A32
- statusBarItem.hoverBackground#BB71FF14
- statusBarItem.hoverForeground#170A32
- statusBarItem.prominentBackground#AE69EF
- statusBarItem.prominentForeground#170A32
- statusBarItem.remoteBackground#BB71FF
- statusBarItem.remoteForeground#170A32
- statusBarItem.warningBackground#FFCB05
- statusBarItem.warningForeground#170A32
- tab.activeBackground#170A32
- tab.activeBorder#BB71FF
- tab.activeBorderTop#7FFF00
- tab.activeForeground#7FFF00
- tab.border#4B712D
- tab.hoverBackground#4A2B32
- tab.inactiveBackground#28124B
- tab.inactiveForeground#C4B5D6
- tab.unfocusedActiveBorder#4B712D
- terminal.ansiBlack#C4B5D6
- terminal.ansiBlue#53A3FF
- terminal.ansiBrightBlack#CEC1DE
- terminal.ansiBrightBlue#79B7FF
- terminal.ansiBrightCyan#40FFDA
- terminal.ansiBrightGreen#73FF8B
- terminal.ansiBrightMagenta#F38CEC
- terminal.ansiBrightRed#FB85A8
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFD63C
- terminal.ansiCyan#0AFFCF
- terminal.ansiGreen#4BFF6A
- terminal.ansiMagenta#EF6BE7
- terminal.ansiRed#FA6390
- terminal.ansiWhite#F8F2FF
- terminal.ansiYellow#FFCB05
- terminal.background#08213D
- terminal.foreground#F8F2FF
- terminal.selectionBackground#4A2B32
- terminal.selectionForeground#F8F2FF
- terminalCursor.background#170A32
- terminalCursor.foreground#36CDFF
- testing.iconFailed#FA6390
- testing.iconPassed#4BFF6A
- textBlockQuote.background#28124B
- textBlockQuote.border#BB71FF
- textCodeBlock.background#28124B
- textLink.activeForeground#7FFF00
- textLink.foreground#BB71FF
- titleBar.activeBackground#3C146A
- titleBar.activeForeground#F8F2FF
- titleBar.border#7FFF0088
- titleBar.inactiveBackground#170A32
- titleBar.inactiveForeground#C4B5D6
- toolbar.hoverBackground#BB71FF14
- tree.indentGuidesStroke#4B712D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #C4B5D6 | — |
| keyword, storage | #BB71FF | — |
| keyword.operator | #F8F2FF | — |
| string | #7FFF00 | — |
| constant.numeric, constant.language, constant.character, constant.other | #FFA130 | — |
| entity.name.function, support.function | #36CDFF | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #7FFF00 | — |
| variable, meta.definition.variable | #F8F2FF | — |
| variable.parameter | #F8F2FF | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #7FFF00 | — |
| punctuation | #F8F2FF | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #BB71FF | — |
| constant.character.escape | #BB71FF | — |
| entity.name.tag | #BB71FF | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #BB71FF | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #F8F2FF | — |
| support.function.builtin.shell, support.function.powershell | #36CDFF | — |
| markup.heading, entity.name.section | #BB71FF | bold |
| markup.bold | #F8F2FF | bold |
| markup.italic | #F8F2FF | italic |
| markup.inline.raw, markup.fenced_code.block | #7FFF00 | — |
| markup.underline.link | #BB71FF | — |
| markup.inserted | #4BFF6A | — |
| markup.deleted | #FA6390 | — |
| invalid | #FA6390 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #7FFF00 | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #BB71FF | — |
| string.regexp, constant.other.character-class.regexp | #7FFF00 | — |