Electric Dreams Neon
Publisher: nylan catThemes in package: 1
A bold neon colorscheme with electric cyan, hot magenta, and vibrant purple on deep black backgrounds
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.activeBorder#00D9FF
- activityBar.background#0A0A0F
- activityBar.foreground#D0D0E0
- activityBar.inactiveForeground#4A4A6A
- activityBarBadge.background#FF006E
- activityBarBadge.foreground#FFFFFF
- badge.background#FF006E
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#00D9FF
- breadcrumb.background#0A0A0F
- breadcrumb.focusForeground#D0D0E0
- breadcrumb.foreground#4A4A6A
- breadcrumbPicker.background#151520
- button.background#00D9FF
- button.foreground#0A0A0F
- button.hoverBackground#1DE9B6
- button.secondaryBackground#FF006E
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#E91E63
- debugToolBar.background#151520
- diffEditor.insertedTextBackground#1DE9B633
- diffEditor.removedTextBackground#FF174433
- dropdown.background#151520
- dropdown.border#4A4A6A
- dropdown.foreground#D0D0E0
- editor.background#0A0A0F
- editor.findMatchBackground#FF006E66
- editor.findMatchHighlightBackground#FF006E33
- editor.foreground#D0D0E0
- editor.lineHighlightBackground#15152033
- editor.selectionBackground#00D9FF33
- editor.selectionHighlightBackground#00D9FF22
- editor.wordHighlightBackground#FF006E22
- editor.wordHighlightStrongBackground#FF006E33
- editorBracketMatch.background#FF006E33
- editorBracketMatch.border#FF006E
- editorCursor.foreground#00D9FF
- editorError.foreground#FF1744
- editorGroup.border#4A4A6A
- editorGroupHeader.tabsBackground#0A0A0F
- editorGutter.addedBackground#1DE9B6
- editorGutter.deletedBackground#FF1744
- editorGutter.modifiedBackground#FF006E
- editorHoverWidget.background#151520
- editorHoverWidget.border#00D9FF
- editorIndentGuide.activeBackground#4A4A6A
- editorIndentGuide.background#252535
- editorInfo.foreground#9C27B0
- editorLineNumber.activeForeground#00D9FF
- editorLineNumber.foreground#4A4A6A
- editorLink.activeForeground#00D9FF
- editorOverviewRuler.addedForeground#1DE9B6
- editorOverviewRuler.deletedForeground#FF1744
- editorOverviewRuler.errorForeground#FF1744
- editorOverviewRuler.modifiedForeground#FF006E
- editorOverviewRuler.warningForeground#FF006E
- editorRuler.foreground#252535
- editorSuggestWidget.background#151520
- editorSuggestWidget.border#00D9FF
- editorSuggestWidget.foreground#D0D0E0
- editorSuggestWidget.highlightForeground#00D9FF
- editorSuggestWidget.selectedBackground#1A1A2E
- editorWarning.foreground#FF006E
- editorWhitespace.foreground#252535
- editorWidget.background#151520
- editorWidget.border#4A4A6A
- errorForeground#FF1744
- focusBorder#00D9FF
- foreground#D0D0E0
- gitDecoration.addedResourceForeground#1DE9B6
- gitDecoration.conflictingResourceForeground#FF006E
- gitDecoration.deletedResourceForeground#FF1744
- gitDecoration.ignoredResourceForeground#4A4A6A
- gitDecoration.modifiedResourceForeground#FF006E
- gitDecoration.untrackedResourceForeground#1DE9B6
- input.background#151520
- input.border#4A4A6A
- input.foreground#D0D0E0
- input.placeholderForeground#4A4A6A
- inputOption.activeBorder#00D9FF
- inputValidation.errorBackground#FF174433
- inputValidation.errorBorder#FF1744
- inputValidation.infoBackground#9C27B033
- inputValidation.infoBorder#9C27B0
- inputValidation.warningBackground#FF006E33
- inputValidation.warningBorder#FF006E
- list.activeSelectionBackground#00D9FF33
- list.activeSelectionForeground#00D9FF
- list.dropBackground#00D9FF22
- list.focusBackground#1A1A2E
- list.focusForeground#D0D0E0
- list.highlightForeground#00D9FF
- list.hoverBackground#151520
- list.hoverForeground#D0D0E0
- list.inactiveSelectionBackground#1A1A2E
- list.inactiveSelectionForeground#D0D0E0
- listFilterWidget.background#151520
- listFilterWidget.noMatchesOutline#FF1744
- listFilterWidget.outline#00D9FF
- menu.background#151520
- menu.foreground#D0D0E0
- menu.selectionBackground#1A1A2E
- menu.selectionForeground#00D9FF
- menu.separatorBackground#4A4A6A
- menubar.selectionBackground#1A1A2E
- menubar.selectionForeground#00D9FF
- minimap.errorHighlight#FF1744
- minimap.findMatchHighlight#FF006E66
- minimap.selectionHighlight#00D9FF33
- minimap.warningHighlight#FF006E
- notificationCenter.border#4A4A6A
- notificationCenterHeader.background#151520
- notificationCenterHeader.foreground#D0D0E0
- notifications.background#151520
- notifications.border#00D9FF
- notifications.foreground#D0D0E0
- notificationsErrorIcon.foreground#FF1744
- notificationsInfoIcon.foreground#9C27B0
- notificationsWarningIcon.foreground#FF006E
- panel.background#0A0A0F
- panel.border#4A4A6A
- panelTitle.activeBorder#00D9FF
- panelTitle.activeForeground#D0D0E0
- panelTitle.inactiveForeground#4A4A6A
- peekView.border#00D9FF
- peekViewEditor.background#151520
- peekViewEditor.matchHighlightBackground#FF006E66
- peekViewResult.background#151520
- peekViewResult.matchHighlightBackground#FF006E66
- peekViewResult.selectionBackground#00D9FF33
- peekViewTitle.background#1A1A2E
- peekViewTitleDescription.foreground#4A4A6A
- peekViewTitleLabel.foreground#00D9FF
- pickerGroup.border#4A4A6A
- pickerGroup.foreground#00D9FF
- progressBar.background#00D9FF
- scrollbar.shadow#0A0A0F
- scrollbarSlider.activeBackground#00D9FF66
- scrollbarSlider.background#4A4A6A33
- scrollbarSlider.hoverBackground#4A4A6A66
- selection.background#00D9FF33
- settings.checkboxBackground#151520
- settings.checkboxBorder#4A4A6A
- settings.checkboxForeground#D0D0E0
- settings.dropdownBackground#151520
- settings.dropdownBorder#4A4A6A
- settings.dropdownForeground#D0D0E0
- settings.headerForeground#00D9FF
- settings.modifiedItemIndicator#FF006E
- settings.numberInputBackground#151520
- settings.numberInputBorder#4A4A6A
- settings.numberInputForeground#D0D0E0
- settings.textInputBackground#151520
- settings.textInputBorder#4A4A6A
- settings.textInputForeground#D0D0E0
- sideBar.background#0A0A0F
- sideBar.border#4A4A6A
- sideBar.foreground#D0D0E0
- sideBarSectionHeader.background#151520
- sideBarSectionHeader.foreground#D0D0E0
- sideBarTitle.foreground#00D9FF
- statusBar.background#151520
- statusBar.debuggingBackground#FF006E
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#D0D0E0
- statusBar.noFolderBackground#0A0A0F
- statusBarItem.activeBackground#00D9FF33
- statusBarItem.hoverBackground#1A1A2E
- statusBarItem.prominentBackground#FF006E
- statusBarItem.prominentHoverBackground#E91E63
- tab.activeBackground#0A0A0F
- tab.activeBorder#00D9FF
- tab.activeForeground#D0D0E0
- tab.border#0A0A0F
- tab.inactiveBackground#0A0A0F
- tab.inactiveForeground#4A4A6A
- tab.unfocusedActiveBorder#4A4A6A
- tab.unfocusedActiveForeground#D0D0E0
- tab.unfocusedInactiveForeground#4A4A6A
- terminal.ansiBlack#0A0A0F
- terminal.ansiBlue#9C27B0
- terminal.ansiBrightBlack#4A4A6A
- terminal.ansiBrightBlue#BB86FC
- terminal.ansiBrightCyan#1DE9B6
- terminal.ansiBrightGreen#00BFA5
- terminal.ansiBrightMagenta#D81B60
- terminal.ansiBrightRed#C41E3A
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E91E63
- terminal.ansiCyan#00D9FF
- terminal.ansiGreen#1DE9B6
- terminal.ansiMagenta#FF006E
- terminal.ansiRed#FF1744
- terminal.ansiWhite#D0D0E0
- terminal.ansiYellow#FF006E
- terminal.background#0A0A0F
- terminal.foreground#D0D0E0
- terminal.selectionBackground#00D9FF33
- terminalCursor.foreground#00D9FF
- textLink.activeForeground#1DE9B6
- textLink.foreground#00D9FF
- titleBar.activeBackground#0A0A0F
- titleBar.activeForeground#D0D0E0
- titleBar.border#4A4A6A
- titleBar.inactiveBackground#0A0A0F
- titleBar.inactiveForeground#4A4A6A
- tree.indentGuidesStroke#4A4A6A
- widget.shadow#0A0A0F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4A4A6A | italic |
| string, string.quoted, string.template | #1DE9B6 | — |
| constant.character.escape | #BB86FC | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined | #9C27B0 | — |
| constant.language, support.constant, variable.language | #9C27B0 | — |
| constant.character, constant.other | #9C27B0 | — |
| variable | #D0D0E0 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #FF006E | bold |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.assignment | #FF006E | — |
| storage, storage.type, storage.modifier | #FF006E | bold |
| entity.name.function, support.function, meta.function-call | #00D9FF | bold |
| entity.name.class, entity.name.type, support.class, support.type | #00D9FF | — |
| entity.name.type, entity.other.inherited-class, support.type | #00D9FF | — |
| entity.name.tag, meta.tag | #FF006E | bold |
| entity.other.attribute-name, meta.tag.attributes | #00D9FF | — |
| support.function | #00D9FF | bold |
| support.constant | #9C27B0 | — |
| support.class, support.type | #00D9FF | — |
| invalid | #FF1744 | bold |
| invalid.deprecated | #C41E3A | — |
| support.type.property-name.json | #00D9FF | — |
| markup.heading, entity.name.section | #00D9FF | bold |
| markup.bold | #FF006E | bold |
| markup.italic | #9C27B0 | italic |
| markup.underline.link, string.other.link | #00D9FF | underline |
| markup.inline.raw, markup.fenced_code.block | #1DE9B6 | — |
| markup.quote | #4A4A6A | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #00D9FF | — |
| support.type.property-name.css | #D0D0E0 | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #9C27B0 | — |
| string.regexp | #BB86FC | — |
| punctuation | #D0D0E0 | — |
| meta.preprocessor, entity.name.function.preprocessor | #E91E63 | — |
| markup.inserted, punctuation.definition.inserted | #1DE9B6 | — |
| markup.deleted, punctuation.definition.deleted | #FF1744 | — |
| markup.changed, punctuation.definition.changed | #FF006E | — |