Neon Cyberpunk Theme
Publisher: Little WaterfallThemes in package: 7
A cyberpunk theme collection with vibrant neon colors and glow effects for VS Code
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.background#001100
- activityBar.border#003300
- activityBar.foreground#00ff00
- activityBar.inactiveForeground#008000
- activityBarBadge.background#ff0000
- activityBarBadge.foreground#000000
- breadcrumb.activeSelectionForeground#00ff00
- breadcrumb.background#000800
- breadcrumb.focusForeground#00ff00
- breadcrumb.foreground#80ff80
- button.background#00ff00
- button.foreground#000000
- button.hoverBackground#80ff80
- button.secondaryBackground#003300
- button.secondaryForeground#00ff00
- button.secondaryHoverBackground#006600
- descriptionForeground#80ff80
- dropdown.background#002200
- dropdown.border#008000
- dropdown.foreground#00ff00
- editor.background#000000
- editor.findMatchBackground#ff000066
- editor.findMatchHighlightBackground#ff000033
- editor.foreground#00ff00
- editor.lineHighlightBackground#00220033
- editor.selectionBackground#00440066
- editor.wordHighlightBackground#00440033
- editorCursor.foreground#00ff00
- editorGroup.border#006600
- editorGroupHeader.tabsBackground#000800
- editorGroupHeader.tabsBorder#003300
- editorGutter.addedBackground#00ff00
- editorGutter.background#000000
- editorGutter.deletedBackground#ff0000
- editorGutter.modifiedBackground#ffff00
- editorLineNumber.activeForeground#00ff00
- editorLineNumber.foreground#008000
- errorForeground#ff0000
- foreground#00ff00
- icon.foreground#00ff00
- input.background#002200
- input.border#008000
- input.foreground#00ff00
- input.placeholderForeground#004400
- inputOption.activeBackground#004400
- inputOption.activeBorder#00ff00
- list.activeSelectionBackground#004400
- list.activeSelectionForeground#00ff00
- list.focusBackground#004400
- list.highlightForeground#00ff00
- list.hoverBackground#002200
- list.inactiveSelectionBackground#002200
- menu.background#002200
- menu.foreground#00ff00
- menu.selectionBackground#004400
- menu.selectionForeground#00ff00
- menu.separatorBackground#008000
- menubar.selectionBackground#004400
- menubar.selectionForeground#00ff00
- minimap.background#000000
- minimap.selectionHighlight#00440066
- minimapSlider.activeBackground#00440099
- minimapSlider.background#00440033
- minimapSlider.hoverBackground#00440066
- notificationCenter.border#006600
- notificationCenterHeader.background#006600
- notificationCenterHeader.foreground#00ff00
- notifications.background#002200
- notifications.border#008000
- notifications.foreground#00ff00
- panel.background#000800
- panel.border#006600
- panelTitle.activeBorder#00ff00
- panelTitle.activeForeground#00ff00
- panelTitle.inactiveForeground#008000
- scrollbar.shadow#000000aa
- scrollbarSlider.activeBackground#00440099
- scrollbarSlider.background#00440033
- scrollbarSlider.hoverBackground#00440066
- sideBar.background#000800
- sideBar.border#003300
- sideBar.foreground#80ff80
- sideBarSectionHeader.background#003300
- sideBarSectionHeader.border#006600
- sideBarSectionHeader.foreground#00ff00
- sideBarTitle.foreground#00ff00
- statusBar.background#001100
- statusBar.border#003300
- statusBar.foreground#80ff80
- statusBarItem.activeBackground#004400
- statusBarItem.hoverBackground#006600
- tab.activeBackground#003300
- tab.activeBorder#00ff00
- tab.activeBorderTop#00ff00
- tab.activeForeground#00ff00
- tab.border#006600
- tab.inactiveBackground#000800
- tab.inactiveForeground#008000
- terminal.ansiBlack#000000
- terminal.ansiBlue#0080ff
- terminal.ansiBrightBlack#808080
- terminal.ansiBrightBlue#8080ff
- terminal.ansiBrightCyan#80ffff
- terminal.ansiBrightGreen#80ff80
- terminal.ansiBrightMagenta#ff80ff
- terminal.ansiBrightRed#ff8080
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffff80
- terminal.ansiCyan#00ffff
- terminal.ansiGreen#00ff00
- terminal.ansiMagenta#ff00ff
- terminal.ansiRed#ff0000
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffff00
- terminal.background#000000
- terminal.foreground#00ff00
- titleBar.activeBackground#001100
- titleBar.activeForeground#00ff00
- titleBar.border#003300
- titleBar.inactiveBackground#000800
- titleBar.inactiveForeground#008000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #004400 | italic |
| string, string.quoted, string.template | #80ff80 | — |
| constant.numeric | #00ff00 | — |
| keyword, storage.type, storage.modifier | #00ff00 | bold |
| entity.name.function, meta.function-call.generic, support.function | #80ff80 | — |
| entity.name.class, entity.name.type, support.type, support.class | #40ff40 | — |
| variable, meta.definition.variable | #c0ffc0 | — |
| variable.other.property, support.variable.property | #60ff60 | — |
| constant, variable.other.constant | #00ff00 | — |
| keyword.control.import, keyword.control.from, keyword.control.export | #00ff00 | italic |
| keyword.operator | #40ff40 | — |
| punctuation | #80ff80 | — |
| entity.name.tag | #00ff00 | — |
| entity.other.attribute-name | #80ff80 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #40ff40 | — |
| support.type.property-name.css | #80ff80 | — |
| support.type.property-name.json | #80ff80 | — |
| markup.heading | #00ff00 | bold |
| markup.bold | #80ff80 | bold |
| markup.italic | #60ff60 | italic |
| markup.inline.raw, markup.fenced_code | #40ff40 | — |
| markup.underline.link | #00ff00 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...