Vibe Coder Dark Theme
Publisher: WSPREDADORThemes in package: 1
A vibrant cyberpunk dark theme with neon colors inspired by Vibe Coder - perfect for developers who love bright, energetic coding environments
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#0a0a0a
- activityBar.foreground#00ff88
- activityBarBadge.background#ff0080
- activityBarBadge.foreground#ffffff
- editor.background#0a0a0a
- editor.foreground#e6ffcc
- editor.lineHighlightBackground#111111
- editor.selectionBackground#00ff8866
- editor.selectionHighlightBackground#00ff8844
- editorBracketMatch.background#00ff00
- editorBracketMatch.border#00ff00
- editorCursor.foreground#ffff00
- editorGutter.background#0a0a0a
- editorIndentGuide.activeBackground#66ff66
- editorIndentGuide.background#1a2a1a
- editorLineNumber.activeForeground#ccffcc
- editorLineNumber.foreground#66ff66
- editorWhitespace.foreground#2a4a2a
- editorWidget.background#0f0f0f
- editorWidget.border#00ff88
- list.activeSelectionBackground#ff0099
- list.activeSelectionForeground#ffffff
- list.highlightForeground#00ff88
- list.hoverBackground#1a0a1a
- list.inactiveSelectionBackground#2a1a2e
- sideBar.background#0d0d0d
- sideBar.foreground#ff6bff
- sideBarSectionHeader.background#0f0f0f
- sideBarTitle.foreground#ff6bff
- statusBar.background#00ff88
- statusBar.debuggingBackground#ff0080
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#000000
- statusBar.noFolderBackground#00ff88
- tab.activeBackground#00ff88
- tab.activeForeground#000000
- tab.border#00ff88
- tab.inactiveBackground#1a1a1a
- tab.inactiveForeground#88ff88
- terminal.background#0a0a0a
- terminal.foreground#e6ffcc
- titleBar.activeBackground#00ff88
- titleBar.activeForeground#000000
- titleBar.inactiveBackground#33ffaa
- titleBar.inactiveForeground#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.block, comment.line | #666666 | italic |
| keyword, storage.type, storage.modifier, keyword.control | #ffff00 | — |
| entity.name.tag, meta.tag, punctuation.definition.tag | #00ff88 | — |
| entity.other.attribute-name, variable.other.attribute-name, meta.attribute-name | #00ccff | — |
| string, constant.other.symbol, constant.character.escape | #ff0080 | — |
| constant.numeric, constant.language, constant.numeric.integer, constant.numeric.float | #ffff88 | — |
| variable, variable.parameter, support.variable | #88ff88 | — |
| entity.name.function, support.function, support.constant | #ccff00 | — |
| markup.heading, markup.bold | #ff6bff | — |
| markup.italic | #ffee00 | — |