MHuzaifa Pure Black 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.border#00000000
• activityBar.foreground#ffffff
• activityBarBadge.background#ffffff
• activityBarBadge.foreground#000000
• badge.background#ffffff
• badge.foreground#000000
• breadcrumb.background#000000
• breadcrumb.foreground#ffffff
• button.background#222222
• button.foreground#ffffff
• button.hoverBackground#333333
• dropdown.background#000000
• dropdown.border#00000000
• editor.background#000000
• editor.foreground#ffffff
• editor.inactiveSelectionBackground#ffffff10
• editor.selectionBackground#ffffff20
• editor.selectionHighlightBackground#ffffff15
• editorBracketMatch.background#ffffff20
• editorBracketMatch.border#ffffff30
• editorCursor.foreground#ffffff
• editorError.foreground#ff6b6b
• editorGroup.border#00000000
• editorGroup.emptyBackground#000000
• editorGroupHeader.tabsBackground#000000
• editorGroupHeader.tabsBorder#00000000
• editorGutter.background#000000
• editorHoverWidget.background#000000
• editorHoverWidget.border#00000000
• editorHoverWidget.foreground#ffffff
• editorIndentGuide.activeBackground#3a3a3a
• editorIndentGuide.background#2a2a2a
• editorInfo.foreground#4db8ff
• editorLineNumber.activeForeground#ffffff
• editorLineNumber.background#000000
• editorLineNumber.foreground#5a5a5a
• editorSuggestWidget.background#000000
• editorSuggestWidget.border#00000000
• editorSuggestWidget.foreground#ffffff
• editorSuggestWidget.highlightForeground#ffffff
• editorWarning.foreground#f1c40f
• editorWidget.background#000000
• editorWidget.border#00000000
• editorWidget.shadow#00000000
• input.background#000000
• input.border#00000000
• input.foreground#ffffff
• input.placeholderForeground#7a7a7a
• inputOption.activeBorder#ffffff
• list.activeSelectionBackground#ffffff20
• list.activeSelectionForeground#ffffff
• list.focusOutline#00000000
• list.highlightForeground#ffffff
• list.hoverBackground#ffffff10
• list.hoverOutline#00000000
• list.inactiveSelectionBackground#ffffff10
• list.inactiveSelectionForeground#ffffff
• menu.background#000000
• menu.border#00000000
• menu.foreground#ffffff
• notification.background#000000
• notification.border#00000000
• notification.foreground#ffffff
• panel.background#000000
• panel.border#00000000
• pickerGroup.border#00000000
• pickerGroup.foreground#ffffff
• progressBar.background#ffffff
• scrollbar.shadow#00000000
• scrollbarSlider.activeBackground#ffffff40
• scrollbarSlider.background#ffffff20
• scrollbarSlider.hoverBackground#ffffff30
• sideBar.background#000000
• sideBar.border#00000000
• sideBar.foreground#ffffff
• sideBarSectionHeader.background#000000
• sideBarSectionHeader.border#00000000
• sideBarTitle.foreground#ffffff
• statusBar.background#000000
• statusBar.border#00000000
• statusBar.foreground#ffffff
• statusBar.noFolderBorder#00000000
• tab.activeBackground#000000
• tab.activeBorder#00000000
• tab.activeBorderTop#00000000
• tab.border#00000000
• tab.inactiveBackground#000000
• tab.unfocusedActiveBorderTop#00000000
• terminal.ansiBlack#000000
• terminal.ansiBrightBlack#5a5a5a
• terminal.ansiBrightWhite#ffffff
• terminal.ansiWhite#f0f0f0
• terminal.background#000000
• terminal.foreground#ffffff
• titleBar.activeBackground#000000
• titleBar.activeForeground#ffffff
• titleBar.border#00000000
• titleBar.inactiveBackground#000000
• titleBar.inactiveForeground#7a7a7a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).