Dark Glow Wave
Publisher: Sera-DAIThemes in package: 1
A dark Synthwave/Cyberpunk VS Code theme with neon glow (text-shadow) effects on syntax tokens.
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#1a003570
- activityBar.activeBorder#ff007f
- activityBar.background#0a0a0f
- activityBar.border#1a0035
- activityBar.foreground#ff6ec7
- activityBar.inactiveForeground#3d2060
- activityBarBadge.background#ff007f
- activityBarBadge.foreground#ffffff
- badge.background#7c4dff
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ff6ec7
- breadcrumb.background#0a0a0f
- breadcrumb.focusForeground#c792ea
- breadcrumb.foreground#3d2060
- breadcrumbPicker.background#0d0d1a
- button.background#7c4dff
- button.foreground#ffffff
- button.hoverBackground#651fff
- button.secondaryBackground#1a0035
- button.secondaryForeground#c792ea
- button.secondaryHoverBackground#2a0050
- checkbox.background#0d0d1a
- checkbox.border#3d2060
- checkbox.foreground#c792ea
- diffEditor.diagonalFill#3d2060
- diffEditor.insertedLineBackground#a5d6a710
- diffEditor.insertedTextBackground#a5d6a720
- diffEditor.removedLineBackground#ff537010
- diffEditor.removedTextBackground#ff537020
- dropdown.background#0d0d1a
- dropdown.border#3d2060
- dropdown.foreground#e0f7fa
- dropdown.listBackground#0d0d1a
- editor.background#0a0a0f
- editor.findMatchBackground#ff007f55
- editor.findMatchHighlightBackground#ff007f25
- editor.findRangeHighlightBackground#ff007f15
- editor.focusedStackFrameHighlightBackground#00e5ff20
- editor.foreground#e0f7fa
- editor.inactiveSelectionBackground#7c4dff30
- editor.lineHighlightBackground#1a0a2e
- editor.lineHighlightBorder#3d0070
- editor.selectionBackground#7c4dff55
- editor.selectionHighlightBackground#7c4dff25
- editor.stackFrameHighlightBackground#7c4dff30
- editor.wordHighlightBackground#00e5ff20
- editor.wordHighlightStrongBackground#00e5ff40
- editorBracketHighlight.foreground1#ff6ec7
- editorBracketHighlight.foreground2#00e5ff
- editorBracketHighlight.foreground3#ffcb6b
- editorBracketHighlight.foreground4#a5d6a7
- editorBracketHighlight.foreground5#c792ea
- editorBracketHighlight.foreground6#82aaff
- editorBracketHighlight.unexpectedBracket.foreground#ff1744
- editorBracketMatch.background#7c4dff30
- editorBracketMatch.border#c792ea
- editorCursor.background#0a0a0f
- editorCursor.foreground#ff007f
- editorError.foreground#ff5370
- editorGroupHeader.noTabsBackground#0a0a0f
- editorGroupHeader.tabsBackground#0a0a0f
- editorGroupHeader.tabsBorder#1a0035
- editorGutter.addedBackground#00e676
- editorGutter.background#0d0d15
- editorGutter.deletedBackground#ff1744
- editorGutter.modifiedBackground#00e5ff
- editorHint.foreground#64ffda
- editorHoverWidget.background#0d0d1a
- editorHoverWidget.border#7c4dff
- editorHoverWidget.foreground#e0f7fa
- editorIndentGuide.activeBackground1#7c4dff
- editorIndentGuide.background1#1a0a2e
- editorInfo.foreground#82aaff
- editorLineNumber.activeForeground#c792ea
- editorLineNumber.foreground#2a1a4a
- editorRuler.foreground#1e0040
- editorSuggestWidget.background#0d0d1a
- editorSuggestWidget.border#7c4dff
- editorSuggestWidget.foreground#e0f7fa
- editorSuggestWidget.highlightForeground#ff6ec7
- editorSuggestWidget.selectedBackground#1a0a3a
- editorSuggestWidget.selectedForeground#ffffff
- editorWarning.foreground#ffcb6b
- editorWhitespace.foreground#1a0a2e
- editorWidget.background#0d0d1a
- editorWidget.border#7c4dff
- editorWidget.foreground#e0f7fa
- editorWidget.resizeBorder#ff007f
- focusBorder#7c4dff
- gitDecoration.addedResourceForeground#a5d6a7
- gitDecoration.conflictingResourceForeground#ffcb6b
- gitDecoration.deletedResourceForeground#ff5370
- gitDecoration.ignoredResourceForeground#3d2060
- gitDecoration.modifiedResourceForeground#82aaff
- gitDecoration.submoduleResourceForeground#c792ea
- gitDecoration.untrackedResourceForeground#64ffda
- icon.foreground#c792ea
- input.background#0d0d1a
- input.border#3d2060
- input.foreground#e0f7fa
- input.placeholderForeground#3d2060
- inputOption.activeBackground#1a0a3a
- inputOption.activeBorder#7c4dff
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#1a0a0a
- inputValidation.errorBorder#ff5370
- inputValidation.infoBackground#000d1a
- inputValidation.infoBorder#82aaff
- inputValidation.warningBackground#1a1200
- inputValidation.warningBorder#ffcb6b
- list.activeSelectionBackground#1a0a3a
- list.activeSelectionForeground#ff6ec7
- list.errorForeground#ff5370
- list.focusBackground#1a0a3a
- list.focusForeground#ff6ec7
- list.highlightForeground#00e5ff
- list.hoverBackground#15082a
- list.hoverForeground#e0f7fa
- list.inactiveSelectionBackground#12082a
- list.inactiveSelectionForeground#c792ea
- list.warningForeground#ffcb6b
- listFilterWidget.background#0d0d1a
- listFilterWidget.outline#7c4dff
- menu.background#0d0d1a
- menu.border#3d2060
- menu.foreground#e0f7fa
- menu.selectionBackground#1a0a3a
- menu.selectionForeground#ff6ec7
- menu.separatorBackground#1a0035
- menubar.selectionBackground#12082a
- menubar.selectionForeground#ff6ec7
- minimap.background#0a0a0f
- minimap.errorHighlight#ff1744
- minimap.findMatchHighlight#ff007f80
- minimap.selectionHighlight#7c4dff60
- minimap.warningHighlight#ffcb6b
- minimapGutter.addedBackground#a5d6a7
- minimapGutter.deletedBackground#ff5370
- minimapGutter.modifiedBackground#00e5ff
- minimapSlider.activeBackground#7c4dff60
- minimapSlider.background#7c4dff20
- minimapSlider.hoverBackground#7c4dff40
- notificationCenter.border#7c4dff
- notificationCenterHeader.background#0a0010
- notificationCenterHeader.foreground#c792ea
- notifications.background#0d0d1a
- notifications.border#1a0035
- notifications.foreground#e0f7fa
- notificationsErrorIcon.foreground#ff5370
- notificationsInfoIcon.foreground#82aaff
- notificationsWarningIcon.foreground#ffcb6b
- outline.foreground#e0f7fa
- panel.background#0a0a0f
- panel.border#1a0035
- panel.dropBorder#ff007f
- panelTitle.activeBorder#ff007f
- panelTitle.activeForeground#ff6ec7
- panelTitle.inactiveForeground#3d2060
- peekView.border#7c4dff
- peekViewEditor.background#0d0d1a
- peekViewEditor.matchHighlightBackground#ff007f30
- peekViewResult.background#0a0a0f
- peekViewResult.selectionBackground#1a0a3a
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#0a0010
- peekViewTitleDescription.foreground#c792ea
- peekViewTitleLabel.foreground#ff6ec7
- problemsErrorIcon.foreground#ff5370
- problemsInfoIcon.foreground#82aaff
- problemsWarningIcon.foreground#ffcb6b
- progressBar.background#ff007f
- quickInput.background#0d0d1a
- quickInput.foreground#e0f7fa
- quickInputList.focusBackground#1a0a3a
- quickInputList.focusForeground#ff6ec7
- quickInputList.focusIconForeground#ff007f
- quickInputTitle.background#0a0010
- scrollbar.shadow#0a0a0f
- scrollbarSlider.activeBackground#7c4dff90
- scrollbarSlider.background#7c4dff30
- scrollbarSlider.hoverBackground#7c4dff60
- sideBar.background#0d0d15
- sideBar.border#1a0035
- sideBar.foreground#a0a0c0
- sideBarSectionHeader.background#0a0a0f
- sideBarSectionHeader.border#2a0050
- sideBarSectionHeader.foreground#ff6ec7
- sideBarTitle.foreground#c792ea
- statusBar.background#0a0010
- statusBar.border#1a0035
- statusBar.debuggingBackground#ff007f
- statusBar.debuggingForeground#ffffff
- statusBar.focusBorder#ff007f
- statusBar.foreground#c792ea
- statusBar.noFolderBackground#0a0010
- statusBar.noFolderForeground#c792ea
- statusBarItem.activeBackground#2a0050
- statusBarItem.errorBackground#ff1744
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#1a0035
- statusBarItem.remoteBackground#7c4dff
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#ff8f00
- statusBarItem.warningForeground#000000
- symbolIcon.classForeground#ffcb6b
- symbolIcon.constructorForeground#c792ea
- symbolIcon.functionForeground#00e5ff
- symbolIcon.keywordForeground#ff6ec7
- symbolIcon.methodForeground#00e5ff
- symbolIcon.namespaceForeground#ff6ec7
- symbolIcon.numberForeground#f07178
- symbolIcon.propertyForeground#82aaff
- symbolIcon.stringForeground#a5d6a7
- symbolIcon.variableForeground#e0f7fa
- tab.activeBackground#0d0020
- tab.activeBorder#ff007f
- tab.activeBorderTop#ff007f
- tab.activeForeground#ff6ec7
- tab.border#0a0a0f
- tab.hoverBackground#12082a
- tab.hoverForeground#c792ea
- tab.inactiveBackground#0a0a0f
- tab.inactiveForeground#3d2060
- tab.unfocusedActiveBackground#0d0020
- tab.unfocusedActiveForeground#c792ea
- tab.unfocusedInactiveForeground#3d2060
- terminal.ansiBlack#0a0a0f
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#546e7a
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#64ffda
- terminal.ansiBrightGreen#a5d6a7
- terminal.ansiBrightMagenta#ea80fc
- terminal.ansiBrightRed#ff5370
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffcb6b
- terminal.ansiCyan#00e5ff
- terminal.ansiGreen#a5d6a7
- terminal.ansiMagenta#c792ea
- terminal.ansiRed#ff5370
- terminal.ansiWhite#e0f7fa
- terminal.ansiYellow#ffcb6b
- terminal.background#0a0a0f
- terminal.border#1a0035
- terminal.foreground#e0f7fa
- terminal.selectionBackground#7c4dff40
- terminalCursor.background#0a0a0f
- terminalCursor.foreground#ff007f
- titleBar.activeBackground#0a0a0f
- titleBar.activeForeground#ff6ec7
- titleBar.border#1a0035
- titleBar.inactiveBackground#0a0a0f
- titleBar.inactiveForeground#3d2060
- tree.indentGuidesStroke#1a0035
- treeIndentGuidesStroke#1a0035
- widget.border#3d2060
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.control.python, keyword.control.flow.python | #ff6ec7 | bold |
| storage.type.function.python, storage.type.class.python, storage.modifier.async.python | #ff6ec7 | bold italic |
| keyword.control.import.python | #c792ea | italic underline |
| meta.function.decorator.python, punctuation.definition.decorator.python, entity.name.function.decorator.python | #c792ea | bold |
| keyword.operator.logical.python, keyword.operator.unpacking.python | #ff5370 | bold |
| variable.language.special.self.python, variable.language.special.cls.python | #ff5370 | italic bold |
| entity.name.function.python | #00e5ff | bold |
| meta.function-call.generic.python, entity.name.function.call | #82aaff | italic |
| support.function.builtin.python | #82aaff | |
| entity.name.type.class.python | #ffcb6b | bold underline |
| entity.other.inherited-class.python | #ffcb6b | italic underline |
| variable.other.constant, constant.other.caps.python | #ffcb6b | bold |
| constant.language.python | #ffcb6b | italic |
| variable.parameter.function.python, variable.parameter.function.language.python | #f78c6c | italic |
| string, string.quoted, string.quoted.single.python, string.quoted.double.python, string.quoted.multi.python, string.quoted.raw.single.python, string.quoted.raw.double.python, string.quoted.single.block.python, string.quoted.double.block.python | #318538 | |
| meta.fstring.python, string.interpolated.python, string.quoted.f-string.single.python, string.quoted.f-string.double.python | #c5e1a5 | italic |
| constant.character.format.placeholder.other.python, constant.character.escape.python, constant.character.escape | #ffcb6b | bold |
| storage.type.string.python, string.quoted.binary.python | #f78c6c | bold |
| support.type.python | #64ffda | italic |
| support.type.exception.python | #f07178 | bold |
| support.function.magic.python | #ea80fc | bold italic |
| keyword.operator.python, keyword.operator.assignment.python, keyword.operator.arithmetic.python, keyword.operator.comparison.python, keyword.operator.bitwise.python | #89ddff | |
| punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python | #e0e0e0 | |
| punctuation.separator.python, punctuation.separator.colon.python | #bdbdbd | |
| comment.line.number-sign.python, comment | #546e7a | italic |
| string.quoted.docstring.multi.python | #637777 | italic |
| entity.name.tag.html | #ff6ec7 | bold |
| entity.name.tag.script.html | #ffd740 | bold italic |
| entity.name.tag.style.html | #69f0ae | bold italic |
| entity.other.attribute-name.html, entity.other.attribute-name.generic.html | #b388ff | italic |
| string.quoted.double.html, string.quoted.single.html | #84ffff | |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #ff4081 | |
| meta.tag.sgml.doctype.html, entity.name.tag.doctype.html | #ffd600 | bold underline |
| constant.character.entity.html, punctuation.definition.entity.html | #ea80fc | bold |
| entity.name.tag.css | #ff6ec7 | bold |
| entity.other.attribute-name.class.css | #69f0ae | bold |
| entity.other.attribute-name.id.css | #ffd740 | bold underline |
| support.type.property-name.css, meta.property-name.css | #80d8ff | |
| support.constant.property-value.css | #b2ff59 | |
| constant.numeric.css, keyword.other.unit.css | #ff8a80 | bold |
| support.constant.color.w3c-standard-color-name.css, constant.other.color.rgb-value.hex.css, punctuation.definition.constant.css | #ea80fc | italic |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #84ffff | italic bold |
| keyword.control.at-rule.css, keyword.control.at-rule.media.css, keyword.control.at-rule.import.css, keyword.control.at-rule.keyframes.css | #ffd740 | italic bold |
| keyword.other.important.css | #ff1744 | bold underline |
| support.function.misc.css, support.function.transform.css, support.function.calc.css | #b388ff | italic |
| punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.separator.key-value.css, punctuation.terminator.rule.css | #e0e0e0 | |
| string.quoted.double.css, string.quoted.single.css | #84ffff | |
| entity.name.tag.yaml, entity.other.attribute-name.yaml | #82aaff | bold |
| string.unquoted.yaml, string.quoted.single.yaml, string.quoted.double.yaml | #a5d6a7 | |
| constant.numeric.yaml, constant.language.boolean.yaml | #ffcb6b | bold |
| constant.language.null.yaml | #f07178 | italic bold |
| entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #64ffda | italic |
| keyword.other.directive.yaml, storage.type.tag-handle.yaml, entity.name.tag.yaml.directive | #ea80fc | italic bold |
| keyword.control.flow.block-scalar.literal.yaml, keyword.control.flow.block-scalar.folded.yaml | #ff6ec7 | bold |
| constant.other.timestamp.yaml | #f78c6c | italic |
| punctuation.separator.key-value.yaml, punctuation.definition.block.sequence.item.yaml | #89ddff | |
| comment.line.number-sign.yaml | #546e7a | italic |
| support.type.property-name.json | #82aaff | bold |
| string.quoted.double.json | #a5d6a7 | |
| constant.numeric.json | #ffcb6b | bold |
| constant.language.boolean.json, constant.language.null.json | #f07178 | italic bold |
| punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #e0e0e0 | |
| punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json | #89ddff | |
| heading.1.markdown, markup.heading.atx.1.markdown, markup.heading.setext.1.markdown | #ff6ec7 | bold |
| heading.2.markdown, markup.heading.atx.2.markdown | #ff5370 | bold |
| heading.3.markdown, markup.heading.atx.3.markdown | #ffcb6b | bold |
| heading.4.markdown, heading.5.markdown, heading.6.markdown, markup.heading.atx.4.markdown, markup.heading.atx.5.markdown, markup.heading.atx.6.markdown | #c792ea | bold |
| punctuation.definition.heading.markdown | #c792ea | |
| markup.bold.markdown | #ff6ec7 | bold |
| markup.italic.markdown | #ea80fc | italic |
| markup.bold_italic.markdown | #f07178 | bold italic |
| markup.strikethrough.markdown | #546e7a | |
| markup.inline.raw.string.markdown, markup.raw.inline.markdown | #69f0ae | |
| markup.fenced_code.block.markdown, fenced_code.block.language.markdown | #64ffda | |
| fenced_code.block.language, markup.fenced_code.block.markdown entity.name.label | #00e5ff | italic bold |
| string.other.link.title.markdown, meta.link.inline.markdown, entity.name.tag.html | #84ffff | |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #82aaff | underline italic |
| punctuation.definition.link.markdown, punctuation.definition.metadata.markdown | #89ddff | |
| markup.quote.markdown | #f78c6c | italic |
| punctuation.definition.quote.begin.markdown | #ff5370 | bold |
| punctuation.definition.list.begin.markdown | #c792ea | bold |
| markup.list.numbered.markdown, punctuation.definition.list.begin.numbered.markdown | #c792ea | bold |
| meta.separator.markdown | #89ddff | |
| string.other.link.description.markdown, string.other.link.description.title.markdown | #69f0ae | italic |
| punctuation.definition.table.markdown, markup.table.markdown | #89ddff | |
| meta.embedded.html.markdown, entity.name.tag.html.markdown | #ff6ec7 | italic |
| variable.other.env, keyword.other.env, constant.other.env, variable.language.env | #00e5ff | bold |
| string.quoted.double.env, string.quoted.single.env, string.unquoted.env | #a5d6a7 | |
| keyword.operator.assignment.env, punctuation.separator.key-value.env | #89ddff | |
| constant.numeric.env | #ffcb6b | bold |
| constant.language.boolean.env, constant.language.env | #f07178 | italic bold |
| comment.line.number-sign.env, comment.env | #546e7a | italic |
| meta.group.env, keyword.control.env | #ea80fc | italic bold |
| text.plain, source.plaintext | #cfd8dc |