Voltrune Theme Collection
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.
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#10181E
- activityBar.border#23343F
- activityBar.foreground#D8E5EA
- activityBar.inactiveForeground#7B8C96
- activityBarBadge.background#77C4D3
- activityBarBadge.foreground#10161B
- breadcrumb.activeSelectionForeground#D8E5EA
- breadcrumb.background#131D24
- breadcrumb.foreground#8A99A2
- descriptionForeground#A6B8C1
- disabledForeground#6E7E87
- dropdown.background#141F26
- dropdown.border#23343F
- dropdown.foreground#D8E5EA
- editor.background#0E151A
- editor.findMatchBackground#365767
- editor.findMatchBorder#5B8191
- editor.findMatchHighlightBackground#28404D88
- editor.findMatchHighlightBorder#42606E
- editor.foreground#D8E5EA
- editor.hoverHighlightBackground#22344066
- editor.lineHighlightBackground#131C22
- editor.rangeHighlightBackground#18242C
- editor.selectionBackground#233845
- editor.selectionHighlightBackground#23384566
- editor.wordHighlightBackground#2E4A5944
- editor.wordHighlightStrongBackground#2E4A5977
- editorBracketMatch.background#31475244
- editorBracketMatch.border#587480
- editorCursor.foreground#97D5DF
- editorGutter.addedBackground#6D958B
- editorGutter.background#0E151A
- editorGutter.deletedBackground#9B7178
- editorGutter.modifiedBackground#6692A4
- editorIndentGuide.activeBackground1#314752
- editorIndentGuide.background1#1E2D36
- editorLineNumber.activeForeground#A6B8C1
- editorLineNumber.foreground#55656F
- editorLink.activeForeground#77C4D3
- editorSuggestWidget.background#141F26
- editorSuggestWidget.border#23343F
- editorSuggestWidget.foreground#D8E5EA
- editorSuggestWidget.highlightForeground#77C4D3
- editorSuggestWidget.selectedBackground#223642
- editorWhitespace.foreground#3A4A53
- editorWidget.background#141F26
- editorWidget.border#23343F
- errorForeground#D6949D
- focusBorder#355062
- foreground#D8E5EA
- input.background#141F26
- input.border#23343F
- input.foreground#D8E5EA
- input.placeholderForeground#6E7E87
- inputOption.activeBackground#23384566
- inputOption.activeBorder#4E7080
- list.activeSelectionBackground#223642
- list.activeSelectionForeground#E3EEF2
- list.focusOutline#4E7080
- list.highlightForeground#77C4D3
- list.hoverBackground#1C2B35
- list.hoverForeground#D8E5EA
- list.inactiveSelectionBackground#1D2D37
- minimap.background#0E151A
- minimap.selectionHighlight#233845AA
- panel.background#131D24
- panel.border#23343F
- panelTitle.activeBorder#4E7080
- panelTitle.activeForeground#D8E5EA
- panelTitle.inactiveForeground#8C9CA4
- peekView.border#4E7080
- peekViewEditor.background#10181E
- peekViewResult.background#131D24
- peekViewTitle.background#17222A
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#587480AA
- scrollbarSlider.background#31475252
- scrollbarSlider.hoverBackground#40606D88
- sideBar.background#131D24
- sideBar.border#23343F
- sideBar.foreground#D8E5EA
- sideBarSectionHeader.background#17222A
- sideBarSectionHeader.border#23343F
- sideBarSectionHeader.foreground#A6B8C1
- sideBarTitle.foreground#D8E5EA
- statusBar.background#121B21
- statusBar.border#23343F
- statusBar.debuggingBackground#29414E
- statusBar.debuggingForeground#97D5DF
- statusBar.foreground#D8E5EA
- statusBar.noFolderBackground#121B21
- statusBar.noFolderForeground#D8E5EA
- tab.activeBackground#121B21
- tab.activeBorderTop#4E7080
- tab.activeForeground#D8E5EA
- tab.border#23343F
- tab.inactiveBackground#10181E
- tab.inactiveForeground#8A99A2
- terminal.ansiBlack#233038
- terminal.ansiBlue#76ABC0
- terminal.ansiBrightBlack#6E7E87
- terminal.ansiBrightBlue#8BB9CB
- terminal.ansiBrightCyan#93D5E0
- terminal.ansiBrightGreen#B8D8CD
- terminal.ansiBrightMagenta#C0B8E0
- terminal.ansiBrightRed#DCAAB1
- terminal.ansiBrightWhite#E3EEF2
- terminal.ansiBrightYellow#D7C59D
- terminal.ansiCyan#77C4D3
- terminal.ansiGreen#A9CDBF
- terminal.ansiMagenta#B4A9D8
- terminal.ansiRed#D19AA2
- terminal.ansiWhite#D8E5EA
- terminal.ansiYellow#CDB78D
- terminal.background#0E151A
- terminal.foreground#D8E5EA
- titleBar.activeBackground#111A20
- titleBar.activeForeground#D8E5EA
- titleBar.border#23343F
- titleBar.inactiveBackground#0F171D
- titleBar.inactiveForeground#8A99A2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6E7E87 | italic |
| keyword, storage, storage.type, storage.modifier | #AFA0D4 | — |
| string, string.quoted, string.template | #A9CDBF | — |
| entity.name.function, support.function, meta.function-call, variable.function | #77C4D3 | — |
| constant.numeric, constant.language.boolean | #CDB78D | — |
| entity.name.type, entity.name.class, support.class, support.type | #93D5E0 | — |
| variable, meta.definition.variable, entity.name.variable | #E3EEF2 | — |
| variable.parameter | #CFDDE2 | — |
| variable.other.property, meta.object-literal.key, support.variable.property | #B7CAD1 | — |
| entity.name.tag, meta.tag | #76ABC0 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #93D5E0 | — |
| support.type.property-name.json, meta.object-literal.key.json | #B7CAD1 | — |