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#1a1510
- activityBar.foreground#ff9933
- activityBar.inactiveForeground#4a3520
- activityBarBadge.background#ff9933
- activityBarBadge.foreground#1a1510
- badge.background#ff9933
- badge.foreground#1a1510
- button.background#ff9933
- button.foreground#1a1510
- button.hoverBackground#ffaa44
- debugToolBar.background#1a1510
- debugToolBar.border#3a2515
- editor.background#1a1510
- editor.findMatchBackground#ff993360
- editor.findMatchHighlightBackground#ff993330
- editor.foreground#f4a460
- editor.inactiveSelectionBackground#2a201540
- editor.lineHighlightBackground#1f181240
- editor.selectionBackground#3a2a1860
- editor.wordHighlightBackground#3a2a1850
- editor.wordHighlightStrongBackground#3a2a1880
- editorBracketMatch.background#3a2a1850
- editorBracketMatch.border#ff9933
- editorCursor.foreground#ff9933
- editorError.foreground#cc5522
- editorGroupHeader.tabsBackground#1a1510
- editorHint.foreground#cc8833
- editorIndentGuide.activeBackground#3a2a18
- editorIndentGuide.background#2a2015
- editorInfo.foreground#ff9933
- editorLineNumber.activeForeground#cc7a33
- editorLineNumber.foreground#3a2a18
- editorSuggestWidget.background#1a1510
- editorSuggestWidget.border#3a2515
- editorSuggestWidget.selectedBackground#2a2015
- editorWarning.foreground#ffaa44
- editorWhitespace.foreground#3a2515
- editorWidget.background#1a1510
- editorWidget.border#3a2515
- extensionButton.prominentBackground#ff9933
- extensionButton.prominentForeground#1a1510
- extensionButton.prominentHoverBackground#ffaa44
- gitDecoration.conflictingResourceForeground#dd8844
- gitDecoration.deletedResourceForeground#cc5522
- gitDecoration.ignoredResourceForeground#4a3520
- gitDecoration.modifiedResourceForeground#ff9933
- gitDecoration.untrackedResourceForeground#ffaa44
- input.background#221a12
- input.border#3a2515
- input.foreground#f4a460
- inputOption.activeBackground#2a2015
- inputOption.activeForeground#ffb366
- list.activeSelectionBackground#2a2015
- list.activeSelectionForeground#ffb366
- list.hoverBackground#1f1812
- list.hoverForeground#f4a460
- list.inactiveSelectionBackground#221a12
- notificationCenter.border#3a2515
- notifications.background#1a1510
- notifications.border#3a2515
- notificationToast.border#3a2515
- panel.background#1a1510
- panel.border#2a2015
- panelTitle.activeBorder#ff9933
- panelTitle.activeForeground#ffb366
- panelTitle.inactiveForeground#6a4a30
- peekViewEditor.background#1a1510
- peekViewResult.background#1a1510
- peekViewTitle.background#2a2015
- pickerGroup.border#3a2515
- pickerGroup.foreground#ff9933
- scrollbarSlider.activeBackground#6a4a30
- scrollbarSlider.background#3a251580
- scrollbarSlider.hoverBackground#4a3520
- sideBar.background#1a1510
- sideBar.foreground#d4915a
- sideBarSectionHeader.background#1a1510
- sideBarSectionHeader.foreground#ff9933
- sideBarTitle.foreground#ffb366
- statusBar.background#1a1510
- statusBar.debuggingBackground#ff9933
- statusBar.debuggingForeground#1a1510
- statusBar.foreground#cc7a33
- statusBar.noFolderBackground#1a1510
- tab.activeBackground#2a2015
- tab.activeForeground#ffb366
- tab.border#1a1510
- tab.inactiveBackground#1a1510
- tab.inactiveForeground#6a4a30
- terminal.ansiBlack#1a1510
- terminal.ansiBlue#cc7a33
- terminal.ansiBrightBlack#4a3520
- terminal.ansiBrightBlue#dd8844
- terminal.ansiBrightCyan#ffcc77
- terminal.ansiBrightGreen#dd9944
- terminal.ansiBrightMagenta#ee9955
- terminal.ansiBrightRed#dd6633
- terminal.ansiBrightWhite#ffdd99
- terminal.ansiBrightYellow#ffbb55
- terminal.ansiCyan#eebb66
- terminal.ansiGreen#cc8833
- terminal.ansiMagenta#dd8844
- terminal.ansiRed#cc5522
- terminal.ansiWhite#ffcc88
- terminal.ansiYellow#ffaa44
- terminal.background#1a1510
- terminal.foreground#f4a460
- titleBar.activeBackground#1a1510
- titleBar.activeForeground#f4a460
- titleBar.inactiveBackground#1a1510
- titleBar.inactiveForeground#4a3520
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6a4a30 | italic |
| keyword, storage.type, storage.modifier | #ff9933 | — |
| keyword.control, keyword.operator | #ffaa44 | — |
| string, string.quoted | #cc8833 | — |
| constant.numeric, constant.language | #ee9955 | — |
| constant.character.escape | #ffbb66 | — |
| entity.name.function, support.function | #ffaa44 | — |
| entity.name.class, entity.name.type, support.class | #ffb366 | — |
| variable, variable.other | #f4a460 | — |
| variable.parameter | #d4915a | — |
| entity.name.tag | #ff9933 | — |
| entity.other.attribute-name | #dd9944 | — |
| support.type.property-name | #eebb66 | — |
| markup.heading | #ff9933 | bold |
| markup.bold | #ffaa44 | bold |
| markup.italic | #dd8844 | italic |
| markup.underline | — | underline |
| markup.inline.raw | #cc8833 | — |
| punctuation.definition.tag | #6a4a30 | — |
| meta.function-call | #ffaa44 | — |
| invalid | #cc5522 | — |