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#FF4DE122
- activityBar.activeBorder#FF4DE1
- activityBar.background#05262C
- activityBar.border#FF4DE166
- activityBar.foreground#FF4DE1
- activityBar.inactiveForeground#C9B4D4
- activityBarBadge.background#FF4DE1
- activityBarBadge.foreground#17052D
- badge.background#FF4DE1
- badge.foreground#17052D
- breadcrumb.background#17052D
- breadcrumb.foreground#C9B4D4
- button.background#FF4DE1
- button.foreground#17052D
- button.hoverBackground#FF6DE6
- button.secondaryBackground#28265B
- button.secondaryForeground#FBF1FF
- button.secondaryHoverBackground#461264
- commandCenter.background#2B0949
- commandCenter.border#1A6B77
- commandCenter.foreground#FBF1FF
- debugConsole.errorForeground#FF608D
- debugConsole.infoForeground#56D3EB
- debugConsole.warningForeground#F0CB1A
- descriptionForeground#C9B4D4
- diffEditor.insertedLineBackground#3EFF7D0D
- diffEditor.insertedTextBackground#3EFF7D21
- diffEditor.removedLineBackground#FF608D0D
- diffEditor.removedTextBackground#FF608D21
- disabledForeground#C9B4D4
- dropdown.background#2B0949
- dropdown.border#1A6B77
- dropdown.foreground#FBF1FF
- editor.background#17052D
- editor.findMatchBackground#29295F
- editor.findMatchBorder#FF4DE1
- editor.findMatchForeground#FBF1FF
- editor.findMatchHighlightBackground#151E3B
- editor.findMatchHighlightBorder#00FFBC99
- editor.foreground#FBF1FF
- editor.inactiveSelectionBackground#FF4DE128
- editor.lineHighlightBackground#23083B
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#28265B
- editor.selectionForeground#FBF1FF
- editor.selectionHighlightBackground#FF4DE128
- editor.selectionHighlightBorder#00FFBC77
- editor.wordHighlightBackground#FF4DE128
- editor.wordHighlightStrongBackground#FF4DE128
- editorBracketHighlight.foreground1#FF4DE1
- editorBracketHighlight.foreground2#00FFBC
- editorBracketHighlight.foreground3#00FFBC
- editorBracketHighlight.foreground4#649AFF
- editorBracketHighlight.foreground5#F1FF00
- editorBracketHighlight.foreground6#FBF1FF
- editorCodeLens.foreground#C9B4D4
- editorCursor.foreground#F1FF00
- editorError.foreground#FF608D
- editorGhostText.background#00000000
- editorGhostText.foreground#C9B4D4
- editorGroup.border#1A6B77
- editorGroupHeader.tabsBackground#461264
- editorGutter.addedBackground#3EFF7D
- editorGutter.deletedBackground#FF608D
- editorGutter.foldingControlForeground#C9B4D4
- editorGutter.modifiedBackground#56D3EB
- editorHint.foreground#C9B4D4
- editorHoverWidget.background#2B0949
- editorHoverWidget.border#1A6B77
- editorHoverWidget.foreground#FBF1FF
- editorIndentGuide.activeBackground1#FF4DE166
- editorIndentGuide.background1#1A6B77
- editorInfo.foreground#56D3EB
- editorInlayHint.background#2B0949
- editorInlayHint.foreground#C9B4D4
- editorLineNumber.activeForeground#FF4DE1
- editorLineNumber.foreground#C9B4D4
- editorLink.activeForeground#FF4DE1
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FF608D
- editorOverviewRuler.infoForeground#56D3EB
- editorOverviewRuler.warningForeground#F0CB1A
- editorRuler.foreground#1A6B77
- editorStickyScroll.background#17052D
- editorStickyScrollHover.background#2B0949
- editorSuggestWidget.background#2B0949
- editorSuggestWidget.border#1A6B77
- editorSuggestWidget.foreground#FBF1FF
- editorSuggestWidget.highlightForeground#FF4DE1
- editorSuggestWidget.selectedBackground#28265B
- editorSuggestWidget.selectedForeground#FBF1FF
- editorUnicodeHighlight.background#649AFF12
- editorUnicodeHighlight.border#649AFF
- editorWarning.foreground#F0CB1A
- editorWhitespace.foreground#1A6B77
- editorWidget.background#2B0949
- editorWidget.border#1A6B77
- editorWidget.foreground#FBF1FF
- focusBorder#FF4DE1
- foreground#FBF1FF
- gitDecoration.addedResourceForeground#3EFF7D
- gitDecoration.conflictingResourceForeground#F0CB1A
- gitDecoration.deletedResourceForeground#FF608D
- gitDecoration.ignoredResourceForeground#C9B4D4
- gitDecoration.modifiedResourceForeground#56D3EB
- gitDecoration.untrackedResourceForeground#3EFF7D
- input.background#2B0949
- input.border#1A6B77
- input.foreground#FBF1FF
- input.placeholderForeground#C9B4D4
- inputOption.activeBackground#FF4DE128
- inputOption.activeBorder#FF4DE1
- inputOption.activeForeground#FBF1FF
- list.activeSelectionBackground#28265B
- list.activeSelectionForeground#FBF1FF
- list.focusBackground#28265B
- list.focusForeground#FBF1FF
- list.focusHighlightForeground#FF4DE1
- list.focusOutline#00FFBC
- list.highlightForeground#FF4DE1
- list.hoverBackground#FF4DE114
- list.hoverForeground#FBF1FF
- list.inactiveSelectionBackground#28265B
- list.inactiveSelectionForeground#FBF1FF
- menu.background#2B0949
- menu.border#1A6B77
- menu.foreground#FBF1FF
- merge.currentContentBackground#F1FF0014
- merge.currentHeaderBackground#F1FF0030
- merge.incomingContentBackground#FF4DE114
- merge.incomingHeaderBackground#FF4DE130
- minimap.selectionHighlight#FF4DE177
- notebook.cellBorderColor#1A6B77
- notebook.cellEditorBackground#17052D
- notebook.focusedCellBorder#FF4DE1
- notebook.selectedCellBackground#28265B
- notificationCenterHeader.background#2B0949
- notifications.background#2B0949
- notifications.border#1A6B77
- notifications.foreground#FBF1FF
- panel.background#05262C
- panel.border#FF4DE188
- panelTitle.activeBorder#FF4DE1
- panelTitle.activeForeground#FF4DE1
- panelTitle.inactiveForeground#C9B4D4
- peekView.border#FF4DE1
- peekViewEditor.background#2B0949
- peekViewResult.background#2B0949
- peekViewResult.fileForeground#FBF1FF
- peekViewResult.lineForeground#FBF1FF
- pickerGroup.foreground#FF4DE1
- progressBar.background#FF4DE1
- quickInput.background#2B0949
- quickInput.foreground#FBF1FF
- quickInputList.focusBackground#28265B
- quickInputList.focusForeground#FBF1FF
- scrollbarSlider.activeBackground#FF4DE166
- scrollbarSlider.background#1A6B7799
- scrollbarSlider.hoverBackground#C9B4D466
- settings.dropdownBackground#2B0949
- settings.modifiedItemIndicator#FF4DE1
- sideBar.background#2B0949
- sideBar.border#00FFBC88
- sideBar.foreground#FBF1FF
- sideBarSectionHeader.background#2B0949
- sideBarSectionHeader.border#1A6B77
- sideBarSectionHeader.foreground#FF4DE1
- sideBarTitle.foreground#FF4DE1
- statusBar.background#FF4DE1
- statusBar.border#1A6B77
- statusBar.debuggingBackground#FF4DE1
- statusBar.debuggingForeground#17052D
- statusBar.foreground#17052D
- statusBar.noFolderBackground#FF4DE1
- statusBarItem.errorBackground#FF608D
- statusBarItem.errorForeground#17052D
- statusBarItem.hoverBackground#FF4DE114
- statusBarItem.hoverForeground#17052D
- statusBarItem.prominentBackground#EC47D3
- statusBarItem.prominentForeground#17052D
- statusBarItem.remoteBackground#FF4DE1
- statusBarItem.remoteForeground#17052D
- statusBarItem.warningBackground#F0CB1A
- statusBarItem.warningForeground#17052D
- tab.activeBackground#17052D
- tab.activeBorder#FF4DE1
- tab.activeBorderTop#00FFBC
- tab.activeForeground#00FFBC
- tab.border#1A6B77
- tab.hoverBackground#28265B
- tab.inactiveBackground#2B0949
- tab.inactiveForeground#C9B4D4
- tab.unfocusedActiveBorder#1A6B77
- terminal.ansiBlack#C9B4D4
- terminal.ansiBlue#62A7EB
- terminal.ansiBrightBlack#D3C0DD
- terminal.ansiBrightBlue#85BAEF
- terminal.ansiBrightCyan#38FFE5
- terminal.ansiBrightGreen#68FF9A
- terminal.ansiBrightMagenta#FE8FDD
- terminal.ansiBrightRed#FF83A6
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F3D64C
- terminal.ansiCyan#00FFDE
- terminal.ansiGreen#3EFF7D
- terminal.ansiMagenta#FE6FD3
- terminal.ansiRed#FF608D
- terminal.ansiWhite#FBF1FF
- terminal.ansiYellow#F0CB1A
- terminal.background#05262C
- terminal.foreground#FBF1FF
- terminal.selectionBackground#28265B
- terminal.selectionForeground#FBF1FF
- terminalCursor.background#17052D
- terminalCursor.foreground#F1FF00
- testing.iconFailed#FF608D
- testing.iconPassed#3EFF7D
- textBlockQuote.background#2B0949
- textBlockQuote.border#FF4DE1
- textCodeBlock.background#2B0949
- textLink.activeForeground#00FFBC
- textLink.foreground#FF4DE1
- titleBar.activeBackground#461264
- titleBar.activeForeground#FBF1FF
- titleBar.border#00FFBC88
- titleBar.inactiveBackground#17052D
- titleBar.inactiveForeground#C9B4D4
- toolbar.hoverBackground#FF4DE114
- tree.indentGuidesStroke#1A6B77
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #C9B4D4 | — |
| keyword, storage | #FF4DE1 | — |
| keyword.operator | #FBF1FF | — |
| string | #F1FF00 | — |
| constant.numeric, constant.language, constant.character, constant.other | #649AFF | — |
| entity.name.function, support.function | #00FFBC | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #00FFBC | — |
| variable, meta.definition.variable | #FBF1FF | — |
| variable.parameter | #FBF1FF | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #00FFBC | — |
| punctuation | #FBF1FF | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #FF4DE1 | — |
| constant.character.escape | #FF4DE1 | — |
| entity.name.tag | #FF4DE1 | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #FF4DE1 | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #FBF1FF | — |
| support.function.builtin.shell, support.function.powershell | #00FFBC | — |
| markup.heading, entity.name.section | #FF4DE1 | bold |
| markup.bold | #FBF1FF | bold |
| markup.italic | #FBF1FF | italic |
| markup.inline.raw, markup.fenced_code.block | #F1FF00 | — |
| markup.underline.link | #FF4DE1 | — |
| markup.inserted | #3EFF7D | — |
| markup.deleted | #FF608D | — |
| invalid | #FF608D | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #00FFBC | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #FF4DE1 | — |
| string.regexp, constant.other.character-class.regexp | #F1FF00 | — |