ByteGlow Theme

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#333348
• activityBar.foreground#e0e3e6
• activityBarBadge.background#ff9e64
• activityBarBadge.foreground#1e1e2e
• debugToolBar.background#2c2f36
• debugToolBar.border#3c4048
• dropdown.background#2c2f36
• dropdown.border#3c4048
• dropdown.foreground#e0e3e6
• editor.background#242434
• editor.findMatchBackground#ffcc6680
• editor.findMatchHighlightBackground#ffcc6640
• editor.foreground#e0e3e6
• editor.inactiveSelectionBackground#2c2f36
• editor.selectionBackground#3c4048
• editor.wordHighlightBackground#3c40484d
• editor.wordHighlightStrongBackground#3c4048aa
• editorBracketHighlight.foreground1#c792ea
• editorBracketHighlight.foreground2#89ddff
• editorBracketHighlight.foreground3#f7768e
• editorBracketMatch.border#ff9e64
• editorCursor.foreground#ffcc66
• editorGroupHeader.tabsBackground#1b1b25
• editorGutter.addedBackground#9ece6a
• editorGutter.deletedBackground#f7768e
• editorGutter.modifiedBackground#e0af68
• editorIndentGuide.activeBackground#5c6370
• editorIndentGuide.background#3c4048
• editorLineNumber.activeForeground#ffffff
• editorLineNumber.foreground#5c6370
• editorWhitespace.foreground#44475a
• gitDecoration.addedResourceForeground#9ece6a
• gitDecoration.deletedResourceForeground#f45975
• gitDecoration.ignoredResourceForeground#989999
• gitDecoration.modifiedResourceForeground#e0af68
• gitDecoration.untrackedResourceForeground#7aa2f7
• menu.background#2c2f36
• menu.foreground#e0e3e6
• menu.selectionBackground#3c4048
• menu.selectionForeground#ffffff
• notification.background#2c2f36
• notification.buttonBackground#3c4048
• notification.buttonForeground#ffffff
• notification.buttonHoverBackground#5c6370
• notification.foreground#e0e3e6
• peekView.border#ff9e64
• peekViewEditor.background#2c2f36
• peekViewResult.background#1b1b25
• peekViewTitle.background#1e1e2e
• sideBar.background#2e2e45
• sideBar.foreground#c5b4b4
• sideBarSectionHeader.background#1b1b29
• sideBarTitle.foreground#bbbbbb
• statusBar.background#1e1e2e
• statusBar.debuggingBackground#c792ea
• statusBar.debuggingForeground#1e1e2e
• statusBar.foreground#bbbbbb
• tab.activeBackground#3f3f58
• tab.activeForeground#ffffff
• tab.border#1e1e2e
• tab.inactiveBackground#1b1b29
• tab.inactiveForeground#888888
• terminal.ansiBlack#1e1e2e
• terminal.ansiBlue#7aa2f7
• terminal.ansiBrightBlack#5c6370
• terminal.ansiBrightBlue#6bbaff
• terminal.ansiBrightCyan#89ddff
• terminal.ansiBrightGreen#b9f27c
• terminal.ansiBrightMagenta#c792ea
• terminal.ansiBrightRed#ff6b6b
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#fddb7c
• terminal.ansiCyan#89ddff
• terminal.ansiGreen#9ece6a
• terminal.ansiMagenta#bb9af7
• terminal.ansiRed#f7768e
• terminal.ansiWhite#e0e3e6
• terminal.ansiYellow#e0af68
• terminal.background#303043
• terminal.foreground#e1bbe8
• terminalCursor.foreground#bcd1a3e1
• titleBar.activeBackground#2c2e3e
• titleBar.activeForeground#e0e3e6
• titleBar.inactiveBackground#1b1b25
• titleBar.inactiveForeground#888888

tokenColors

TextMate scopes and font styles (syntax highlighting rules).