Joker Neon Theme
Publisher: fidelp27Themes in package: 1
A dark VS Code theme featuring vibrant neon purple, green, pink, and cyan syntax highlighting with a chaotic, eye-catching aesthetic
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#150a1f
- activityBar.foreground#bf00ff
- activityBar.inactiveForeground#7a4fa3
- activityBarBadge.background#00ff41
- activityBarBadge.foreground#0a0514
- badge.background#bf00ff
- badge.foreground#ffffff
- button.background#bf00ff
- button.foreground#ffffff
- button.hoverBackground#d633ff
- dropdown.background#1a0f24
- dropdown.border#4a2961
- dropdown.foreground#e8e4f0
- editor.background#0a0514
- editor.findMatchBackground#ff1e8c55
- editor.findMatchHighlightBackground#ff1e8c33
- editor.foreground#e8e4f0
- editor.lineHighlightBackground#1a0f2444
- editor.selectionBackground#3d105877
- editor.selectionHighlightBackground#2e144444
- editorBracketMatch.background#3d105844
- editorBracketMatch.border#bf00ff
- editorCursor.foreground#00ff41
- editorGroupHeader.tabsBackground#0d0616
- editorIndentGuide.activeBackground#4a2961
- editorIndentGuide.background#2e1444
- editorLineNumber.activeForeground#bf00ff
- editorLineNumber.foreground#4a2961
- editorSuggestWidget.background#1a0f24
- editorSuggestWidget.highlightForeground#00ff41
- editorSuggestWidget.selectedBackground#2e1444
- editorWhitespace.foreground#2e144477
- editorWidget.background#1a0f24
- editorWidget.border#4a2961
- gitDecoration.conflictingResourceForeground#ffed4e
- gitDecoration.deletedResourceForeground#ff1e8c
- gitDecoration.ignoredResourceForeground#4a2961
- gitDecoration.modifiedResourceForeground#bf00ff
- gitDecoration.untrackedResourceForeground#00ff41
- input.background#1a0f24
- input.border#4a2961
- input.foreground#e8e4f0
- inputOption.activeBorder#00ff41
- list.activeSelectionBackground#2e1444
- list.activeSelectionForeground#00ff41
- list.hoverBackground#251235
- list.hoverForeground#bf00ff
- list.inactiveSelectionBackground#1f0d2e
- panel.background#0a0514
- panel.border#2e1444
- panelTitle.activeBorder#bf00ff
- panelTitle.activeForeground#00ff41
- panelTitle.inactiveForeground#8866aa
- progressBar.background#00ff41
- scrollbarSlider.activeBackground#4a2961bb
- scrollbarSlider.background#2e144477
- scrollbarSlider.hoverBackground#3d105899
- sideBar.background#110819
- sideBar.foreground#c9b8e0
- sideBarSectionHeader.background#1a0f24
- sideBarSectionHeader.foreground#00ff41
- sideBarTitle.foreground#bf00ff
- statusBar.background#0d0616
- statusBar.debuggingBackground#00ff41
- statusBar.debuggingForeground#0a0514
- statusBar.foreground#bf00ff
- statusBar.noFolderBackground#3d1058
- tab.activeBackground#1a0f24
- tab.activeBorder#00ff41
- tab.activeBorderTop#bf00ff
- tab.activeForeground#00ff41
- tab.border#2e1444
- tab.inactiveBackground#0d0616
- tab.inactiveForeground#8866aa
- terminal.ansiBlack#0a0514
- terminal.ansiBlue#bf00ff
- terminal.ansiBrightBlack#4a2961
- terminal.ansiBrightBlue#d633ff
- terminal.ansiBrightCyan#66ffff
- terminal.ansiBrightGreen#39ff6d
- terminal.ansiBrightMagenta#ff66ff
- terminal.ansiBrightRed#ff3da1
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fff176
- terminal.ansiCyan#00ffff
- terminal.ansiGreen#00ff41
- terminal.ansiMagenta#ff00ff
- terminal.ansiRed#ff1e8c
- terminal.ansiWhite#e8e4f0
- terminal.ansiYellow#ffed4e
- terminal.foreground#e8e4f0
- titleBar.activeBackground#0d0616
- titleBar.activeForeground#bf00ff
- titleBar.inactiveBackground#0a0514
- titleBar.inactiveForeground#7a4fa3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6b4d7a | italic |
| string, string.quoted | #00ff41 | — |
| constant.numeric | #ff1e8c | — |
| constant.language | #ff1e8c | bold |
| constant.character, constant.other | #ff66b2 | — |
| variable | #e8e4f0 | — |
| keyword, keyword.control | #bf00ff | bold |
| keyword.operator | #ff1e8c | — |
| storage, storage.type | #d633ff | bold |
| entity.name.class, entity.name.type.class | #ffed4e | bold |
| entity.name.function | #00ffff | bold |
| variable.parameter | #bf99ff | — |
| entity.name.tag | #bf00ff | — |
| entity.other.attribute-name | #00ff41 | — |
| support.function | #00ffff | — |
| support.constant | #ff66b2 | — |
| support.type, support.class | #ffed4e | — |
| invalid | #ffffff | — |
| invalid.deprecated | #ffffff | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #bf00ff | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #00ffff | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #00ff41 | — |
| markup.heading | #bf00ff | bold |
| markup.bold | #ff1e8c | bold |
| markup.italic | #00ffff | italic |
| markup.inline.raw, markup.fenced_code | #00ff41 | — |
| markup.underline.link | #00ffff | — |
| entity.other.attribute-name.class.css | #ffed4e | — |
| entity.other.attribute-name.id.css | #00ff41 | — |
| support.type.property-name.css | #00ffff | — |
| support.constant.property-value.css | #bf00ff | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...