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#263238
- activityBar.foreground#80cbc4
- activityBar.inactiveForeground#546e7a
- activityBarBadge.background#ff5370
- activityBarBadge.foreground#ffffff
- badge.background#ff5370
- badge.foreground#ffffff
- button.background#80cbc4
- button.foreground#263238
- button.hoverBackground#a5d6a7
- debugToolBar.background#263238
- debugToolBar.border#37474f
- editor.background#263238
- editor.findMatchBackground#ffcc0060
- editor.findMatchHighlightBackground#ffcc0030
- editor.foreground#eeffff
- editor.inactiveSelectionBackground#2c3b4130
- editor.lineHighlightBackground#2c3b4150
- editor.selectionBackground#31454940
- editor.wordHighlightBackground#31454950
- editor.wordHighlightStrongBackground#31454980
- editorBracketMatch.background#31454950
- editorBracketMatch.border#80cbc4
- editorCursor.foreground#ffcc00
- editorError.foreground#f07178
- editorGroupHeader.tabsBackground#263238
- editorHint.foreground#80cbc4
- editorIndentGuide.activeBackground#37474f
- editorIndentGuide.background#314549
- editorInfo.foreground#82aaff
- editorLineNumber.activeForeground#607d8b
- editorLineNumber.foreground#37474f
- editorSuggestWidget.background#263238
- editorSuggestWidget.border#37474f
- editorSuggestWidget.selectedBackground#314549
- editorWarning.foreground#ffcb6b
- editorWhitespace.foreground#37474f
- editorWidget.background#263238
- editorWidget.border#37474f
- extensionButton.prominentBackground#80cbc4
- extensionButton.prominentForeground#263238
- extensionButton.prominentHoverBackground#a5d6a7
- gitDecoration.conflictingResourceForeground#ffcb6b
- gitDecoration.deletedResourceForeground#f07178
- gitDecoration.ignoredResourceForeground#546e7a
- gitDecoration.modifiedResourceForeground#82aaff
- gitDecoration.untrackedResourceForeground#c3e88d
- input.background#1e272c
- input.border#37474f
- input.foreground#eeffff
- inputOption.activeBackground#314549
- inputOption.activeForeground#eeffff
- list.activeSelectionBackground#314549
- list.activeSelectionForeground#eeffff
- list.hoverBackground#2a373e
- list.hoverForeground#eeffff
- list.inactiveSelectionBackground#2c3b41
- notificationCenter.border#37474f
- notifications.background#263238
- notifications.border#37474f
- notificationToast.border#37474f
- panel.background#263238
- panel.border#314549
- panelTitle.activeBorder#80cbc4
- panelTitle.activeForeground#eeffff
- panelTitle.inactiveForeground#546e7a
- peekViewEditor.background#263238
- peekViewResult.background#263238
- peekViewTitle.background#314549
- pickerGroup.border#37474f
- pickerGroup.foreground#80cbc4
- scrollbarSlider.activeBackground#607d8b
- scrollbarSlider.background#37474f80
- scrollbarSlider.hoverBackground#546e7a
- sideBar.background#263238
- sideBar.foreground#b0bec5
- sideBarSectionHeader.background#263238
- sideBarSectionHeader.foreground#80cbc4
- sideBarTitle.foreground#eeffff
- statusBar.background#263238
- statusBar.debuggingBackground#7e57c2
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#607d8b
- statusBar.noFolderBackground#263238
- tab.activeBackground#314549
- tab.activeForeground#eeffff
- tab.border#263238
- tab.inactiveBackground#263238
- tab.inactiveForeground#546e7a
- terminal.ansiBlack#000000
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#546e7a
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#89ddff
- terminal.ansiBrightGreen#c3e88d
- terminal.ansiBrightMagenta#c792ea
- terminal.ansiBrightRed#f07178
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffcb6b
- terminal.ansiCyan#89ddff
- terminal.ansiGreen#c3e88d
- terminal.ansiMagenta#c792ea
- terminal.ansiRed#f07178
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffcb6b
- terminal.background#263238
- terminal.foreground#eeffff
- titleBar.activeBackground#263238
- titleBar.activeForeground#eeffff
- titleBar.inactiveBackground#263238
- titleBar.inactiveForeground#546e7a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #546e7a | italic |
| keyword, storage.type, storage.modifier | #c792ea | — |
| keyword.control, keyword.operator | #89ddff | — |
| string, string.quoted | #c3e88d | — |
| constant.numeric, constant.language | #f78c6c | — |
| constant.character.escape | #89ddff | — |
| entity.name.function, support.function | #82aaff | — |
| entity.name.class, entity.name.type, support.class | #ffcb6b | — |
| variable, variable.other | #eeffff | — |
| variable.parameter | #f78c6c | — |
| entity.name.tag | #f07178 | — |
| entity.other.attribute-name | #c792ea | — |
| support.type.property-name | #b2ccd6 | — |
| markup.heading | #89ddff | bold |
| markup.bold | #f78c6c | bold |
| markup.italic | #c792ea | italic |
| markup.underline | — | underline |
| markup.inline.raw | #c3e88d | — |
| punctuation.definition.tag | #546e7a | — |
| meta.function-call | #82aaff | — |
| invalid | #f07178 | — |