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#CEFF0022
- activityBar.activeBorder#CEFF00
- activityBar.background#102609
- activityBar.border#CEFF0066
- activityBar.foreground#CEFF00
- activityBar.inactiveForeground#C1CFAB
- activityBarBadge.background#CEFF00
- activityBarBadge.foreground#101A02
- badge.background#CEFF00
- badge.foreground#101A02
- breadcrumb.background#101A02
- breadcrumb.foreground#C1CFAB
- button.background#CEFF00
- button.foreground#101A02
- button.hoverBackground#D7FF2E
- button.secondaryBackground#37333A
- button.secondaryForeground#F7FFE9
- button.secondaryHoverBackground#344F08
- commandCenter.background#233900
- commandCenter.border#7B570B
- commandCenter.foreground#F7FFE9
- debugConsole.errorForeground#FB6F7B
- debugConsole.infoForeground#42D3FC
- debugConsole.warningForeground#F9C91A
- descriptionForeground#C1CFAB
- diffEditor.insertedLineBackground#58F36D0D
- diffEditor.insertedTextBackground#58F36D21
- diffEditor.removedLineBackground#FB6F7B0D
- diffEditor.removedTextBackground#FB6F7B21
- disabledForeground#C1CFAB
- dropdown.background#233900
- dropdown.border#7B570B
- dropdown.foreground#F7FFE9
- editor.background#101A02
- editor.findMatchBackground#3B353F
- editor.findMatchBorder#CEFF00
- editor.findMatchForeground#F7FFE9
- editor.findMatchHighlightBackground#282504
- editor.findMatchHighlightBorder#FF851B99
- editor.foreground#F7FFE9
- editor.inactiveSelectionBackground#CEFF0028
- editor.lineHighlightBackground#192704
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#37333A
- editor.selectionForeground#F7FFE9
- editor.selectionHighlightBackground#CEFF0028
- editor.selectionHighlightBorder#FF851B77
- editor.wordHighlightBackground#CEFF0028
- editor.wordHighlightStrongBackground#CEFF0028
- editorBracketHighlight.foreground1#CEFF00
- editorBracketHighlight.foreground2#FF851B
- editorBracketHighlight.foreground3#FF851B
- editorBracketHighlight.foreground4#C38BFF
- editorBracketHighlight.foreground5#00FFD4
- editorBracketHighlight.foreground6#F7FFE9
- editorCodeLens.foreground#C1CFAB
- editorCursor.foreground#00FFD4
- editorError.foreground#FB6F7B
- editorGhostText.background#00000000
- editorGhostText.foreground#C1CFAB
- editorGroup.border#7B570B
- editorGroupHeader.tabsBackground#344F08
- editorGutter.addedBackground#58F36D
- editorGutter.deletedBackground#FB6F7B
- editorGutter.foldingControlForeground#C1CFAB
- editorGutter.modifiedBackground#42D3FC
- editorHint.foreground#C1CFAB
- editorHoverWidget.background#233900
- editorHoverWidget.border#7B570B
- editorHoverWidget.foreground#F7FFE9
- editorIndentGuide.activeBackground1#CEFF0066
- editorIndentGuide.background1#7B570B
- editorInfo.foreground#42D3FC
- editorInlayHint.background#233900
- editorInlayHint.foreground#C1CFAB
- editorLineNumber.activeForeground#CEFF00
- editorLineNumber.foreground#C1CFAB
- editorLink.activeForeground#CEFF00
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FB6F7B
- editorOverviewRuler.infoForeground#42D3FC
- editorOverviewRuler.warningForeground#F9C91A
- editorRuler.foreground#7B570B
- editorStickyScroll.background#101A02
- editorStickyScrollHover.background#233900
- editorSuggestWidget.background#233900
- editorSuggestWidget.border#7B570B
- editorSuggestWidget.foreground#F7FFE9
- editorSuggestWidget.highlightForeground#CEFF00
- editorSuggestWidget.selectedBackground#37333A
- editorSuggestWidget.selectedForeground#F7FFE9
- editorUnicodeHighlight.background#C38BFF12
- editorUnicodeHighlight.border#C38BFF
- editorWarning.foreground#F9C91A
- editorWhitespace.foreground#7B570B
- editorWidget.background#233900
- editorWidget.border#7B570B
- editorWidget.foreground#F7FFE9
- focusBorder#CEFF00
- foreground#F7FFE9
- gitDecoration.addedResourceForeground#58F36D
- gitDecoration.conflictingResourceForeground#F9C91A
- gitDecoration.deletedResourceForeground#FB6F7B
- gitDecoration.ignoredResourceForeground#C1CFAB
- gitDecoration.modifiedResourceForeground#42D3FC
- gitDecoration.untrackedResourceForeground#58F36D
- input.background#233900
- input.border#7B570B
- input.foreground#F7FFE9
- input.placeholderForeground#C1CFAB
- inputOption.activeBackground#CEFF0028
- inputOption.activeBorder#CEFF00
- inputOption.activeForeground#F7FFE9
- list.activeSelectionBackground#37333A
- list.activeSelectionForeground#F7FFE9
- list.focusBackground#37333A
- list.focusForeground#F7FFE9
- list.focusHighlightForeground#CEFF00
- list.focusOutline#FF851B
- list.highlightForeground#CEFF00
- list.hoverBackground#CEFF0014
- list.hoverForeground#F7FFE9
- list.inactiveSelectionBackground#37333A
- list.inactiveSelectionForeground#F7FFE9
- menu.background#233900
- menu.border#7B570B
- menu.foreground#F7FFE9
- merge.currentContentBackground#00FFD414
- merge.currentHeaderBackground#00FFD430
- merge.incomingContentBackground#CEFF0014
- merge.incomingHeaderBackground#CEFF0030
- minimap.selectionHighlight#CEFF0077
- notebook.cellBorderColor#7B570B
- notebook.cellEditorBackground#101A02
- notebook.focusedCellBorder#CEFF00
- notebook.selectedCellBackground#37333A
- notificationCenterHeader.background#233900
- notifications.background#233900
- notifications.border#7B570B
- notifications.foreground#F7FFE9
- panel.background#102609
- panel.border#CEFF0088
- panelTitle.activeBorder#CEFF00
- panelTitle.activeForeground#CEFF00
- panelTitle.inactiveForeground#C1CFAB
- peekView.border#CEFF00
- peekViewEditor.background#233900
- peekViewResult.background#233900
- peekViewResult.fileForeground#F7FFE9
- peekViewResult.lineForeground#F7FFE9
- pickerGroup.foreground#CEFF00
- progressBar.background#CEFF00
- quickInput.background#233900
- quickInput.foreground#F7FFE9
- quickInputList.focusBackground#37333A
- quickInputList.focusForeground#F7FFE9
- scrollbarSlider.activeBackground#CEFF0066
- scrollbarSlider.background#7B570B99
- scrollbarSlider.hoverBackground#C1CFAB66
- settings.dropdownBackground#233900
- settings.modifiedItemIndicator#CEFF00
- sideBar.background#233900
- sideBar.border#FF851B88
- sideBar.foreground#F7FFE9
- sideBarSectionHeader.background#233900
- sideBarSectionHeader.border#7B570B
- sideBarSectionHeader.foreground#CEFF00
- sideBarTitle.foreground#CEFF00
- statusBar.background#CEFF00
- statusBar.border#7B570B
- statusBar.debuggingBackground#CEFF00
- statusBar.debuggingForeground#101A02
- statusBar.foreground#101A02
- statusBar.noFolderBackground#CEFF00
- statusBarItem.errorBackground#FB6F7B
- statusBarItem.errorForeground#101A02
- statusBarItem.hoverBackground#CEFF0014
- statusBarItem.hoverForeground#101A02
- statusBarItem.prominentBackground#BFED00
- statusBarItem.prominentForeground#101A02
- statusBarItem.remoteBackground#CEFF00
- statusBarItem.remoteForeground#101A02
- statusBarItem.warningBackground#F9C91A
- statusBarItem.warningForeground#101A02
- tab.activeBackground#101A02
- tab.activeBorder#CEFF00
- tab.activeBorderTop#FF851B
- tab.activeForeground#FF851B
- tab.border#7B570B
- tab.hoverBackground#37333A
- tab.inactiveBackground#233900
- tab.inactiveForeground#C1CFAB
- tab.unfocusedActiveBorder#7B570B
- terminal.ansiBlack#C1CFAB
- terminal.ansiBlue#4FA7FC
- terminal.ansiBrightBlack#CCD9B7
- terminal.ansiBrightBlue#76BAFD
- terminal.ansiBrightCyan#48F7DB
- terminal.ansiBrightGreen#7DF68D
- terminal.ansiBrightMagenta#EF8FEA
- terminal.ansiBrightRed#FC8F98
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FAD54C
- terminal.ansiCyan#14F5D1
- terminal.ansiGreen#58F36D
- terminal.ansiMagenta#EB6FE4
- terminal.ansiRed#FB6F7B
- terminal.ansiWhite#F7FFE9
- terminal.ansiYellow#F9C91A
- terminal.background#102609
- terminal.foreground#F7FFE9
- terminal.selectionBackground#37333A
- terminal.selectionForeground#F7FFE9
- terminalCursor.background#101A02
- terminalCursor.foreground#00FFD4
- testing.iconFailed#FB6F7B
- testing.iconPassed#58F36D
- textBlockQuote.background#233900
- textBlockQuote.border#CEFF00
- textCodeBlock.background#233900
- textLink.activeForeground#FF851B
- textLink.foreground#CEFF00
- titleBar.activeBackground#344F08
- titleBar.activeForeground#F7FFE9
- titleBar.border#FF851B88
- titleBar.inactiveBackground#101A02
- titleBar.inactiveForeground#C1CFAB
- toolbar.hoverBackground#CEFF0014
- tree.indentGuidesStroke#7B570B
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #C1CFAB | — |
| keyword, storage | #CEFF00 | — |
| keyword.operator | #F7FFE9 | — |
| string | #00FFD4 | — |
| constant.numeric, constant.language, constant.character, constant.other | #C38BFF | — |
| entity.name.function, support.function | #FF851B | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #FF851B | — |
| variable, meta.definition.variable | #F7FFE9 | — |
| variable.parameter | #F7FFE9 | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #FF851B | — |
| punctuation | #F7FFE9 | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #CEFF00 | — |
| constant.character.escape | #CEFF00 | — |
| entity.name.tag | #CEFF00 | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #CEFF00 | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #F7FFE9 | — |
| support.function.builtin.shell, support.function.powershell | #FF851B | — |
| markup.heading, entity.name.section | #CEFF00 | bold |
| markup.bold | #F7FFE9 | bold |
| markup.italic | #F7FFE9 | italic |
| markup.inline.raw, markup.fenced_code.block | #00FFD4 | — |
| markup.underline.link | #CEFF00 | — |
| markup.inserted | #58F36D | — |
| markup.deleted | #FB6F7B | — |
| invalid | #FB6F7B | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #FF851B | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #CEFF00 | — |
| string.regexp, constant.other.character-class.regexp | #00FFD4 | — |