Voltrune Theme Collection

Color themes

• 

  Voltrune Neon Rain

• 

  Voltrune Nocturne

• 

  Voltrune Obsidian

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.activeBorder#66B9C7
• activityBar.background#0A0E13
• activityBar.border#1E2732
• activityBar.foreground#D8DFE8
• activityBar.inactiveForeground#707B89
• activityBarBadge.background#D09A52
• activityBarBadge.foreground#0B0E13
• badge.background#D09A52
• badge.foreground#0B0E13
• breadcrumb.activeSelectionForeground#D8DFE8
• breadcrumb.background#0F1319
• breadcrumb.foreground#7B8694
• button.background#1A2831
• button.foreground#D8DFE8
• button.hoverBackground#20313C
• button.secondaryBackground#15202A
• button.secondaryForeground#D8DFE8
• button.secondaryHoverBackground#1B2933
• descriptionForeground#98A4B2
• diffEditor.insertedLineBackground#11261D55
• diffEditor.insertedTextBackground#17312666
• diffEditor.removedLineBackground#26111655
• diffEditor.removedTextBackground#351A1F66
• disabledForeground#626D79
• dropdown.background#111720
• dropdown.border#1E2732
• dropdown.foreground#D8DFE8
• editor.background#090C11
• editor.findMatchBackground#34525D
• editor.findMatchBorder#66B9C7
• editor.findMatchHighlightBackground#1B273199
• editor.findMatchHighlightBorder#2F404B
• editor.foreground#D8DFE8
• editor.hoverHighlightBackground#1B273166
• editor.inactiveSelectionBackground#16202A
• editor.lineHighlightBackground#0E131A
• editor.rangeHighlightBackground#121922
• editor.selectionBackground#1B2731
• editor.selectionHighlightBackground#1B273166
• editor.wordHighlightBackground#28414A44
• editor.wordHighlightStrongBackground#31475177
• editorBracketMatch.background#21343C44
• editorBracketMatch.border#4F8B96
• editorCursor.foreground#D9A35B
• editorError.foreground#D7727D
• editorGutter.addedBackground#6E9E8C
• editorGutter.background#090C11
• editorGutter.deletedBackground#A56B74
• editorGutter.modifiedBackground#5A899F
• editorIndentGuide.activeBackground1#2C3E4B
• editorIndentGuide.background1#18202B
• editorInfo.foreground#66B9C7
• editorLineNumber.activeForeground#8D99A8
• editorLineNumber.foreground#4B5562
• editorLink.activeForeground#7AC9D7
• editorOverviewRuler.addedForeground#6E9E8C
• editorOverviewRuler.border#00000000
• editorOverviewRuler.deletedForeground#A56B74
• editorOverviewRuler.findMatchForeground#66B9C7
• editorOverviewRuler.modifiedForeground#5A899F
• editorSuggestWidget.background#111720
• editorSuggestWidget.border#1E2732
• editorSuggestWidget.foreground#D8DFE8
• editorSuggestWidget.highlightForeground#7AC9D7
• editorSuggestWidget.selectedBackground#18222C
• editorWarning.foreground#D9A35B
• editorWhitespace.foreground#2B3440
• editorWidget.background#111720
• editorWidget.border#1E2732
• errorForeground#D7727D
• focusBorder#4F8B96
• foreground#D8DFE8
• gitDecoration.addedResourceForeground#8CC8A8
• gitDecoration.deletedResourceForeground#D6858F
• gitDecoration.ignoredResourceForeground#5F6976
• gitDecoration.modifiedResourceForeground#87B7DA
• gitDecoration.untrackedResourceForeground#9CC6AF
• input.background#111720
• input.border#1E2732
• input.foreground#D8DFE8
• input.placeholderForeground#626D79
• inputOption.activeBackground#1B273166
• inputOption.activeBorder#4F8B96
• list.activeSelectionBackground#18222C
• list.activeSelectionForeground#E4EBF3
• list.focusOutline#4F8B96
• list.highlightForeground#7AC9D7
• list.hoverBackground#15202A
• list.hoverForeground#D8DFE8
• list.inactiveSelectionBackground#141D26
• minimap.background#090C11
• minimap.selectionHighlight#1B2731AA
• notification.background#111720
• notification.border#1E2732
• notification.foreground#D8DFE8
• panel.background#0F1319
• panel.border#1E2732
• panelTitle.activeBorder#66B9C7
• panelTitle.activeForeground#D8DFE8
• panelTitle.inactiveForeground#7E8996
• peekView.border#4F8B96
• peekViewEditor.background#0B0F15
• peekViewResult.background#0F1319
• peekViewTitle.background#141A22
• scrollbar.shadow#00000000
• scrollbarSlider.activeBackground#4F6E7EAA
• scrollbarSlider.background#2D3F4B50
• scrollbarSlider.hoverBackground#3C546288
• sideBar.background#0F1319
• sideBar.border#1E2732
• sideBar.foreground#D8DFE8
• sideBarSectionHeader.background#141A22
• sideBarSectionHeader.border#1E2732
• sideBarSectionHeader.foreground#98A4B2
• sideBarTitle.foreground#D8DFE8
• statusBar.background#0C1117
• statusBar.border#1E2732
• statusBar.debuggingBackground#2C2118
• statusBar.debuggingForeground#E0AD6A
• statusBar.foreground#D8DFE8
• statusBar.noFolderBackground#0C1117
• statusBar.noFolderForeground#D8DFE8
• statusBarItem.hoverBackground#15202A
• tab.activeBackground#0C1117
• tab.activeBorderTop#D09A52
• tab.activeForeground#D8DFE8
• tab.border#1E2732
• tab.inactiveBackground#0A0E13
• tab.inactiveForeground#7B8694
• terminal.ansiBlack#1D242D
• terminal.ansiBlue#7EAED9
• terminal.ansiBrightBlack#626D79
• terminal.ansiBrightBlue#93BCE2
• terminal.ansiBrightCyan#7AC9D7
• terminal.ansiBrightGreen#AED2BC
• terminal.ansiBrightMagenta#CF8CB0
• terminal.ansiBrightRed#E0848E
• terminal.ansiBrightWhite#E4EBF3
• terminal.ansiBrightYellow#E5B26D
• terminal.ansiCyan#66B9C7
• terminal.ansiGreen#9CC6AF
• terminal.ansiMagenta#C27AA0
• terminal.ansiRed#D7727D
• terminal.ansiWhite#D8DFE8
• terminal.ansiYellow#D9A35B
• terminal.background#090C11
• terminal.foreground#D8DFE8
• terminalCursor.background#090C11
• terminalCursor.foreground#D9A35B
• titleBar.activeBackground#0C1016
• titleBar.activeForeground#D8DFE8
• titleBar.border#1E2732
• titleBar.inactiveBackground#0A0E13
• titleBar.inactiveForeground#7B8694

tokenColors

TextMate scopes and font styles (syntax highlighting rules).