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#2a1f1a
- activityBar.foreground#d4a574
- activityBar.inactiveForeground#5a4535
- activityBarBadge.background#c89060
- activityBarBadge.foreground#1a1210
- badge.background#c89060
- badge.foreground#1a1210
- button.background#c89060
- button.foreground#1a1210
- button.hoverBackground#d4a574
- debugToolBar.background#2a1f1a
- debugToolBar.border#4a3528
- editor.background#2a1f1a
- editor.findMatchBackground#c8906060
- editor.findMatchHighlightBackground#c8906030
- editor.foreground#e6d4c4
- editor.inactiveSelectionBackground#34252040
- editor.lineHighlightBackground#32221c40
- editor.selectionBackground#3a2a2060
- editor.wordHighlightBackground#3a2a2050
- editor.wordHighlightStrongBackground#3a2a2080
- editorBracketMatch.background#3a2a2050
- editorBracketMatch.border#d4a574
- editorCursor.foreground#d4a574
- editorError.foreground#d49080
- editorGroupHeader.tabsBackground#2a1f1a
- editorHint.foreground#b8a588
- editorIndentGuide.activeBackground#4a3528
- editorIndentGuide.background#3a2a20
- editorInfo.foreground#d4a574
- editorLineNumber.activeForeground#a88060
- editorLineNumber.foreground#4a3528
- editorSuggestWidget.background#2a1f1a
- editorSuggestWidget.border#4a3528
- editorSuggestWidget.selectedBackground#3a2a20
- editorWarning.foreground#e6c090
- editorWhitespace.foreground#3a2820
- editorWidget.background#2a1f1a
- editorWidget.border#4a3528
- extensionButton.prominentBackground#c89060
- extensionButton.prominentForeground#1a1210
- extensionButton.prominentHoverBackground#d4a574
- gitDecoration.conflictingResourceForeground#c8a090
- gitDecoration.deletedResourceForeground#d49080
- gitDecoration.ignoredResourceForeground#5a4535
- gitDecoration.modifiedResourceForeground#e6c090
- gitDecoration.untrackedResourceForeground#b8a588
- input.background#342520
- input.border#4a3528
- input.foreground#e6d4c4
- inputOption.activeBackground#3a2a20
- inputOption.activeForeground#f4e4d4
- list.activeSelectionBackground#3a2a20
- list.activeSelectionForeground#f4e4d4
- list.hoverBackground#32221c
- list.hoverForeground#e6d4c4
- list.inactiveSelectionBackground#342520
- notificationCenter.border#4a3528
- notifications.background#2a1f1a
- notifications.border#4a3528
- notificationToast.border#4a3528
- panel.background#2a1f1a
- panel.border#3a2a20
- panelTitle.activeBorder#d4a574
- panelTitle.activeForeground#f4e4d4
- panelTitle.inactiveForeground#7a5a45
- peekViewEditor.background#2a1f1a
- peekViewResult.background#2a1f1a
- peekViewTitle.background#3a2a20
- pickerGroup.border#4a3528
- pickerGroup.foreground#d4a574
- scrollbarSlider.activeBackground#7a5a45
- scrollbarSlider.background#4a352880
- scrollbarSlider.hoverBackground#5a4535
- sideBar.background#2a1f1a
- sideBar.foreground#ceb49a
- sideBarSectionHeader.background#2a1f1a
- sideBarSectionHeader.foreground#d4a574
- sideBarTitle.foreground#e6d4c4
- statusBar.background#2a1f1a
- statusBar.debuggingBackground#c89060
- statusBar.debuggingForeground#1a1210
- statusBar.foreground#a88060
- statusBar.noFolderBackground#2a1f1a
- tab.activeBackground#3a2a20
- tab.activeForeground#f4e4d4
- tab.border#2a1f1a
- tab.inactiveBackground#2a1f1a
- tab.inactiveForeground#7a5a45
- terminal.ansiBlack#1a1210
- terminal.ansiBlue#9aa0b0
- terminal.ansiBrightBlack#5a4535
- terminal.ansiBrightBlue#aab0c0
- terminal.ansiBrightCyan#c0c8b8
- terminal.ansiBrightGreen#c8b598
- terminal.ansiBrightMagenta#d8b0a0
- terminal.ansiBrightRed#e4a090
- terminal.ansiBrightWhite#f6e4d4
- terminal.ansiBrightYellow#f6d0a0
- terminal.ansiCyan#b0b8a8
- terminal.ansiGreen#b8a588
- terminal.ansiMagenta#c8a090
- terminal.ansiRed#d49080
- terminal.ansiWhite#e6d4c4
- terminal.ansiYellow#e6c090
- terminal.background#2a1f1a
- terminal.foreground#e6d4c4
- titleBar.activeBackground#2a1f1a
- titleBar.activeForeground#e6d4c4
- titleBar.inactiveBackground#2a1f1a
- titleBar.inactiveForeground#5a4535
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7a5a45 | italic |
| keyword, storage.type, storage.modifier | #c89060 | — |
| keyword.control, keyword.operator | #d4a574 | — |
| string, string.quoted | #b8a588 | — |
| constant.numeric, constant.language | #e6c090 | — |
| constant.character.escape | #f6d0a0 | — |
| entity.name.function, support.function | #d4a574 | — |
| entity.name.class, entity.name.type, support.class | #c8b598 | — |
| variable, variable.other | #e6d4c4 | — |
| variable.parameter | #ceb49a | — |
| entity.name.tag | #c89060 | — |
| entity.other.attribute-name | #c8a090 | — |
| support.type.property-name | #b0b8a8 | — |
| markup.heading | #d4a574 | bold |
| markup.bold | #c89060 | bold |
| markup.italic | #c8a090 | italic |
| markup.underline | — | underline |
| markup.inline.raw | #b8a588 | — |
| punctuation.definition.tag | #7a5a45 | — |
| meta.function-call | #d4a574 | — |
| invalid | #d49080 | — |