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#0F1622
- activityBar.border#20293A
- activityBar.foreground#DCE3EC
- activityBar.inactiveForeground#7D8899
- activityBarBadge.background#82AAFF
- activityBarBadge.foreground#0F1117
- breadcrumb.activeSelectionForeground#DCE3EC
- breadcrumb.background#121722
- breadcrumb.foreground#8F9AAC
- descriptionForeground#AAB4C3
- disabledForeground#6F7A89
- dropdown.background#131A27
- dropdown.border#20293A
- dropdown.foreground#DCE3EC
- editor.background#0F1117
- editor.findMatchBackground#3E4E68
- editor.findMatchBorder#58739A
- editor.findMatchHighlightBackground#2A334488
- editor.findMatchHighlightBorder#445773
- editor.foreground#DCE3EC
- editor.hoverHighlightBackground#26304266
- editor.lineHighlightBackground#151B27
- editor.rangeHighlightBackground#1A2231
- editor.selectionBackground#2A3344
- editor.selectionHighlightBackground#2A334466
- editor.wordHighlightBackground#2A334455
- editor.wordHighlightStrongBackground#2A334477
- editorBracketMatch.background#2A334444
- editorBracketMatch.border#4D627F
- editorCursor.foreground#F0C674
- editorGutter.addedBackground#5B8A6D
- editorGutter.background#0F1117
- editorGutter.deletedBackground#B77474
- editorGutter.modifiedBackground#7A8FB3
- editorIndentGuide.activeBackground1#2E3A4E
- editorIndentGuide.background1#1E2736
- editorLineNumber.activeForeground#AAB4C3
- editorLineNumber.foreground#556173
- editorLink.activeForeground#82AAFF
- editorSuggestWidget.background#131A27
- editorSuggestWidget.border#20293A
- editorSuggestWidget.foreground#DCE3EC
- editorSuggestWidget.highlightForeground#82AAFF
- editorSuggestWidget.selectedBackground#273146
- editorWhitespace.foreground#3B4659
- editorWidget.background#131A27
- editorWidget.border#20293A
- errorForeground#E58C8C
- focusBorder#2A3344
- foreground#DCE3EC
- input.background#131A27
- input.border#20293A
- input.foreground#DCE3EC
- input.placeholderForeground#6F7A89
- inputOption.activeBackground#2A334466
- inputOption.activeBorder#4A5D78
- list.activeSelectionBackground#273146
- list.activeSelectionForeground#E6EDF3
- list.focusOutline#4A5D78
- list.highlightForeground#82AAFF
- list.hoverBackground#202A3B
- list.hoverForeground#DCE3EC
- list.inactiveSelectionBackground#222B3D
- minimap.background#0F1117
- minimap.selectionHighlight#2A3344AA
- panel.background#121722
- panel.border#20293A
- panelTitle.activeBorder#4A5D78
- panelTitle.activeForeground#DCE3EC
- panelTitle.inactiveForeground#8B95A6
- peekView.border#4A5D78
- peekViewEditor.background#101520
- peekViewResult.background#121722
- peekViewTitle.background#151C2A
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#4A5D78AA
- scrollbarSlider.background#2A334455
- scrollbarSlider.hoverBackground#3A465C88
- sideBar.background#121722
- sideBar.border#20293A
- sideBar.foreground#DCE3EC
- sideBarSectionHeader.background#151C2A
- sideBarSectionHeader.border#20293A
- sideBarSectionHeader.foreground#AAB4C3
- sideBarTitle.foreground#DCE3EC
- statusBar.background#121826
- statusBar.border#20293A
- statusBar.debuggingBackground#2A3344
- statusBar.debuggingForeground#F2B880
- statusBar.foreground#DCE3EC
- statusBar.noFolderBackground#121826
- statusBar.noFolderForeground#DCE3EC
- tab.activeBackground#121826
- tab.activeBorderTop#4A5D78
- tab.activeForeground#DCE3EC
- tab.border#20293A
- tab.inactiveBackground#101621
- tab.inactiveForeground#8F9AAC
- terminal.ansiBlack#232A36
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#6F7A89
- terminal.ansiBrightBlue#9ABEFF
- terminal.ansiBrightCyan#A2DDD5
- terminal.ansiBrightGreen#B7E2B9
- terminal.ansiBrightMagenta#D3A9EF
- terminal.ansiBrightRed#E5A5A5
- terminal.ansiBrightWhite#E6EDF3
- terminal.ansiBrightYellow#F4C898
- terminal.ansiCyan#8BD5CA
- terminal.ansiGreen#A3D9A5
- terminal.ansiMagenta#C792EA
- terminal.ansiRed#D99292
- terminal.ansiWhite#DCE3EC
- terminal.ansiYellow#F2B880
- terminal.background#0F1117
- terminal.foreground#DCE3EC
- titleBar.activeBackground#121826
- titleBar.activeForeground#DCE3EC
- titleBar.border#20293A
- titleBar.inactiveBackground#111624
- titleBar.inactiveForeground#8F9AAC
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6F7A89 | italic |
| keyword, storage, storage.type, storage.modifier | #C792EA | — |
| string, string.quoted, string.template | #A3D9A5 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #82AAFF | — |
| constant.numeric, constant.language.boolean | #F2B880 | — |
| entity.name.type, entity.name.class, support.class, support.type | #8BD5CA | — |
| variable, meta.definition.variable, entity.name.variable | #E6EDF3 | — |
| variable.parameter | #D8E4F0 | — |
| variable.other.property, meta.object-literal.key, support.variable.property | #B8C8DD | — |
| entity.name.tag, meta.tag | #82AAFF | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #8BD5CA | — |
| support.type.property-name.json, meta.object-literal.key.json | #B8C8DD | — |