Minimal Dark Theme Pro
Publisher: PrashantkhuvaThemes in package: 2
A premium minimal dark theme for VS Code with clean UI, balanced contrast, and distraction-free coding experience. Designed for long coding sessions.
Color themes
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#0f1419
- activityBar.border#ffffff08
- activityBar.foreground#8aa0b2
- breadcrumb.activeSelectionForeground#7aa2f7
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#8aa0b2
- dropdown.background#0f1419
- dropdown.border#ffffff08
- dropdown.foreground#D4D4D4
- editor.background#0c1116
- editor.foreground#D4D4D4
- editor.inactiveSelectionBackground#264f7844
- editor.lineHighlightBackground#1a2a3a88
- editor.selectionBackground#264f7866
- editorBracketMatch.background#ffffff10
- editorBracketMatch.border#3b82f6
- editorCursor.background#000000
- editorCursor.foreground#ffffff
- editorGroupHeader.tabsBackground#0f1419
- editorHoverWidget.background#0f1419
- editorHoverWidget.border#1c252e
- editorHoverWidget.foreground#D4D4D4
- editorHoverWidget.highlightForeground#7aa2f7
- editorLineNumber.activeForeground#7aa2f7
- editorLineNumber.foreground#2f3e4e
- editorSuggestWidget.background#0f1419
- editorSuggestWidget.border#ffffff08
- editorSuggestWidget.foreground#D4D4D4
- editorSuggestWidget.highlightForeground#7aa2f7
- editorSuggestWidget.selectedBackground#264f78
- editorSuggestWidget.selectedForeground#ffffff
- editorSuggestWidget.selectedIconForeground#7aa2f7
- focusBorder#3b82f6
- input.background#0c1116
- input.border#264f78
- input.foreground#ffffff
- input.placeholderForeground#5c7285
- inputOption.activeBackground#1c252e
- inputOption.activeBorder#1c252e
- list.activeSelectionBackground#264f78
- list.activeSelectionForeground#ffffff
- list.focusBackground#264f78
- list.focusForeground#ffffff
- list.hoverBackground#1c252e
- list.inactiveSelectionBackground#1c252e
- menu.background#0f1419
- menu.foreground#D4D4D4
- menu.selectionBackground#264f78
- menu.selectionForeground#ffffff
- panel.background#0f1419
- panel.border#ffffff08
- pickerGroup.border#1c252e
- pickerGroup.foreground#7aa2f7
- quickInput.background#0f1419
- quickInput.foreground#D4D4D4
- quickInputList.focusBackground#264f78
- quickInputList.focusForeground#ffffff
- scrollbarSlider.background#ffffff14
- scrollbarSlider.hoverBackground#ffffff24
- sideBar.background#0f1419
- sideBar.border#ffffff08
- sideBar.foreground#8aa0b2
- sideBarSectionHeader.background#0f1419
- sideBarSectionHeader.foreground#6b859d
- statusBar.background#0f1419
- statusBar.border#ffffff08
- statusBar.foreground#D4D4D4
- statusBarItem.activeBackground#1c252e
- statusBarItem.hoverBackground#1c252e
- tab.activeBackground#0c1116
- tab.activeBorder#0c1116
- tab.activeBorderTop#0c1116
- tab.activeForeground#ffffff
- tab.inactiveBackground#0f1419
- tab.inactiveForeground#5c7285
- titleBar.activeBackground#0c1116
- titleBar.activeForeground#D4D4D4
- titleBar.inactiveBackground#0c1116
- titleBar.inactiveForeground#5c7285
- window.activeBorder#0c1116
- window.inactiveBorder#0c1116
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6A9955 | italic |
| keyword, storage.type | #C586C0 | — |
| string | #A6E3A1 | — |
| constant.numeric | #B5CEA8 | — |
| entity.name.function | #DCDCAA | — |
| variable | #9CDCFE | — |
| entity.name.type | #4EC9B0 | — |
| keyword.operator | #D4D4D4 | — |
| entity.name.tag | #E06C75 | — |
| entity.other.attribute-name | #E5C890 | — |