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#1a2a3a
• activityBar.activeBorder#93c5fd
• activityBar.background#0a1a2a
• activityBar.border#1a2a3a00
• activityBar.foreground#7dd3fc
• activityBar.inactiveForeground#3a4a5a
• badge.background#7dd3fc
• badge.foreground#0a1a2a
• button.activeBorder#7dd3fc
• button.background#7dd3fc
• button.border#1a2a3a00
• button.foreground#0a1a2a
• button.hoverBackground#93c5fd
• dropdown.activeBorder#7dd3fc
• dropdown.background#0a1a2a
• dropdown.border#1a2a3a00
• dropdown.foreground#e0f7fa
• editor.background#0a1a2a
• editor.foreground#e0f7fa
• editor.lineHighlightBackground#1a2a3a
• editor.selectionBackground#00bcd455
• editor.selectionHighlightBackground#00bcd433
• editor.wordHighlightBackground#7dd3fc33
• editorBracketMatch.background#00bcd433
• editorBracketMatch.border#93c5fd
• editorCursor.foreground#7dd3fc
• editorError.border#1a2a3a00
• editorGroup.border#1a2a3a00
• editorGroupHeader.border#1a2a3a00
• editorGroupHeader.tabsBackground#0a1a2a
• editorIndentGuide.activeBackground#7dd3fc
• editorIndentGuide.background#1a2a3a
• editorInfo.border#1a2a3a00
• editorLineNumber.activeForeground#7dd3fc
• editorLineNumber.foreground#3a4a5a
• editorWarning.border#1a2a3a00
• editorWhitespace.foreground#1a2a3a
• input.activeBorder#7dd3fc
• input.background#0a1a2a
• input.border#1a2a3a00
• input.foreground#e0f7fa
• input.placeholderForeground#e0f7fa
• list.activeSelectionBackground#00bcd433
• list.focusBackground#00bcd433
• list.hoverBackground#1a2a3a
• list.inactiveSelectionBackground#1a2a3a
• notification.background#0a1a2a
• notification.buttonBackground#7dd3fc
• notification.buttonForeground#0a1a2a
• notification.buttonHoverBackground#93c5fd
• notification.errorBackground#0a1a2a
• notification.errorForeground#86efac
• notification.foreground#e0f7fa
• notification.infoBackground#0a1a2a
• notification.infoForeground#7dd3fc
• notification.warningBackground#0a1a2a
• notification.warningForeground#93c5fd
• panel.border#1a2a3a00
• pickerGroup.border#1a2a3a00
• pickerGroup.foreground#7dd3fc
• quickInput.background#0a1a2a
• quickInput.foreground#e0f7fa
• scrollbarSlider.activeBackground#00bcd433
• scrollbarSlider.background#1a2a3a88
• scrollbarSlider.hoverBackground#1a2a3a
• sideBar.background#0a1a2a
• sideBar.foreground#e0f7fa
• sideBarSectionHeader.background#1a2a3a
• sideBarSectionHeader.border#1a2a3a00
• sideBarSectionHeader.foreground#e0f7fa
• sideBarTitle.foreground#e0f7fa
• statusBar.background#1a2a3a
• statusBar.border#1a2a3a00
• statusBar.debuggingBackground#00bcd433
• statusBar.debuggingForeground#93c5fd
• statusBar.foreground#e0f7fa
• statusBar.noFolderBackground#1a2a3a
• statusBarItem.activeBackground#00bcd433
• statusBarItem.hoverBackground#1a2a3a
• statusBarItem.prominentBackground#1a2a3a
• statusBarItem.prominentHoverBackground#00bcd433
• tab.activeBackground#0a1a2a
• tab.activeBorder#1a2a3a00
• tab.border#1a2a3a00
• tab.hoverBackground#1a2a3a
• tab.inactiveBackground#0a1a2a
• tab.inactiveBorder#1a2a3a00
• titleBar.activeBackground#0a1a2a
• titleBar.activeForeground#e0f7fa
• titleBar.inactiveBackground#1a2a3a
• titleBar.inactiveForeground#7dd3fc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).