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#181411
- activityBar.border#3A2E27
- activityBar.foreground#E2DBD2
- activityBar.inactiveForeground#8D7D72
- activityBarBadge.background#D6A165
- activityBarBadge.foreground#171311
- breadcrumb.activeSelectionForeground#E2DBD2
- breadcrumb.background#1D1815
- breadcrumb.foreground#9C8D82
- descriptionForeground#BDAF9F
- disabledForeground#7E7065
- dropdown.background#1D1815
- dropdown.border#3A2E27
- dropdown.foreground#E2DBD2
- editor.background#14110F
- editor.findMatchBackground#5D4433
- editor.findMatchBorder#8B664A
- editor.findMatchHighlightBackground#47352B88
- editor.findMatchHighlightBorder#604734
- editor.foreground#E2DBD2
- editor.hoverHighlightBackground#382B2366
- editor.lineHighlightBackground#1B1613
- editor.rangeHighlightBackground#231C18
- editor.selectionBackground#3B2D25
- editor.selectionHighlightBackground#3B2D2566
- editor.wordHighlightBackground#4D382B44
- editor.wordHighlightStrongBackground#4D382B77
- editorBracketMatch.background#43342B44
- editorBracketMatch.border#7A5C47
- editorCursor.foreground#E0B97D
- editorGutter.addedBackground#7B8D61
- editorGutter.background#14110F
- editorGutter.deletedBackground#A36D64
- editorGutter.modifiedBackground#9B7A58
- editorIndentGuide.activeBackground1#43342B
- editorIndentGuide.background1#2A231E
- editorLineNumber.activeForeground#BDAF9F
- editorLineNumber.foreground#61544A
- editorLink.activeForeground#D8A86F
- editorSuggestWidget.background#1D1815
- editorSuggestWidget.border#3A2E27
- editorSuggestWidget.foreground#E2DBD2
- editorSuggestWidget.highlightForeground#D8A86F
- editorSuggestWidget.selectedBackground#332720
- editorWhitespace.foreground#463A33
- editorWidget.background#1D1815
- editorWidget.border#3A2E27
- errorForeground#D89988
- focusBorder#594336
- foreground#E2DBD2
- input.background#1D1815
- input.border#3A2E27
- input.foreground#E2DBD2
- input.placeholderForeground#7E7065
- inputOption.activeBackground#3B2D2566
- inputOption.activeBorder#8B664A
- list.activeSelectionBackground#332720
- list.activeSelectionForeground#ECE4DB
- list.focusOutline#8B664A
- list.highlightForeground#D8A86F
- list.hoverBackground#2A201A
- list.hoverForeground#E2DBD2
- list.inactiveSelectionBackground#2B211B
- minimap.background#14110F
- minimap.selectionHighlight#3B2D25AA
- panel.background#1D1815
- panel.border#3A2E27
- panelTitle.activeBorder#8B664A
- panelTitle.activeForeground#E2DBD2
- panelTitle.inactiveForeground#9F9287
- peekView.border#8B664A
- peekViewEditor.background#171310
- peekViewResult.background#1D1815
- peekViewTitle.background#241D18
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#7A5C47AA
- scrollbarSlider.background#43342B50
- scrollbarSlider.hoverBackground#5A443689
- sideBar.background#1D1815
- sideBar.border#3A2E27
- sideBar.foreground#E2DBD2
- sideBarSectionHeader.background#241D18
- sideBarSectionHeader.border#3A2E27
- sideBarSectionHeader.foreground#BDAF9F
- sideBarTitle.foreground#E2DBD2
- statusBar.background#1B1714
- statusBar.border#3A2E27
- statusBar.debuggingBackground#46332A
- statusBar.debuggingForeground#E0B97D
- statusBar.foreground#E2DBD2
- statusBar.noFolderBackground#1B1714
- statusBar.noFolderForeground#E2DBD2
- tab.activeBackground#1B1714
- tab.activeBorderTop#8B664A
- tab.activeForeground#E2DBD2
- tab.border#3A2E27
- tab.inactiveBackground#181411
- tab.inactiveForeground#9C8D82
- terminal.ansiBlack#2A2320
- terminal.ansiBlue#8FAED8
- terminal.ansiBrightBlack#7E7065
- terminal.ansiBrightBlue#A3BCE0
- terminal.ansiBrightCyan#9CD0CA
- terminal.ansiBrightGreen#C5D19B
- terminal.ansiBrightMagenta#CFB1DB
- terminal.ansiBrightRed#DAA497
- terminal.ansiBrightWhite#ECE4DB
- terminal.ansiBrightYellow#E7C58E
- terminal.ansiCyan#8EC4BE
- terminal.ansiGreen#B9C58E
- terminal.ansiMagenta#C2A0D0
- terminal.ansiRed#D29A8B
- terminal.ansiWhite#E2DBD2
- terminal.ansiYellow#E0B97D
- terminal.background#14110F
- terminal.foreground#E2DBD2
- titleBar.activeBackground#1A1715
- titleBar.activeForeground#E2DBD2
- titleBar.border#3A2E27
- titleBar.inactiveBackground#161311
- titleBar.inactiveForeground#9D8F83
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7E7065 | italic |
| keyword, storage, storage.type, storage.modifier | #C2A0D0 | — |
| string, string.quoted, string.template | #B9C58E | — |
| entity.name.function, support.function, meta.function-call, variable.function | #D8A86F | — |
| constant.numeric, constant.language.boolean | #E0B97D | — |
| entity.name.type, entity.name.class, support.class, support.type | #D0B287 | — |
| variable, meta.definition.variable, entity.name.variable | #ECE4DB | — |
| variable.parameter | #DBD0C3 | — |
| variable.other.property, meta.object-literal.key, support.variable.property | #C8BAAA | — |
| entity.name.tag, meta.tag | #D8A86F | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #D0B287 | — |
| support.type.property-name.json, meta.object-literal.key.json | #C8BAAA | — |