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#141a13
- activityBar.foreground#7fb069
- activityBar.inactiveForeground#506647
- activityBarBadge.background#7fb069
- activityBarBadge.foreground#1a2419
- badge.background#7fb069
- badge.foreground#1a2419
- button.background#7fb069
- button.foreground#1a2419
- button.hoverBackground#6a9b57
- debugToolBar.background#141a13
- debugToolBar.border#3a4d35
- editor.background#1a2419
- editor.findMatchBackground#4a6b3e
- editor.findMatchHighlightBackground#4a6b3e55
- editor.foreground#c5e5b4
- editor.inactiveSelectionBackground#233020
- editor.lineHighlightBackground#1d281b
- editor.selectionBackground#2d4226
- editor.wordHighlightBackground#2d422655
- editor.wordHighlightStrongBackground#2d422699
- editorBracketMatch.background#2d4226
- editorBracketMatch.border#7fb069
- editorCursor.foreground#c5e5b4
- editorError.foreground#e07856
- editorGroupHeader.tabsBackground#141a13
- editorHint.foreground#6fd49d
- editorIndentGuide.activeBackground#3a4d35
- editorIndentGuide.background#233020
- editorInfo.foreground#69a8b0
- editorLineNumber.activeForeground#7fb069
- editorLineNumber.foreground#3a4d35
- editorSuggestWidget.background#141a13
- editorSuggestWidget.border#3a4d35
- editorSuggestWidget.selectedBackground#2d4226
- editorWarning.foreground#b8c969
- editorWhitespace.foreground#3a4d35
- editorWidget.background#141a13
- editorWidget.border#3a4d35
- extensionButton.prominentBackground#7fb069
- extensionButton.prominentForeground#1a2419
- extensionButton.prominentHoverBackground#6a9b57
- gitDecoration.conflictingResourceForeground#a89bb9
- gitDecoration.deletedResourceForeground#e07856
- gitDecoration.ignoredResourceForeground#506647
- gitDecoration.modifiedResourceForeground#b8c969
- gitDecoration.untrackedResourceForeground#6fd49d
- input.background#1a2419
- input.border#3a4d35
- input.foreground#c5e5b4
- inputOption.activeBackground#2d4226
- inputOption.activeForeground#c5e5b4
- list.activeSelectionBackground#2d4226
- list.activeSelectionForeground#c5e5b4
- list.hoverBackground#233020
- list.hoverForeground#c5e5b4
- list.inactiveSelectionBackground#233020
- notificationCenter.border#3a4d35
- notifications.background#141a13
- notifications.border#3a4d35
- notificationToast.border#3a4d35
- panel.background#141a13
- panel.border#1a2419
- panelTitle.activeBorder#7fb069
- panelTitle.activeForeground#c5e5b4
- panelTitle.inactiveForeground#506647
- peekViewEditor.background#141a13
- peekViewResult.background#141a13
- peekViewTitle.background#1a2419
- pickerGroup.border#3a4d35
- pickerGroup.foreground#7fb069
- scrollbarSlider.activeBackground#506647
- scrollbarSlider.background#3a4d3580
- scrollbarSlider.hoverBackground#3a4d35
- sideBar.background#141a13
- sideBar.foreground#adc89f
- sideBarSectionHeader.background#1a2419
- sideBarSectionHeader.foreground#7fb069
- sideBarTitle.foreground#c5e5b4
- statusBar.background#141a13
- statusBar.debuggingBackground#e07856
- statusBar.debuggingForeground#1a2419
- statusBar.foreground#adc89f
- statusBar.noFolderBackground#141a13
- tab.activeBackground#1a2419
- tab.activeForeground#c5e5b4
- tab.border#141a13
- tab.inactiveBackground#141a13
- tab.inactiveForeground#506647
- terminal.ansiBlack#3d5238
- terminal.ansiBlue#69a8b0
- terminal.ansiBrightBlack#506647
- terminal.ansiBrightBlue#69a8b0
- terminal.ansiBrightCyan#6fd49d
- terminal.ansiBrightGreen#7fb069
- terminal.ansiBrightMagenta#a89bb9
- terminal.ansiBrightRed#e07856
- terminal.ansiBrightWhite#c5e5b4
- terminal.ansiBrightYellow#b8c969
- terminal.ansiCyan#6fd49d
- terminal.ansiGreen#7fb069
- terminal.ansiMagenta#a89bb9
- terminal.ansiRed#e07856
- terminal.ansiWhite#c5e5b4
- terminal.ansiYellow#b8c969
- terminal.background#1a2419
- terminal.foreground#c5e5b4
- titleBar.activeBackground#141a13
- titleBar.activeForeground#c5e5b4
- titleBar.inactiveBackground#141a13
- titleBar.inactiveForeground#506647
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #506647 | italic |
| keyword, storage.type, storage.modifier | #a89bb9 | — |
| keyword.control, keyword.operator | #a89bb9 | — |
| string, string.quoted | #7fb069 | — |
| constant.numeric, constant.language | #b8c969 | — |
| constant.character.escape | #a89bb9 | — |
| entity.name.function, support.function | #69a8b0 | — |
| entity.name.class, entity.name.type, support.class | #b8c969 | — |
| variable, variable.other | #c5e5b4 | — |
| variable.parameter | #adc89f | — |
| entity.name.tag | #e07856 | — |
| entity.other.attribute-name | #a89bb9 | — |
| support.type.property-name | #69a8b0 | — |
| markup.heading | #7fb069 | bold |
| markup.bold | #b8c969 | bold |
| markup.italic | #a89bb9 | italic |
| markup.underline | — | underline |
| markup.inline.raw | #7fb069 | — |
| punctuation.definition.tag | #506647 | — |
| meta.function-call | #69a8b0 | — |
| invalid | #e07856 | — |