Black Red 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#000000
• activityBar.foreground#FF4444
• activityBarBadge.background#550000
• activityBarBadge.foreground#FF4444
• badge.background#550000
• badge.foreground#FF4444
• button.background#550000
• button.foreground#FF4444
• button.hoverBackground#660000
• dropdown.background#000000
• dropdown.foreground#FF4444
• editor.background#000000
• editor.foreground#FF4C4C
• editor.lineHighlightBackground#110000
• editor.selectionBackground#550000
• editorCursor.foreground#FF0000
• editorLineNumber.foreground#772222
• editorWhitespace.foreground#330000
• gitDecoration.addedResourceForeground#CC2222
• gitDecoration.deletedResourceForeground#FF0000
• gitDecoration.modifiedResourceForeground#FF4444
• input.background#000000
• input.border#550000
• input.foreground#FF4444
• list.activeSelectionBackground#330000
• list.activeSelectionForeground#FF4444
• list.hoverBackground#330000
• list.inactiveSelectionBackground#220000
• notification.background#000000
• notification.buttonBackground#550000
• notification.buttonForeground#FF4444
• notification.foreground#FF4444
• scrollbarSlider.background#44000088
• scrollbarSlider.hoverBackground#550000AA
• sideBar.background#000000
• sideBar.foreground#FF4444
• sideBarSectionHeader.foreground#FF2222
• sideBarTitle.foreground#FF2222
• statusBar.background#000000
• statusBar.border#550000
• statusBar.debuggingBackground#330000
• statusBar.debuggingForeground#FF2222
• statusBar.foreground#FF4444
• statusBar.noFolderBackground#000000
• statusBar.noFolderForeground#FF4444
• statusBarItem.remoteBackground#330000
• statusBarItem.remoteForeground#FF4444
• tab.activeBackground#000000
• tab.activeForeground#FF5555
• tab.inactiveBackground#000000
• tab.inactiveForeground#772222
• terminal.background#000000
• terminal.foreground#FF4444
• terminalCursor.foreground#FF0000
• textLink.activeForeground#FF7777
• textLink.foreground#FF4444
• titleBar.activeBackground#000000
• titleBar.activeForeground#FF4444
• titleBar.inactiveBackground#000000
• titleBar.inactiveForeground#772222
• welcomePage.background#000000
• welcomePage.tileBackground#110000
• welcomePage.tileHoverBackground#220000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).