Smit Dark Theme
Publisher: Smit DudhatThemes in package: 23
A comprehensive dark theme collection with 23 unique variants including the new Black Slate theme - from minimal to cyberpunk, soft to high-contrast!
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#000000
- activityBar.foreground#8ca0b3
- activityBar.inactiveForeground#4d5966
- activityBarBadge.background#8ca0b3
- activityBarBadge.foreground#000000
- badge.background#8ca0b3
- badge.foreground#000000
- button.background#8ca0b3
- button.foreground#000000
- button.hoverBackground#a3b5c9
- debugToolBar.background#0b0e14
- debugToolBar.border#2d3640
- editor.background#0b0e14
- editor.findMatchBackground#4d596680
- editor.findMatchHighlightBackground#4d596640
- editor.foreground#e6eaf0
- editor.inactiveSelectionBackground#14171f
- editor.lineHighlightBackground#0f1419
- editor.selectionBackground#1f2733
- editor.wordHighlightBackground#1f273340
- editor.wordHighlightStrongBackground#1f273380
- editorBracketMatch.background#1f2733
- editorBracketMatch.border#8ca0b3
- editorCursor.foreground#8ca0b3
- editorError.foreground#f07178
- editorGroupHeader.tabsBackground#000000
- editorHint.foreground#7fd962
- editorIndentGuide.activeBackground#2d3640
- editorIndentGuide.background#1a1f29
- editorInfo.foreground#59c2ff
- editorLineNumber.activeForeground#8ca0b3
- editorLineNumber.foreground#2d3640
- editorSuggestWidget.background#0b0e14
- editorSuggestWidget.border#2d3640
- editorSuggestWidget.selectedBackground#1f2733
- editorWarning.foreground#ffcc66
- editorWhitespace.foreground#2d3640
- editorWidget.background#0b0e14
- editorWidget.border#2d3640
- extensionButton.prominentBackground#8ca0b3
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#a3b5c9
- gitDecoration.conflictingResourceForeground#d4bfff
- gitDecoration.deletedResourceForeground#f07178
- gitDecoration.ignoredResourceForeground#4d5966
- gitDecoration.modifiedResourceForeground#ffcc66
- gitDecoration.untrackedResourceForeground#7fd962
- input.background#0b0e14
- input.border#2d3640
- input.foreground#e6eaf0
- inputOption.activeBackground#1f2733
- inputOption.activeForeground#e6eaf0
- list.activeSelectionBackground#1f2733
- list.activeSelectionForeground#e6eaf0
- list.hoverBackground#14171f
- list.hoverForeground#e6eaf0
- list.inactiveSelectionBackground#14171f
- notificationCenter.border#2d3640
- notifications.background#0b0e14
- notifications.border#2d3640
- notificationToast.border#2d3640
- panel.background#000000
- panel.border#1a1f29
- panelTitle.activeBorder#8ca0b3
- panelTitle.activeForeground#e6eaf0
- panelTitle.inactiveForeground#4d5966
- peekViewEditor.background#000000
- peekViewResult.background#000000
- peekViewTitle.background#0b0e14
- pickerGroup.border#2d3640
- pickerGroup.foreground#8ca0b3
- scrollbarSlider.activeBackground#6d7a88
- scrollbarSlider.background#2d364080
- scrollbarSlider.hoverBackground#4d5966
- sideBar.background#000000
- sideBar.foreground#c0c5ce
- sideBarSectionHeader.background#0b0e14
- sideBarSectionHeader.foreground#8ca0b3
- sideBarTitle.foreground#e6eaf0
- statusBar.background#000000
- statusBar.debuggingBackground#f07178
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#c0c5ce
- statusBar.noFolderBackground#000000
- tab.activeBackground#0b0e14
- tab.activeForeground#e6eaf0
- tab.border#000000
- tab.inactiveBackground#000000
- tab.inactiveForeground#4d5966
- terminal.ansiBlack#1a1f29
- terminal.ansiBlue#59c2ff
- terminal.ansiBrightBlack#4d5966
- terminal.ansiBrightBlue#73d6ff
- terminal.ansiBrightCyan#8ae6ff
- terminal.ansiBrightGreen#95e179
- terminal.ansiBrightMagenta#e6d5ff
- terminal.ansiBrightRed#ff8b92
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffdf80
- terminal.ansiCyan#73d0ff
- terminal.ansiGreen#7fd962
- terminal.ansiMagenta#d4bfff
- terminal.ansiRed#f07178
- terminal.ansiWhite#e6eaf0
- terminal.ansiYellow#ffcc66
- terminal.background#0b0e14
- terminal.foreground#e6eaf0
- titleBar.activeBackground#000000
- titleBar.activeForeground#e6eaf0
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#4d5966
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5c6773 | italic |
| keyword, storage.type, storage.modifier | #ff8f40 | bold |
| keyword.control, keyword.operator | #ff8f40 | bold |
| string, string.quoted | #7fd962 | — |
| constant.numeric, constant.language | #ffcc66 | — |
| constant.character.escape | #95e179 | — |
| entity.name.function, support.function | #59c2ff | bold |
| entity.name.class, entity.name.type, support.class | #ffdf80 | bold |
| variable, variable.other | #e6eaf0 | — |
| variable.parameter | #d4bfff | — |
| entity.name.tag | #ff8b92 | bold |
| entity.other.attribute-name | #ffcc66 | — |
| support.type.property-name | #73d0ff | — |
| markup.heading | #59c2ff | bold |
| markup.bold | #ffdf80 | bold |
| markup.italic | #d4bfff | italic |
| markup.underline | — | underline |
| markup.inline.raw | #7fd962 | — |
| punctuation.definition.tag | #8ca0b3 | — |
| meta.function-call | #59c2ff | — |
| invalid | #f07178 | bold |