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#FF69DE22
- activityBar.activeBorder#FF69DE
- activityBar.background#123242
- activityBar.border#FF69DE66
- activityBar.foreground#FF69DE
- activityBar.inactiveForeground#D3BCD8
- activityBarBadge.background#FF69DE
- activityBarBadge.foreground#2D1039
- badge.background#FF69DE
- badge.foreground#2D1039
- breadcrumb.background#2D1039
- breadcrumb.foreground#D3BCD8
- button.background#FF69DE
- button.foreground#2D1039
- button.hoverBackground#FF84E4
- button.secondaryBackground#5B245D
- button.secondaryForeground#FFF4FF
- button.secondaryHoverBackground#602A71
- commandCenter.background#451B56
- commandCenter.border#6F7634
- commandCenter.foreground#FFF4FF
- debugConsole.errorForeground#FF638D
- debugConsole.infoForeground#46D0FF
- debugConsole.warningForeground#FFCC06
- descriptionForeground#D3BCD8
- diffEditor.insertedLineBackground#50FF6A0D
- diffEditor.insertedTextBackground#50FF6A21
- diffEditor.removedLineBackground#FF638D0D
- diffEditor.removedTextBackground#FF638D21
- disabledForeground#D3BCD8
- dropdown.background#451B56
- dropdown.border#6F7634
- dropdown.foreground#FFF4FF
- editor.background#2D1039
- editor.findMatchBackground#5F3539
- editor.findMatchBorder#FF69DE
- editor.findMatchForeground#FFF4FF
- editor.findMatchHighlightBackground#3A2833
- editor.findMatchHighlightBorder#AFFF0099
- editor.foreground#FFF4FF
- editor.inactiveSelectionBackground#FF69DE28
- editor.lineHighlightBackground#3A1647
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#5B245D
- editor.selectionForeground#FFF4FF
- editor.selectionHighlightBackground#FF69DE28
- editor.selectionHighlightBorder#AFFF0077
- editor.wordHighlightBackground#FF69DE28
- editor.wordHighlightStrongBackground#FF69DE28
- editorBracketHighlight.foreground1#FF69DE
- editorBracketHighlight.foreground2#FF69DE
- editorBracketHighlight.foreground3#2ED7FF
- editorBracketHighlight.foreground4#FFAA38
- editorBracketHighlight.foreground5#AFFF00
- editorBracketHighlight.foreground6#FFF4FF
- editorCodeLens.foreground#D3BCD8
- editorCursor.foreground#FFAA38
- editorError.foreground#FF638D
- editorGhostText.background#00000000
- editorGhostText.foreground#D3BCD8
- editorGroup.border#6F7634
- editorGroupHeader.tabsBackground#602A71
- editorGutter.addedBackground#50FF6A
- editorGutter.deletedBackground#FF638D
- editorGutter.foldingControlForeground#D3BCD8
- editorGutter.modifiedBackground#46D0FF
- editorHint.foreground#D3BCD8
- editorHoverWidget.background#451B56
- editorHoverWidget.border#6F7634
- editorHoverWidget.foreground#FFF4FF
- editorIndentGuide.activeBackground1#FF69DE66
- editorIndentGuide.background1#6F7634
- editorInfo.foreground#46D0FF
- editorInlayHint.background#451B56
- editorInlayHint.foreground#D3BCD8
- editorLineNumber.activeForeground#FF69DE
- editorLineNumber.foreground#D3BCD8
- editorLink.activeForeground#FF69DE
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FF638D
- editorOverviewRuler.infoForeground#46D0FF
- editorOverviewRuler.warningForeground#FFCC06
- editorRuler.foreground#6F7634
- editorStickyScroll.background#2D1039
- editorStickyScrollHover.background#451B56
- editorSuggestWidget.background#451B56
- editorSuggestWidget.border#6F7634
- editorSuggestWidget.foreground#FFF4FF
- editorSuggestWidget.highlightForeground#FF69DE
- editorSuggestWidget.selectedBackground#5B245D
- editorSuggestWidget.selectedForeground#FFF4FF
- editorUnicodeHighlight.background#FFAA3812
- editorUnicodeHighlight.border#FFAA38
- editorWarning.foreground#FFCC06
- editorWhitespace.foreground#6F7634
- editorWidget.background#451B56
- editorWidget.border#6F7634
- editorWidget.foreground#FFF4FF
- focusBorder#FF69DE
- foreground#FFF4FF
- gitDecoration.addedResourceForeground#50FF6A
- gitDecoration.conflictingResourceForeground#FFCC06
- gitDecoration.deletedResourceForeground#FF638D
- gitDecoration.ignoredResourceForeground#D3BCD8
- gitDecoration.modifiedResourceForeground#46D0FF
- gitDecoration.untrackedResourceForeground#50FF6A
- input.background#451B56
- input.border#6F7634
- input.foreground#FFF4FF
- input.placeholderForeground#D3BCD8
- inputOption.activeBackground#FF69DE28
- inputOption.activeBorder#FF69DE
- inputOption.activeForeground#FFF4FF
- list.activeSelectionBackground#5B245D
- list.activeSelectionForeground#FFF4FF
- list.focusBackground#5B245D
- list.focusForeground#FFF4FF
- list.focusHighlightForeground#FF69DE
- list.focusOutline#AFFF00
- list.highlightForeground#FF69DE
- list.hoverBackground#FF69DE14
- list.hoverForeground#FFF4FF
- list.inactiveSelectionBackground#5B245D
- list.inactiveSelectionForeground#FFF4FF
- menu.background#451B56
- menu.border#6F7634
- menu.foreground#FFF4FF
- merge.currentContentBackground#AFFF0014
- merge.currentHeaderBackground#AFFF0030
- merge.incomingContentBackground#2ED7FF14
- merge.incomingHeaderBackground#2ED7FF30
- minimap.selectionHighlight#FF69DE77
- notebook.cellBorderColor#6F7634
- notebook.cellEditorBackground#2D1039
- notebook.focusedCellBorder#FF69DE
- notebook.selectedCellBackground#5B245D
- notificationCenterHeader.background#451B56
- notifications.background#451B56
- notifications.border#6F7634
- notifications.foreground#FFF4FF
- panel.background#123242
- panel.border#FF69DE88
- panelTitle.activeBorder#FF69DE
- panelTitle.activeForeground#FF69DE
- panelTitle.inactiveForeground#D3BCD8
- peekView.border#FF69DE
- peekViewEditor.background#451B56
- peekViewResult.background#451B56
- peekViewResult.fileForeground#FFF4FF
- peekViewResult.lineForeground#FFF4FF
- pickerGroup.foreground#FF69DE
- progressBar.background#FF69DE
- quickInput.background#451B56
- quickInput.foreground#FFF4FF
- quickInputList.focusBackground#5B245D
- quickInputList.focusForeground#FFF4FF
- scrollbarSlider.activeBackground#FF69DE66
- scrollbarSlider.background#6F763499
- scrollbarSlider.hoverBackground#D3BCD866
- settings.dropdownBackground#451B56
- settings.modifiedItemIndicator#FF69DE
- sideBar.background#451B56
- sideBar.border#AFFF0088
- sideBar.foreground#FFF4FF
- sideBarSectionHeader.background#451B56
- sideBarSectionHeader.border#6F7634
- sideBarSectionHeader.foreground#FF69DE
- sideBarTitle.foreground#FF69DE
- statusBar.background#FF69DE
- statusBar.border#6F7634
- statusBar.debuggingBackground#FF69DE
- statusBar.debuggingForeground#2D1039
- statusBar.foreground#2D1039
- statusBar.noFolderBackground#FF69DE
- statusBarItem.errorBackground#FF638D
- statusBarItem.errorForeground#2D1039
- statusBarItem.hoverBackground#FF69DE14
- statusBarItem.hoverForeground#2D1039
- statusBarItem.prominentBackground#EE62D1
- statusBarItem.prominentForeground#2D1039
- statusBarItem.remoteBackground#FF69DE
- statusBarItem.remoteForeground#2D1039
- statusBarItem.warningBackground#FFCC06
- statusBarItem.warningForeground#2D1039
- tab.activeBackground#2D1039
- tab.activeBorder#FF69DE
- tab.activeBorderTop#AFFF00
- tab.activeForeground#AFFF00
- tab.border#6F7634
- tab.hoverBackground#5B245D
- tab.inactiveBackground#451B56
- tab.inactiveForeground#D3BCD8
- tab.unfocusedActiveBorder#6F7634
- terminal.ansiBlack#D3BCD8
- terminal.ansiBlue#53A3FF
- terminal.ansiBrightBlack#DCC7E0
- terminal.ansiBrightBlue#79B7FF
- terminal.ansiBrightCyan#43FFDA
- terminal.ansiBrightGreen#76FF8B
- terminal.ansiBrightMagenta#F28CEC
- terminal.ansiBrightRed#FF85A6
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFD73D
- terminal.ansiCyan#0EFFCF
- terminal.ansiGreen#50FF6A
- terminal.ansiMagenta#EE6CE7
- terminal.ansiRed#FF638D
- terminal.ansiWhite#FFF4FF
- terminal.ansiYellow#FFCC06
- terminal.background#123242
- terminal.foreground#FFF4FF
- terminal.selectionBackground#5B245D
- terminal.selectionForeground#FFF4FF
- terminalCursor.background#2D1039
- terminalCursor.foreground#FFAA38
- testing.iconFailed#FF638D
- testing.iconPassed#50FF6A
- textBlockQuote.background#451B56
- textBlockQuote.border#FF69DE
- textCodeBlock.background#451B56
- textLink.activeForeground#2ED7FF
- textLink.foreground#FF69DE
- titleBar.activeBackground#602A71
- titleBar.activeForeground#FFF4FF
- titleBar.border#AFFF0088
- titleBar.inactiveBackground#2D1039
- titleBar.inactiveForeground#D3BCD8
- toolbar.hoverBackground#FF69DE14
- tree.indentGuidesStroke#6F7634
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #D3BCD8 | — |
| keyword, storage | #2ED7FF | — |
| keyword.operator | #FFF4FF | — |
| string | #AFFF00 | — |
| constant.numeric, constant.language, constant.character, constant.other | #FFAA38 | — |
| entity.name.function, support.function | #FF69DE | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #2ED7FF | — |
| variable, meta.definition.variable | #FFF4FF | — |
| variable.parameter | #FFF4FF | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #2ED7FF | — |
| punctuation | #FFF4FF | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #FF69DE | — |
| constant.character.escape | #FF69DE | — |
| entity.name.tag | #2ED7FF | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #2ED7FF | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #FFF4FF | — |
| support.function.builtin.shell, support.function.powershell | #FF69DE | — |
| markup.heading, entity.name.section | #FF69DE | bold |
| markup.bold | #FFF4FF | bold |
| markup.italic | #FFF4FF | italic |
| markup.inline.raw, markup.fenced_code.block | #AFFF00 | — |
| markup.underline.link | #FF69DE | — |
| markup.inserted | #50FF6A | — |
| markup.deleted | #FF638D | — |
| invalid | #FF638D | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #2ED7FF | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #2ED7FF | — |
| string.regexp, constant.other.character-class.regexp | #AFFF00 | — |