Neon Trench – Aether Blue Theme
Publisher: WebCraftIDThemes in package: 1
A deep cyber-dark theme infused with glowing neon blue tones for developers who love clarity, focus, and futuristic aesthetics.
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#000d10
- activityBar.border#00fdf163
- activityBar.foreground#00d9ff
- activityBar.inactiveForeground#6e6e6e
- activityBarBadge.background#00ccff
- activityBarBadge.foreground#000000
- badge.background#007acc
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#4ec9b0
- breadcrumb.background#1e1e1e
- breadcrumb.focusForeground#e7e7e7
- breadcrumb.foreground#cccccccc
- button.background#007acc
- button.foreground#ffffff
- button.hoverBackground#005a9e
- dropdown.background#001d31
- dropdown.border#00eeff
- dropdown.foreground#f3f3f3
- editor.background#00071b
- editor.foreground#ffffff
- editor.lineHighlightBackground#00312e
- editor.selectionBackground#264f78
- editorCursor.foreground#ffffff
- editorGroupHeader.tabsBackground#00182e
- editorLineNumber.activeForeground#00ffbf
- editorLineNumber.foreground#858585
- editorSuggestWidget.background#252525
- editorSuggestWidget.border#454545
- editorSuggestWidget.foreground#d4d4d4
- editorSuggestWidget.highlightForeground#4ec9b0
- editorSuggestWidget.selectedBackground#005a9e
- editorWidget.background#252525
- editorWidget.border#454545
- editorWidget.foreground#cccccc
- input.background#0080ff28
- input.border#00ffff
- input.foreground#f2f2f2
- input.placeholderForeground#87e3eb9c
- list.activeSelectionBackground#005a9e
- list.activeSelectionForeground#ffffff
- list.hoverBackground#2a2a2a
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#37373d
- list.inactiveSelectionForeground#cccccc
- menu.background#001022
- menu.foreground#cccccc
- menu.selectionBackground#005a9e
- menu.selectionForeground#ffffff
- menu.separatorBackground#ffffff37
- notifications.background#252525
- notifications.border#2a2a2a
- notifications.foreground#cccccc
- panel.background#001e39
- panel.border#00000000
- panelTitle.activeBorder#00ffe5
- panelTitle.activeForeground#00ffd0
- panelTitle.inactiveForeground#878787
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#5d5d5d92
- scrollbarSlider.background#02fffb66
- scrollbarSlider.hoverBackground#00ffeab3
- sideBar.background#000d18
- sideBar.border#00fbff30
- sideBar.foreground#ffffff
- sideBarSectionHeader.background#002432
- sideBarSectionHeader.foreground#00ffc8
- sideBarTitle.foreground#00f7ff
- statusBar.background#00101b
- statusBar.border#005a9e
- statusBar.debuggingBackground#000527
- statusBar.debuggingForeground#00ffcc
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#0a001c
- tab.activeBackground#002e2a
- tab.activeBorder#00fffb
- tab.activeBorderTop#00fbff
- tab.activeForeground#ffffff
- tab.border#003f4c
- tab.inactiveBackground#001016
- tab.inactiveForeground#6e6e6e
- terminal.ansiBlack#000000
- terminal.ansiBlue#2472c8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3b8eea
- terminal.ansiBrightCyan#29b8db
- terminal.ansiBrightGreen#23d18b
- terminal.ansiBrightMagenta#d670d6
- terminal.ansiBrightRed#f14c4c
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f5f543
- terminal.ansiCyan#11a8cd
- terminal.ansiGreen#0dbc79
- terminal.ansiMagenta#bc3fbc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#e5e5e5
- terminal.ansiYellow#e5e510
- terminal.background#000d1d
- terminal.foreground#00e5ff
- terminal.selectionBackground#264f78
- terminalCursor.background#00b2b5
- terminalCursor.foreground#00c9c2
- titleBar.activeBackground#000d1a
- titleBar.activeForeground#cccccc
- titleBar.border#34343400
- titleBar.inactiveBackground#000409
- titleBar.inactiveForeground#6e6e6e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #c3c3c3 | italic |
| keyword, storage.type, storage.modifier | #00ffea | — |
| string, string.quoted | #00ffb3 | — |
| entity.name.function, support.function | #00fff7 | — |
| constant.numeric | #f0f0f0 | — |
| variable | #00e1ff | — |
| entity.name.type, support.type, support.class | #ffaa00 | — |
| entity.name.tag.css, entity.name.tag.html, entity.name.tag.custom.css, source.css entity.name.tag | #28ff73 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less | #00ffe5 | — |
| support.constant.property-value.css, constant.numeric.css, constant.other.color.rgb-value.css | #00ff88 | — |
| keyword.other.unit.px.css, keyword.other.unit.rem.css, keyword.other.unit.vh.css, keyword.other.unit.vw.css | #00ff04 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.class.css | #00ffae | — |