Voltrune Theme Collection

Name: Voltrune Theme Collection
Author: Caio Abra

Publisher: Caio AbraThemes in package: 7

Premium dark theme collection for VS Code featuring the Voltrune palette family, optimized for long coding sessions across JavaScript, TypeScript, PHP, HTML, CSS/SCSS, and JSON.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Voltrune Theme Collection — Voltrune Neon Rain

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#66B9C7
activityBar.background#0A0E13
activityBar.border#1E2732
activityBar.foreground#D8DFE8
activityBar.inactiveForeground#707B89
activityBarBadge.background#D09A52
activityBarBadge.foreground#0B0E13
badge.background#D09A52
badge.foreground#0B0E13
breadcrumb.activeSelectionForeground#D8DFE8
breadcrumb.background#0F1319
breadcrumb.foreground#7B8694
button.background#1A2831
button.foreground#D8DFE8
button.hoverBackground#20313C
button.secondaryBackground#15202A
button.secondaryForeground#D8DFE8
button.secondaryHoverBackground#1B2933
descriptionForeground#98A4B2
diffEditor.insertedLineBackground#11261D55
diffEditor.insertedTextBackground#17312666
diffEditor.removedLineBackground#26111655
diffEditor.removedTextBackground#351A1F66
disabledForeground#626D79
dropdown.background#111720
dropdown.border#1E2732
dropdown.foreground#D8DFE8
editor.background#090C11
editor.findMatchBackground#34525D
editor.findMatchBorder#66B9C7
editor.findMatchHighlightBackground#1B273199
editor.findMatchHighlightBorder#2F404B
editor.foreground#D8DFE8
editor.hoverHighlightBackground#1B273166
editor.inactiveSelectionBackground#16202A
editor.lineHighlightBackground#0E131A
editor.rangeHighlightBackground#121922
editor.selectionBackground#1B2731
editor.selectionHighlightBackground#1B273166
editor.wordHighlightBackground#28414A44
editor.wordHighlightStrongBackground#31475177
editorBracketMatch.background#21343C44
editorBracketMatch.border#4F8B96
editorCursor.foreground#D9A35B
editorError.foreground#D7727D
editorGutter.addedBackground#6E9E8C
editorGutter.background#090C11
editorGutter.deletedBackground#A56B74
editorGutter.modifiedBackground#5A899F
editorIndentGuide.activeBackground1#2C3E4B
editorIndentGuide.background1#18202B
editorInfo.foreground#66B9C7
editorLineNumber.activeForeground#8D99A8
editorLineNumber.foreground#4B5562
editorLink.activeForeground#7AC9D7
editorOverviewRuler.addedForeground#6E9E8C
editorOverviewRuler.border#00000000
editorOverviewRuler.deletedForeground#A56B74
editorOverviewRuler.findMatchForeground#66B9C7
editorOverviewRuler.modifiedForeground#5A899F
editorSuggestWidget.background#111720
editorSuggestWidget.border#1E2732
editorSuggestWidget.foreground#D8DFE8
editorSuggestWidget.highlightForeground#7AC9D7
editorSuggestWidget.selectedBackground#18222C
editorWarning.foreground#D9A35B
editorWhitespace.foreground#2B3440
editorWidget.background#111720
editorWidget.border#1E2732
errorForeground#D7727D
focusBorder#4F8B96
foreground#D8DFE8
gitDecoration.addedResourceForeground#8CC8A8
gitDecoration.deletedResourceForeground#D6858F
gitDecoration.ignoredResourceForeground#5F6976
gitDecoration.modifiedResourceForeground#87B7DA
gitDecoration.untrackedResourceForeground#9CC6AF
input.background#111720
input.border#1E2732
input.foreground#D8DFE8
input.placeholderForeground#626D79
inputOption.activeBackground#1B273166
inputOption.activeBorder#4F8B96
list.activeSelectionBackground#18222C
list.activeSelectionForeground#E4EBF3
list.focusOutline#4F8B96
list.highlightForeground#7AC9D7
list.hoverBackground#15202A
list.hoverForeground#D8DFE8
list.inactiveSelectionBackground#141D26
minimap.background#090C11
minimap.selectionHighlight#1B2731AA
notification.background#111720
notification.border#1E2732
notification.foreground#D8DFE8
panel.background#0F1319
panel.border#1E2732
panelTitle.activeBorder#66B9C7
panelTitle.activeForeground#D8DFE8
panelTitle.inactiveForeground#7E8996
peekView.border#4F8B96
peekViewEditor.background#0B0F15
peekViewResult.background#0F1319
peekViewTitle.background#141A22
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#4F6E7EAA
scrollbarSlider.background#2D3F4B50
scrollbarSlider.hoverBackground#3C546288
sideBar.background#0F1319
sideBar.border#1E2732
sideBar.foreground#D8DFE8
sideBarSectionHeader.background#141A22
sideBarSectionHeader.border#1E2732
sideBarSectionHeader.foreground#98A4B2
sideBarTitle.foreground#D8DFE8
statusBar.background#0C1117
statusBar.border#1E2732
statusBar.debuggingBackground#2C2118
statusBar.debuggingForeground#E0AD6A
statusBar.foreground#D8DFE8
statusBar.noFolderBackground#0C1117
statusBar.noFolderForeground#D8DFE8
statusBarItem.hoverBackground#15202A
tab.activeBackground#0C1117
tab.activeBorderTop#D09A52
tab.activeForeground#D8DFE8
tab.border#1E2732
tab.inactiveBackground#0A0E13
tab.inactiveForeground#7B8694
terminal.ansiBlack#1D242D
terminal.ansiBlue#7EAED9
terminal.ansiBrightBlack#626D79
terminal.ansiBrightBlue#93BCE2
terminal.ansiBrightCyan#7AC9D7
terminal.ansiBrightGreen#AED2BC
terminal.ansiBrightMagenta#CF8CB0
terminal.ansiBrightRed#E0848E
terminal.ansiBrightWhite#E4EBF3
terminal.ansiBrightYellow#E5B26D
terminal.ansiCyan#66B9C7
terminal.ansiGreen#9CC6AF
terminal.ansiMagenta#C27AA0
terminal.ansiRed#D7727D
terminal.ansiWhite#D8DFE8
terminal.ansiYellow#D9A35B
terminal.background#090C11
terminal.foreground#D8DFE8
terminalCursor.background#090C11
terminalCursor.foreground#D9A35B
titleBar.activeBackground#0C1016
titleBar.activeForeground#D8DFE8
titleBar.border#1E2732
titleBar.inactiveBackground#0A0E13
titleBar.inactiveForeground#7B8694

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#5F6976	italic
keyword, storage, storage.type, storage.modifier, keyword.control, keyword.operator.new	#C27AA0	—
string, string.quoted, string.template	#9CC6AF	—
entity.name.function, support.function, meta.function-call, variable.function	#66B9C7	—
constant.numeric, constant.language.boolean, constant.language, constant.character.escape	#D9A35B	—
entity.name.type, entity.name.class, support.class, support.type	#7EAED9	—
variable, meta.definition.variable, entity.name.variable	#E4EBF3	—
variable.parameter	#C6D2DE	—
variable.other.property, meta.object-literal.key, support.variable.property, entity.other.attribute-name, support.type.property-name.json, meta.object-literal.key.json	#CFA46A	—
meta.decorator, entity.name.function.decorator	#D28AB0	—
entity.name.tag, meta.tag	#66B9C7	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css	#7EAED9	—