wave-pack
Publisher: Schalk NeethlingThemes in package: 1
Neon Wave theme, Monaspace Neon Frozen typography, and a curated set of extensions for frontend web development.
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#4cc9f0
- activityBar.background#0a0918
- activityBar.border#12102a
- activityBar.foreground#d4d0f0
- activityBar.inactiveForeground#4361ee99
- activityBarBadge.background#f72585
- activityBarBadge.foreground#ffffff
- badge.background#f72585
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#d4d0f0
- breadcrumb.focusForeground#4cc9f0
- breadcrumb.foreground#7878b0
- breadcrumbPicker.background#0f0d22
- button.background#4361ee
- button.foreground#ffffff
- button.hoverBackground#3f37c9
- button.secondaryBackground#1e1b3a
- button.secondaryForeground#d4d0f0
- button.secondaryHoverBackground#2a2550
- diffEditor.insertedTextBackground#4cc9f022
- diffEditor.removedTextBackground#f7258522
- dropdown.background#12102a
- dropdown.border#2a2550
- dropdown.foreground#d4d0f0
- editor.background#0d0b1e
- editor.findMatchBackground#f7258544
- editor.findMatchHighlightBackground#f7258522
- editor.foreground#d4d0f0
- editor.hoverHighlightBackground#4361ee22
- editor.inactiveSelectionBackground#3f37c922
- editor.lineHighlightBackground#12102a
- editor.lineHighlightBorder#1a1730
- editor.selectionBackground#4361ee44
- editor.wordHighlightBackground#4895ef22
- editor.wordHighlightStrongBackground#4895ef44
- editorBracketHighlight.foreground1#4cc9f0
- editorBracketHighlight.foreground2#f72585
- editorBracketHighlight.foreground3#4895ef
- editorBracketHighlight.foreground4#b5179e
- editorBracketHighlight.foreground5#4361ee
- editorBracketHighlight.foreground6#7209b7
- editorBracketMatch.background#4361ee33
- editorBracketMatch.border#4361ee
- editorCursor.foreground#4cc9f0
- editorError.foreground#f72585
- editorGroupHeader.tabsBackground#0a0918
- editorGroupHeader.tabsBorder#12102a
- editorGutter.addedBackground#4cc9f0
- editorGutter.deletedBackground#f72585
- editorGutter.modifiedBackground#4361ee
- editorIndentGuide.activeBackground1#3f37c9
- editorIndentGuide.background1#1e1b3a
- editorInfo.foreground#4cc9f0
- editorLineNumber.activeForeground#4361ee
- editorLineNumber.foreground#3a3660
- editorOverviewRuler.border#0d0b1e
- editorOverviewRuler.errorForeground#f72585
- editorOverviewRuler.findMatchForeground#f72585
- editorOverviewRuler.infoForeground#4cc9f0
- editorOverviewRuler.warningForeground#4895ef
- editorRuler.foreground#1a1730
- editorWarning.foreground#4895ef
- editorWhitespace.foreground#2a2550
- extensionButton.prominentBackground#4361ee
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#3f37c9
- focusBorder#4361ee
- gitDecoration.addedResourceForeground#4cc9f0
- gitDecoration.conflictingResourceForeground#b5179e
- gitDecoration.deletedResourceForeground#f72585
- gitDecoration.ignoredResourceForeground#3a3660
- gitDecoration.modifiedResourceForeground#4361ee
- gitDecoration.untrackedResourceForeground#4895ef
- input.background#12102a
- input.border#2a2550
- input.foreground#d4d0f0
- input.placeholderForeground#3a3660
- inputOption.activeBackground#3f37c9
- inputOption.activeBorder#4361ee
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#1a0820
- inputValidation.errorBorder#f72585
- inputValidation.infoBackground#0b0f28
- inputValidation.infoBorder#4361ee
- list.activeSelectionBackground#3f37c9
- list.activeSelectionForeground#ffffff
- list.errorForeground#f72585
- list.focusBackground#3f37c966
- list.highlightForeground#4cc9f0
- list.hoverBackground#16133a
- list.hoverForeground#d4d0f0
- list.inactiveSelectionBackground#1e1b3a
- list.inactiveSelectionForeground#d4d0f0
- list.warningForeground#4895ef
- menu.background#0f0d22
- menu.border#2a2550
- menu.foreground#d4d0f0
- menu.selectionBackground#3f37c9
- menu.selectionForeground#ffffff
- menu.separatorBackground#1a1730
- notificationCenterHeader.background#0f0d22
- notificationLink.foreground#4cc9f0
- notifications.background#0f0d22
- notifications.border#2a2550
- panel.background#0a0918
- panel.border#1a1730
- panelTitle.activeBorder#4cc9f0
- panelTitle.activeForeground#d4d0f0
- panelTitle.inactiveForeground#4361ee88
- peekView.border#4361ee
- peekViewEditor.background#0f0d22
- peekViewEditor.matchHighlightBackground#4361ee33
- peekViewResult.background#0a0918
- peekViewResult.fileForeground#4cc9f0
- peekViewResult.lineForeground#b0acd8
- peekViewResult.matchHighlightBackground#4361ee33
- peekViewResult.selectionBackground#3f37c9
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#0a0918
- peekViewTitleDescription.foreground#7878b0
- peekViewTitleLabel.foreground#d4d0f0
- progressBar.background#4cc9f0
- scrollbar.shadow#0d0b1e
- scrollbarSlider.activeBackground#4361ee88
- scrollbarSlider.background#2a255088
- scrollbarSlider.hoverBackground#3f37c988
- selection.background#4361ee55
- settings.checkboxBackground#12102a
- settings.checkboxBorder#2a2550
- settings.dropdownBackground#12102a
- settings.dropdownBorder#2a2550
- settings.headerForeground#4cc9f0
- settings.modifiedItemIndicator#4361ee
- settings.numberInputBackground#12102a
- settings.numberInputBorder#2a2550
- settings.textInputBackground#12102a
- settings.textInputBorder#2a2550
- sideBar.background#0f0d22
- sideBar.border#12102a
- sideBar.foreground#b0acd8
- sideBarSectionHeader.background#0d0b1e
- sideBarSectionHeader.border#1a1730
- sideBarSectionHeader.foreground#7878b0
- sideBarTitle.foreground#4cc9f0
- statusBar.background#0a0918
- statusBar.border#12102a
- statusBar.debuggingBackground#3f37c9
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#7878b0
- statusBar.noFolderBackground#0a0918
- statusBarItem.activeBackground#3f37c9
- statusBarItem.hoverBackground#1e1b3a
- statusBarItem.prominentBackground#f72585
- statusBarItem.remoteBackground#4361ee
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#0d0b1e
- tab.activeBorderTop#4cc9f0
- tab.activeForeground#d4d0f0
- tab.border#12102a
- tab.hoverBackground#12102a
- tab.inactiveBackground#0a0918
- tab.inactiveForeground#4361ee99
- tab.unfocusedActiveBackground#0d0b1e
- tab.unfocusedActiveBorderTop#3f37c9
- terminal.ansiBlack#1a1730
- terminal.ansiBlue#4361ee
- terminal.ansiBrightBlack#3a3660
- terminal.ansiBrightBlue#4895ef
- terminal.ansiBrightCyan#4cc9f0
- terminal.ansiBrightGreen#4cc9f0
- terminal.ansiBrightMagenta#f72585
- terminal.ansiBrightRed#f72585
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#4895ef
- terminal.ansiCyan#4cc9f0
- terminal.ansiGreen#4895ef
- terminal.ansiMagenta#b5179e
- terminal.ansiRed#f72585
- terminal.ansiWhite#d4d0f0
- terminal.ansiYellow#4895ef
- terminal.background#0a0918
- terminal.foreground#d4d0f0
- terminal.selectionBackground#4361ee44
- terminalCursor.foreground#4cc9f0
- titleBar.activeBackground#0a0918
- titleBar.activeForeground#d4d0f0
- titleBar.border#12102a
- titleBar.inactiveBackground#0a0918
- titleBar.inactiveForeground#4361ee88
- widget.shadow#0a091888
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #56509a | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical.python, storage.type.class, storage.type.function, storage.type.extends | #f72585 | — |
| storage.modifier, keyword.control.flow, keyword.control.return, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #b5179e | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.return-type, storage.type.primitive | #b5179e | — |
| entity.name.function, meta.function-call entity.name.function, support.function, meta.method-call entity.name.function | #4895ef | — |
| variable.parameter, meta.function.parameter variable.other | #4895ef | italic |
| variable, variable.other, variable.other.readwrite, meta.definition.variable | #d4d0f0 | — |
| variable.other.constant, variable.other.enummember, support.constant | #7209b7 | — |
| string, string.quoted, string.template | #4cc9f0 | — |
| constant.character.escape, string.regexp | #4895ef | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #f72585 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #7209b7 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #7209b7 | italic |
| variable.other.object.property, meta.object-literal.key, support.type.property-name | #4361ee | — |
| variable.other.property, meta.property.object | #4361ee | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.optional | #b5179e | — |
| punctuation, punctuation.separator, punctuation.terminator, meta.brace | #6060a0 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #f72585 | italic |
| meta.type.annotation, meta.type.parameters, entity.name.type.ts, entity.name.type.module | #b5179e | — |
| entity.name.type.interface | #b5179e | italic |
| string.quoted.double.import, string.quoted.single.import, entity.name.module | #4cc9f0 | — |
| entity.name.tag, meta.tag | #f72585 | — |
| entity.other.attribute-name, meta.tag entity.other.attribute-name | #4361ee | — |
| string.quoted.double.html, string.quoted.single.html | #4cc9f0 | — |
| punctuation.definition.tag, punctuation.definition.tag.html | #560bad | — |
| entity.name.tag.css, entity.other.attribute-name.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #f72585 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less | #4361ee | — |
| support.constant.property-value.css, meta.property-value.css, support.constant.color.w3c-standard-color-name.css | #4cc9f0 | — |
| variable.css, variable.argument.css, support.type.custom-property.name.css | #4895ef | — |
| keyword.control.at-rule.css, keyword.control.at-rule.scss | #b5179e | — |
| constant.numeric.css, keyword.other.unit.css | #7209b7 | — |
| support.type.property-name.json, string.json support.type.property-name | #4361ee | — |
| string.quoted.double.json | #4cc9f0 | — |
| markup.heading, markup.heading.markdown, entity.name.section.markdown, punctuation.definition.heading.markdown | #f72585 | bold |
| markup.bold, markup.bold.markdown | #4895ef | bold |
| markup.italic, markup.italic.markdown | #4895ef | italic |
| markup.inline.raw, markup.raw.block | #4cc9f0 | — |
| markup.underline.link, string.other.link.title.markdown | #4361ee | — |
| markup.quote, markup.quote.markdown | #56509a | italic |
| punctuation.definition.list.begin.markdown | #b5179e | — |
| entity.name.tag.yaml, string.unquoted.plain.out.yaml entity.name.tag | #4361ee | — |
| string.unquoted.plain.out.yaml, string.quoted.single.yaml, string.quoted.double.yaml | #4cc9f0 | — |
| variable.other.alias.yaml, entity.name.label.yaml, punctuation.definition.alias.yaml, punctuation.definition.anchor.yaml | #b5179e | — |
| invalid, invalid.deprecated | #f72585 | strikethrough |