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#000000
- activityBar.foreground#a78bfa
- activityBar.inactiveForeground#6e5494
- activityBarBadge.background#a78bfa
- activityBarBadge.foreground#000000
- badge.background#a78bfa
- badge.foreground#1e1a2e
- button.background#a78bfa
- button.foreground#1e1a2e
- button.hoverBackground#8b6be0
- debugToolBar.background#000000
- debugToolBar.border#2a2a3a
- editor.background#0a0a0f
- editor.findMatchBackground#6d4ba1
- editor.findMatchHighlightBackground#6d4ba155
- editor.foreground#d4c5f9
- editor.inactiveSelectionBackground#2d2540
- editor.lineHighlightBackground#0f0f1a
- editor.selectionBackground#473d5c
- editor.wordHighlightBackground#473d5c55
- editor.wordHighlightStrongBackground#473d5c99
- editorBracketMatch.background#473d5c
- editorBracketMatch.border#a78bfa
- editorCursor.foreground#d4c5f9
- editorError.foreground#f087bd
- editorGroupHeader.tabsBackground#000000
- editorHint.foreground#a8e6cf
- editorIndentGuide.activeBackground#2a2a3a
- editorIndentGuide.background#1a1a2a
- editorInfo.foreground#a78bfa
- editorLineNumber.activeForeground#a78bfa
- editorLineNumber.foreground#463a5c
- editorSuggestWidget.background#000000
- editorSuggestWidget.border#2a2a3a
- editorSuggestWidget.selectedBackground#2d1f4d
- editorWarning.foreground#f3c5ff
- editorWhitespace.foreground#2a2a3a
- editorWidget.background#000000
- editorWidget.border#2a2a3a
- extensionButton.prominentBackground#a78bfa
- extensionButton.prominentForeground#1e1a2e
- extensionButton.prominentHoverBackground#8b6be0
- gitDecoration.conflictingResourceForeground#d8b4fe
- gitDecoration.deletedResourceForeground#f087bd
- gitDecoration.ignoredResourceForeground#6e5494
- gitDecoration.modifiedResourceForeground#f3c5ff
- gitDecoration.untrackedResourceForeground#a8e6cf
- input.background#0a0a0f
- input.border#2a2a3a
- input.foreground#d4c5f9
- inputOption.activeBackground#473d5c
- inputOption.activeForeground#d4c5f9
- list.activeSelectionBackground#2d1f4d
- list.activeSelectionForeground#d4c5f9
- list.hoverBackground#1a1a2a
- list.hoverForeground#d4c5f9
- list.inactiveSelectionBackground#1a1a2a
- notificationCenter.border#2a2a3a
- notifications.background#000000
- notifications.border#2a2a3a
- notificationToast.border#2a2a3a
- panel.background#000000
- panel.border#1a1a2a
- panelTitle.activeBorder#a78bfa
- panelTitle.activeForeground#d4c5f9
- panelTitle.inactiveForeground#6e5494
- peekViewEditor.background#000000
- peekViewResult.background#000000
- peekViewTitle.background#0a0a0f
- pickerGroup.border#463a5c
- pickerGroup.foreground#a78bfa
- scrollbarSlider.activeBackground#6e5494
- scrollbarSlider.background#463a5c80
- scrollbarSlider.hoverBackground#463a5c
- sideBar.background#000000
- sideBar.foreground#c0aae0
- sideBarSectionHeader.background#0a0a0f
- sideBarSectionHeader.foreground#a78bfa
- sideBarTitle.foreground#d4c5f9
- statusBar.background#000000
- statusBar.debuggingBackground#f087bd
- statusBar.debuggingForeground#000000
- statusBar.foreground#c0aae0
- statusBar.noFolderBackground#000000
- tab.activeBackground#0a0a0f
- tab.activeForeground#d4c5f9
- tab.border#000000
- tab.inactiveBackground#000000
- tab.inactiveForeground#6e5494
- terminal.ansiBlack#48406b
- terminal.ansiBlue#a78bfa
- terminal.ansiBrightBlack#6e5494
- terminal.ansiBrightBlue#a78bfa
- terminal.ansiBrightCyan#c4b5fd
- terminal.ansiBrightGreen#a8e6cf
- terminal.ansiBrightMagenta#d8b4fe
- terminal.ansiBrightRed#f087bd
- terminal.ansiBrightWhite#d4c5f9
- terminal.ansiBrightYellow#f3c5ff
- terminal.ansiCyan#c4b5fd
- terminal.ansiGreen#a8e6cf
- terminal.ansiMagenta#d8b4fe
- terminal.ansiRed#f087bd
- terminal.ansiWhite#d4c5f9
- terminal.ansiYellow#f3c5ff
- terminal.background#0a0a0f
- terminal.foreground#d4c5f9
- titleBar.activeBackground#000000
- titleBar.activeForeground#d4c5f9
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#6e5494
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6e5494 | italic |
| keyword, storage.type, storage.modifier | #d8b4fe | — |
| keyword.control, keyword.operator | #d8b4fe | — |
| string, string.quoted | #a8e6cf | — |
| constant.numeric, constant.language | #f3c5ff | — |
| constant.character.escape | #d8b4fe | — |
| entity.name.function, support.function | #a78bfa | — |
| entity.name.class, entity.name.type, support.class | #c4b5fd | — |
| variable, variable.other | #d4c5f9 | — |
| variable.parameter | #c4b5fd | — |
| entity.name.tag | #f087bd | — |
| entity.other.attribute-name | #d8b4fe | — |
| support.type.property-name | #a78bfa | — |
| markup.heading | #a78bfa | bold |
| markup.bold | #c4b5fd | bold |
| markup.italic | #d8b4fe | italic |
| markup.underline | — | underline |
| markup.inline.raw | #a8e6cf | — |
| punctuation.definition.tag | #6e5494 | — |
| meta.function-call | #a78bfa | — |
| invalid | #f087bd | — |