✨ Elhassan Neon Themes
Publisher: elhassan-devThemes in package: 5
🎨 Professional neon color themes for VS Code - Dark, Light, Purple, Cyan & Magenta with premium RGB colors. Perfect for coding comfort!
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#1a1a2e
- activityBar.foreground#e0e0ff
- activityBar.inactiveForeground#3d3d5c
- activityBarBadge.background#ff006e
- activityBarBadge.foreground#ffffff
- button.background#ff006e
- button.foreground#ffffff
- button.hoverBackground#ff3366
- dropdown.background#1a1a2e
- dropdown.border#2a2a4a
- dropdown.foreground#e0e0ff
- editor.activeIndentGuide#3d3d5c
- editor.background#0f0f1e
- editor.bracketMatchBackground#ff006e40
- editor.bracketMatchBorder#ff006e
- editor.cursorForeground#00d9ff
- editor.findMatchBackground#2a2a4a
- editor.findMatchHighlightBackground#2a2a4a80
- editor.findRangeHighlightBackground#2a2a4a40
- editor.foreground#e0e0ff
- editor.hoverHighlightBackground#2a2a4a40
- editor.inactiveSelectionBackground#2a2a4a40
- editor.indentGuide#2a2a4a
- editor.lineHighlightBackground#1a1a2e20
- editor.lineNumberActiveforeground#00d9ff
- editor.lineNumberForeground#3d3d5c
- editor.rangeHighlightBackground#2a2a4a40
- editor.selectionBackground#2a2a4a80
- editor.whitespace#3d3d5c
- editor.wordHighlightBackground#2a2a4a50
- editor.wordHighlightStrongBackground#2a2a4a80
- editorCursor.foreground#00d9ff
- editorError.foreground#ff006e
- editorGutter.addedBackground#00ff88
- editorGutter.background#0f0f1e
- editorGutter.deletedBackground#ff006e
- editorGutter.modifiedBackground#00d9ff
- editorHint.foreground#00ff88
- editorIndentGuide.activeBackground#3d3d5c
- editorIndentGuide.background#2a2a4a
- editorInfo.foreground#00d9ff
- editorLineNumber.activeForeground#00d9ff
- editorWarning.foreground#ffbe0b
- editorWhitespace.foreground#3d3d5c
- input.background#1a1a2e
- input.border#2a2a4a
- input.focusBackground#1a1a2e
- input.focusBorder#00d9ff
- input.foreground#e0e0ff
- input.placeholderForeground#3d3d5c
- list.activeSelectionBackground#2a2a4a
- list.activeSelectionForeground#e0e0ff
- list.dropBackground#2a2a4a80
- list.focusBackground#2a2a4a80
- list.focusForeground#e0e0ff
- list.highlightForeground#00d9ff
- list.hoverBackground#2a2a4a40
- list.hoverForeground#e0e0ff
- list.inactiveSelectionBackground#2a2a4a40
- list.inactiveSelectionForeground#e0e0ff
- scrollbarSlider.activeBackground#3d3d5ca0
- scrollbarSlider.background#2a2a4a60
- scrollbarSlider.hoverBackground#2a2a4a80
- sideBar.background#151520
- sideBar.border#1a1a2e
- sideBar.foreground#b8b8d0
- sideBarSectionHeader.background#1a1a2e
- sideBarSectionHeader.border#1a1a2e
- sideBarSectionHeader.foreground#00d9ff
- sideBarTitle.foreground#e0e0ff
- statusBar.background#1a1a2e
- statusBar.border#2a2a4a
- statusBar.debuggingBackground#ff006e
- statusBar.debuggingBorder#ff006e
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#e0e0ff
- statusBar.noFolderBackground#1a1a2e
- statusBar.noFolderBorder#2a2a4a
- statusBar.noFolderForeground#e0e0ff
- statusBarItem.activeBackground#2a2a4a
- statusBarItem.errorBackground#ff006e
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#2a2a4a
- statusBarItem.prominentBackground#ff006e
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#ff336680
- statusBarItem.warningBackground#ffbe0b
- statusBarItem.warningForeground#0f0f1e
- tab.activeBackground#1a1a2e
- tab.activeBorder#ff006e
- tab.activeForeground#00d9ff
- tab.border#0f0f1e
- tab.inactiveBackground#0f0f1e
- tab.inactiveForeground#3d3d5c
- tab.unfocusedActiveBorder#2a2a4a
- tab.unfocusedActiveForeground#e0e0ff
- tab.unfocusedInactiveForeground#2a2a4a
- terminal.ansiBlack#1a1a2e
- terminal.ansiBlue#00d9ff
- terminal.ansiBrightBlack#3d3d5c
- terminal.ansiBrightBlue#33ddff
- terminal.ansiBrightCyan#00ffff
- terminal.ansiBrightGreen#33ff99
- terminal.ansiBrightMagenta#d946ff
- terminal.ansiBrightRed#ff3366
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffcc00
- terminal.ansiCyan#00ffff
- terminal.ansiGreen#00ff88
- terminal.ansiMagenta#b537f2
- terminal.ansiRed#ff006e
- terminal.ansiWhite#e0e0ff
- terminal.ansiYellow#ffbe0b
- terminal.background#0f0f1e
- terminal.foreground#e0e0ff
- titleBar.activeBackground#1a1a2e
- titleBar.activeForeground#e0e0ff
- titleBar.border#2a2a4a
- titleBar.inactiveBackground#0f0f1e
- titleBar.inactiveForeground#3d3d5c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|