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#0f1419
- activityBar.foreground#4dd4d4
- activityBar.inactiveForeground#2a3f4a
- activityBarBadge.background#4dd4d4
- activityBarBadge.foreground#0f1419
- badge.background#4dd4d4
- badge.foreground#0f1419
- button.background#4dd4d4
- button.foreground#0f1419
- button.hoverBackground#5de4e4
- debugToolBar.background#0f1419
- debugToolBar.border#1f3040
- editor.background#0f1419
- editor.findMatchBackground#4dd4d460
- editor.findMatchHighlightBackground#4dd4d430
- editor.foreground#a8d4e6
- editor.inactiveSelectionBackground#1a253040
- editor.lineHighlightBackground#141c2640
- editor.selectionBackground#1a364560
- editor.wordHighlightBackground#1a364550
- editor.wordHighlightStrongBackground#1a364580
- editorBracketMatch.background#1a364550
- editorBracketMatch.border#4dd4d4
- editorCursor.foreground#4dd4d4
- editorError.foreground#5a99bb
- editorGroupHeader.tabsBackground#0f1419
- editorHint.foreground#5abebb
- editorIndentGuide.activeBackground#2a3f4a
- editorIndentGuide.background#1a2530
- editorInfo.foreground#4dd4d4
- editorLineNumber.activeForeground#5a8099
- editorLineNumber.foreground#2a3f4a
- editorSuggestWidget.background#0f1419
- editorSuggestWidget.border#1f3040
- editorSuggestWidget.selectedBackground#1a2530
- editorWarning.foreground#7ad4d4
- editorWhitespace.foreground#1f3040
- editorWidget.background#0f1419
- editorWidget.border#1f3040
- extensionButton.prominentBackground#4dd4d4
- extensionButton.prominentForeground#0f1419
- extensionButton.prominentHoverBackground#5de4e4
- gitDecoration.conflictingResourceForeground#5abedd
- gitDecoration.deletedResourceForeground#5a99bb
- gitDecoration.ignoredResourceForeground#2a3f4a
- gitDecoration.modifiedResourceForeground#7ad4d4
- gitDecoration.untrackedResourceForeground#5abebb
- input.background#1a2530
- input.border#1f3040
- input.foreground#a8d4e6
- inputOption.activeBackground#1a3645
- inputOption.activeForeground#c8dce6
- list.activeSelectionBackground#1a2530
- list.activeSelectionForeground#c8dce6
- list.hoverBackground#141c26
- list.hoverForeground#a8d4e6
- list.inactiveSelectionBackground#161e28
- notificationCenter.border#1f3040
- notifications.background#0f1419
- notifications.border#1f3040
- notificationToast.border#1f3040
- panel.background#0f1419
- panel.border#1a2530
- panelTitle.activeBorder#4dd4d4
- panelTitle.activeForeground#c8dce6
- panelTitle.inactiveForeground#3a5a6a
- peekViewEditor.background#0f1419
- peekViewResult.background#0f1419
- peekViewTitle.background#1a2530
- pickerGroup.border#1f3040
- pickerGroup.foreground#4dd4d4
- scrollbarSlider.activeBackground#3a5a6a
- scrollbarSlider.background#1f304080
- scrollbarSlider.hoverBackground#2a3f4a
- sideBar.background#0f1419
- sideBar.foreground#8fb4c6
- sideBarSectionHeader.background#0f1419
- sideBarSectionHeader.foreground#4dd4d4
- sideBarTitle.foreground#c8dce6
- statusBar.background#0f1419
- statusBar.debuggingBackground#4dd4d4
- statusBar.debuggingForeground#0f1419
- statusBar.foreground#5a8099
- statusBar.noFolderBackground#0f1419
- tab.activeBackground#1a2530
- tab.activeForeground#c8dce6
- tab.border#0f1419
- tab.inactiveBackground#0f1419
- tab.inactiveForeground#3a5a6a
- terminal.ansiBlack#0f1419
- terminal.ansiBlue#3aa4c4
- terminal.ansiBrightBlack#2a3f4a
- terminal.ansiBrightBlue#4ab4d4
- terminal.ansiBrightCyan#5de4e4
- terminal.ansiBrightGreen#6acecc
- terminal.ansiBrightMagenta#6aceee
- terminal.ansiBrightRed#6aa9cc
- terminal.ansiBrightWhite#e8f8ff
- terminal.ansiBrightYellow#8ae4e4
- terminal.ansiCyan#4dd4d4
- terminal.ansiGreen#5abebb
- terminal.ansiMagenta#5abedd
- terminal.ansiRed#5a99bb
- terminal.ansiWhite#c8dce6
- terminal.ansiYellow#7ad4d4
- terminal.background#0f1419
- terminal.foreground#a8d4e6
- titleBar.activeBackground#0f1419
- titleBar.activeForeground#a8d4e6
- titleBar.inactiveBackground#0f1419
- titleBar.inactiveForeground#2a3f4a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #3a5a6a | italic |
| keyword, storage.type, storage.modifier | #3aa4c4 | — |
| keyword.control, keyword.operator | #4ab4d4 | — |
| string, string.quoted | #5abebb | — |
| constant.numeric, constant.language | #7ad4d4 | — |
| constant.character.escape | #8ae4e4 | — |
| entity.name.function, support.function | #4dd4d4 | — |
| entity.name.class, entity.name.type, support.class | #6acecc | — |
| variable, variable.other | #a8d4e6 | — |
| variable.parameter | #8fb4c6 | — |
| entity.name.tag | #3aa4c4 | — |
| entity.other.attribute-name | #5abedd | — |
| support.type.property-name | #4dd4d4 | — |
| markup.heading | #4dd4d4 | bold |
| markup.bold | #3aa4c4 | bold |
| markup.italic | #5abedd | italic |
| markup.underline | — | underline |
| markup.inline.raw | #5abebb | — |
| punctuation.definition.tag | #3a5a6a | — |
| meta.function-call | #4dd4d4 | — |
| invalid | #5a99bb | — |