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#101525
- activityBar.border#252E44
- activityBar.foreground#D8E0EE
- activityBar.inactiveForeground#7C86A0
- activityBarBadge.background#8EA7FF
- activityBarBadge.foreground#11141E
- breadcrumb.activeSelectionForeground#D8E0EE
- breadcrumb.background#141A2A
- breadcrumb.foreground#8A93AA
- descriptionForeground#A8B2C6
- disabledForeground#69738A
- dropdown.background#151B2B
- dropdown.border#252E44
- dropdown.foreground#D8E0EE
- editor.background#10131D
- editor.findMatchBackground#424D72
- editor.findMatchBorder#5D6C9B
- editor.findMatchHighlightBackground#2D355288
- editor.findMatchHighlightBorder#434F72
- editor.foreground#D8E0EE
- editor.hoverHighlightBackground#2B315066
- editor.lineHighlightBackground#151A29
- editor.rangeHighlightBackground#1A2032
- editor.selectionBackground#2A3150
- editor.selectionHighlightBackground#2A315066
- editor.wordHighlightBackground#343C5A44
- editor.wordHighlightStrongBackground#343C5A77
- editorBracketMatch.background#313A5444
- editorBracketMatch.border#5A668F
- editorCursor.foreground#D8B482
- editorGutter.addedBackground#5E8B79
- editorGutter.background#10131D
- editorGutter.deletedBackground#A87079
- editorGutter.modifiedBackground#6D79A5
- editorIndentGuide.activeBackground1#313A54
- editorIndentGuide.background1#20273B
- editorLineNumber.activeForeground#A8B2C6
- editorLineNumber.foreground#535C73
- editorLink.activeForeground#8EA7FF
- editorSuggestWidget.background#151B2B
- editorSuggestWidget.border#252E44
- editorSuggestWidget.foreground#D8E0EE
- editorSuggestWidget.highlightForeground#8EA7FF
- editorSuggestWidget.selectedBackground#27304A
- editorWhitespace.foreground#394154
- editorWidget.background#151B2B
- editorWidget.border#252E44
- errorForeground#D8979F
- focusBorder#343C5A
- foreground#D8E0EE
- input.background#151B2B
- input.border#252E44
- input.foreground#D8E0EE
- input.placeholderForeground#69738A
- inputOption.activeBackground#2A315066
- inputOption.activeBorder#566588
- list.activeSelectionBackground#27304A
- list.activeSelectionForeground#E2E9F4
- list.focusOutline#566588
- list.highlightForeground#8EA7FF
- list.hoverBackground#1F2740
- list.hoverForeground#D8E0EE
- list.inactiveSelectionBackground#212942
- minimap.background#10131D
- minimap.selectionHighlight#2A3150AA
- panel.background#141A2A
- panel.border#252E44
- panelTitle.activeBorder#566588
- panelTitle.activeForeground#D8E0EE
- panelTitle.inactiveForeground#8D96AB
- peekView.border#566588
- peekViewEditor.background#111624
- peekViewResult.background#141A2A
- peekViewTitle.background#181F31
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#556588AA
- scrollbarSlider.background#313A544F
- scrollbarSlider.hoverBackground#404B6F88
- sideBar.background#141A2A
- sideBar.border#252E44
- sideBar.foreground#D8E0EE
- sideBarSectionHeader.background#181F31
- sideBarSectionHeader.border#252E44
- sideBarSectionHeader.foreground#A8B2C6
- sideBarTitle.foreground#D8E0EE
- statusBar.background#14192A
- statusBar.border#252E44
- statusBar.debuggingBackground#2C3250
- statusBar.debuggingForeground#D8B482
- statusBar.foreground#D8E0EE
- statusBar.noFolderBackground#14192A
- statusBar.noFolderForeground#D8E0EE
- tab.activeBackground#14192A
- tab.activeBorderTop#566588
- tab.activeForeground#D8E0EE
- tab.border#252E44
- tab.inactiveBackground#101525
- tab.inactiveForeground#8A93AA
- terminal.ansiBlack#242A39
- terminal.ansiBlue#8EA7FF
- terminal.ansiBrightBlack#69738A
- terminal.ansiBrightBlue#A4B8FF
- terminal.ansiBrightCyan#A5D6E1
- terminal.ansiBrightGreen#AFD7BF
- terminal.ansiBrightMagenta#C6AFF0
- terminal.ansiBrightRed#DEABB4
- terminal.ansiBrightWhite#E2E9F4
- terminal.ansiBrightYellow#E0C096
- terminal.ansiCyan#90C9D6
- terminal.ansiGreen#9DCAB0
- terminal.ansiMagenta#B69BE6
- terminal.ansiRed#D49AA4
- terminal.ansiWhite#D8E0EE
- terminal.ansiYellow#D8B482
- terminal.background#10131D
- terminal.foreground#D8E0EE
- titleBar.activeBackground#131827
- titleBar.activeForeground#D8E0EE
- titleBar.border#252E44
- titleBar.inactiveBackground#111524
- titleBar.inactiveForeground#8792A8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #69738A | italic |
| keyword, storage, storage.type, storage.modifier | #B69BE6 | — |
| string, string.quoted, string.template | #9DCAB0 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #8EA7FF | — |
| constant.numeric, constant.language.boolean | #D8B482 | — |
| entity.name.type, entity.name.class, support.class, support.type | #90C9D6 | — |
| variable, meta.definition.variable, entity.name.variable | #E2E9F4 | — |
| variable.parameter | #CDD7E7 | — |
| variable.other.property, meta.object-literal.key, support.variable.property | #B3C0D7 | — |
| entity.name.tag, meta.tag | #8EA7FF | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #90C9D6 | — |
| support.type.property-name.json, meta.object-literal.key.json | #B3C0D7 | — |