ByteWave Themes

Color themes

• 

  ByteWave Cyberpunk

• 

  ByteWave Neon

• 

  ByteWave Ocean

• 

  ByteWave Pastel

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.activeBackground#23263a
• activityBar.activeBorder#a3c9f1
• activityBar.background#181825
• activityBar.border#23263a00
• activityBar.foreground#b8c0ff
• activityBar.inactiveForeground#3a3f5a
• badge.background#b8c0ff
• badge.foreground#181825
• button.activeBorder#b8c0ff
• button.background#b8c0ff
• button.border#23263a00
• button.foreground#181825
• button.hoverBackground#f6c177
• dropdown.activeBorder#b8c0ff
• dropdown.background#181825
• dropdown.border#23263a00
• dropdown.foreground#e0e6f0
• editor.background#181825
• editor.foreground#e0e6f0
• editor.lineHighlightBackground#23263a
• editor.selectionBackground#a3c9f155
• editor.selectionHighlightBackground#a3c9f133
• editor.wordHighlightBackground#a3c9f133
• editorBracketMatch.background#a3c9f1
• editorBracketMatch.border#b8c0ff
• editorCursor.foreground#f6c177
• editorError.border#23263a00
• editorGroup.border#23263a00
• editorGroupHeader.border#23263a00
• editorGroupHeader.tabsBackground#181825
• editorIndentGuide.activeBackground#f6c177
• editorIndentGuide.background#23263a
• editorInfo.border#23263a00
• editorLineNumber.activeForeground#f6c177
• editorLineNumber.foreground#3a3f5a
• editorWarning.border#23263a00
• editorWhitespace.foreground#23263a
• input.activeBorder#b8c0ff
• input.background#181825
• input.border#23263a00
• input.foreground#e0e6f0
• input.placeholderForeground#b8c0ff
• list.activeSelectionBackground#a3c9f155
• list.focusBackground#a3c9f155
• list.hoverBackground#23263a
• list.inactiveSelectionBackground#23263a
• notification.background#181825
• notification.buttonBackground#b8c0ff
• notification.buttonForeground#181825
• notification.buttonHoverBackground#f6c177
• notification.errorBackground#181825
• notification.errorForeground#f6c177
• notification.foreground#e0e6f0
• notification.infoBackground#181825
• notification.infoForeground#b8c0ff
• notification.warningBackground#181825
• notification.warningForeground#f6c177
• panel.border#23263a00
• pickerGroup.border#23263a00
• pickerGroup.foreground#b8c0ff
• quickInput.background#181825
• quickInput.foreground#e0e6f0
• scrollbarSlider.activeBackground#a3c9f155
• scrollbarSlider.background#23263a88
• scrollbarSlider.hoverBackground#23263a
• sideBar.background#181825
• sideBar.foreground#e0e6f0
• sideBarSectionHeader.background#23263a
• sideBarSectionHeader.border#23263a00
• sideBarSectionHeader.foreground#e0e6f0
• sideBarTitle.foreground#e0e6f0
• statusBar.background#23263a
• statusBar.border#23263a00
• statusBar.debuggingBackground#a3c9f1
• statusBar.debuggingForeground#23263a
• statusBar.foreground#e0e6f0
• statusBar.noFolderBackground#23263a
• statusBarItem.activeBackground#a3c9f155
• statusBarItem.hoverBackground#23263a
• statusBarItem.prominentBackground#23263a
• statusBarItem.prominentHoverBackground#a3c9f155
• tab.activeBackground#181825
• tab.activeBorder#23263a00
• tab.border#23263a00
• tab.hoverBackground#23263a
• tab.inactiveBackground#181825
• tab.inactiveBorder#23263a00
• titleBar.activeBackground#181825
• titleBar.activeForeground#e0e6f0
• titleBar.inactiveBackground#23263a
• titleBar.inactiveForeground#b8c0ff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).