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#0E1014
- activityBar.border#232730
- activityBar.foreground#D8DCE4
- activityBar.inactiveForeground#7B818D
- activityBarBadge.background#5F7EA8
- activityBarBadge.foreground#0F1014
- breadcrumb.activeSelectionForeground#D8DCE4
- breadcrumb.background#121418
- breadcrumb.foreground#8A909C
- descriptionForeground#A8AFBC
- disabledForeground#727884
- dropdown.background#14171D
- dropdown.border#232730
- dropdown.foreground#D8DCE4
- editor.background#0B0C10
- editor.findMatchBackground#3B4659
- editor.findMatchBorder#64758F
- editor.findMatchHighlightBackground#2B344188
- editor.findMatchHighlightBorder#445164
- editor.foreground#D8DCE4
- editor.hoverHighlightBackground#252C3766
- editor.lineHighlightBackground#121419
- editor.rangeHighlightBackground#181B22
- editor.selectionBackground#222833
- editor.selectionHighlightBackground#22283366
- editor.wordHighlightBackground#30394944
- editor.wordHighlightStrongBackground#30394977
- editorBracketMatch.background#343B4844
- editorBracketMatch.border#59677E
- editorCursor.foreground#C9A975
- editorGutter.addedBackground#72836A
- editorGutter.background#0B0C10
- editorGutter.deletedBackground#946E6E
- editorGutter.modifiedBackground#6A7D98
- editorIndentGuide.activeBackground1#343B48
- editorIndentGuide.background1#1E222A
- editorLineNumber.activeForeground#A8AFBC
- editorLineNumber.foreground#535965
- editorLink.activeForeground#7B9BC2
- editorSuggestWidget.background#14171D
- editorSuggestWidget.border#232730
- editorSuggestWidget.foreground#D8DCE4
- editorSuggestWidget.highlightForeground#7B9BC2
- editorSuggestWidget.selectedBackground#202630
- editorWhitespace.foreground#353B46
- editorWidget.background#14171D
- editorWidget.border#232730
- errorForeground#C98E8E
- focusBorder#4E596D
- foreground#D8DCE4
- input.background#14171D
- input.border#232730
- input.foreground#D8DCE4
- input.placeholderForeground#727884
- inputOption.activeBackground#22283366
- inputOption.activeBorder#6B778C
- list.activeSelectionBackground#202630
- list.activeSelectionForeground#E1E5EC
- list.focusOutline#6B778C
- list.highlightForeground#7B9BC2
- list.hoverBackground#1B2029
- list.hoverForeground#D8DCE4
- list.inactiveSelectionBackground#1A1F28
- minimap.background#0B0C10
- minimap.selectionHighlight#222833AA
- panel.background#121418
- panel.border#232730
- panelTitle.activeBorder#6B778C
- panelTitle.activeForeground#D8DCE4
- panelTitle.inactiveForeground#8C929E
- peekView.border#6B778C
- peekViewEditor.background#0F1116
- peekViewResult.background#121418
- peekViewTitle.background#171A20
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#59677EAA
- scrollbarSlider.background#343B4850
- scrollbarSlider.hoverBackground#46516588
- sideBar.background#121418
- sideBar.border#232730
- sideBar.foreground#D8DCE4
- sideBarSectionHeader.background#171A20
- sideBarSectionHeader.border#232730
- sideBarSectionHeader.foreground#A8AFBC
- sideBarTitle.foreground#D8DCE4
- statusBar.background#111317
- statusBar.border#232730
- statusBar.debuggingBackground#332A22
- statusBar.debuggingForeground#C9A975
- statusBar.foreground#D8DCE4
- statusBar.noFolderBackground#111317
- statusBar.noFolderForeground#D8DCE4
- tab.activeBackground#111317
- tab.activeBorderTop#6B778C
- tab.activeForeground#D8DCE4
- tab.border#232730
- tab.inactiveBackground#0E1014
- tab.inactiveForeground#8A909C
- terminal.ansiBlack#23262D
- terminal.ansiBlue#7B9BC2
- terminal.ansiBrightBlack#727884
- terminal.ansiBrightBlue#8BA8CA
- terminal.ansiBrightCyan#99B7C0
- terminal.ansiBrightGreen#A9BB9F
- terminal.ansiBrightMagenta#ADA0C3
- terminal.ansiBrightRed#CDA6A6
- terminal.ansiBrightWhite#E1E5EC
- terminal.ansiBrightYellow#D4B584
- terminal.ansiCyan#89A9B3
- terminal.ansiGreen#9DAF96
- terminal.ansiMagenta#9E8FB8
- terminal.ansiRed#C29898
- terminal.ansiWhite#D8DCE4
- terminal.ansiYellow#C9A975
- terminal.background#0B0C10
- terminal.foreground#D8DCE4
- titleBar.activeBackground#101115
- titleBar.activeForeground#D8DCE4
- titleBar.border#232730
- titleBar.inactiveBackground#0D0E12
- titleBar.inactiveForeground#8A909C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #727884 | italic |
| keyword, storage, storage.type, storage.modifier | #9E8FB8 | — |
| string, string.quoted, string.template | #A6B39D | — |
| entity.name.function, support.function, meta.function-call, variable.function | #7B9BC2 | — |
| constant.numeric, constant.language.boolean | #C9A975 | — |
| entity.name.type, entity.name.class, support.class, support.type | #B6BDC8 | — |
| variable, meta.definition.variable, entity.name.variable | #E1E5EC | — |
| variable.parameter | #CBD1DB | — |
| variable.other.property, meta.object-literal.key, support.variable.property | #C1A178 | — |
| entity.name.tag, meta.tag | #7B9BC2 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #B6BDC8 | — |
| support.type.property-name.json, meta.object-literal.key.json | #C1A178 | — |