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#010409
- activityBar.foreground#58a6ff
- activityBar.inactiveForeground#484f58
- activityBarBadge.background#1f6feb
- activityBarBadge.foreground#ffffff
- badge.background#1f6feb
- badge.foreground#ffffff
- button.background#1f6feb
- button.foreground#ffffff
- button.hoverBackground#58a6ff
- debugToolBar.background#161b22
- debugToolBar.border#30363d
- editor.background#0d1117
- editor.findMatchBackground#9e6a03
- editor.findMatchHighlightBackground#9e6a0355
- editor.foreground#c9d1d9
- editor.inactiveSelectionBackground#1f6feb22
- editor.lineHighlightBackground#161b2288
- editor.selectionBackground#1f6feb44
- editor.wordHighlightBackground#1f6feb33
- editor.wordHighlightStrongBackground#1f6feb66
- editorBracketMatch.background#1f6feb33
- editorBracketMatch.border#58a6ff
- editorCursor.foreground#58a6ff
- editorError.foreground#ff7b72
- editorGroupHeader.tabsBackground#010409
- editorHint.foreground#3fb950
- editorIndentGuide.activeBackground#30363d
- editorIndentGuide.background#21262d
- editorInfo.foreground#58a6ff
- editorLineNumber.activeForeground#58a6ff
- editorLineNumber.foreground#30363d
- editorSuggestWidget.background#161b22
- editorSuggestWidget.border#30363d
- editorSuggestWidget.selectedBackground#1f6feb33
- editorWarning.foreground#d29922
- editorWhitespace.foreground#30363d
- editorWidget.background#161b22
- editorWidget.border#30363d
- extensionButton.prominentBackground#1f6feb
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#58a6ff
- gitDecoration.conflictingResourceForeground#bc8cff
- gitDecoration.deletedResourceForeground#ff7b72
- gitDecoration.ignoredResourceForeground#484f58
- gitDecoration.modifiedResourceForeground#d29922
- gitDecoration.untrackedResourceForeground#3fb950
- input.background#0d1117
- input.border#30363d
- input.foreground#c9d1d9
- inputOption.activeBackground#1f6feb33
- inputOption.activeForeground#c9d1d9
- list.activeSelectionBackground#1f6feb33
- list.activeSelectionForeground#c9d1d9
- list.hoverBackground#1f6feb22
- list.hoverForeground#c9d1d9
- list.inactiveSelectionBackground#1f6feb22
- notificationCenter.border#30363d
- notifications.background#161b22
- notifications.border#30363d
- notificationToast.border#30363d
- panel.background#010409
- panel.border#30363d
- panelTitle.activeBorder#58a6ff
- panelTitle.activeForeground#c9d1d9
- panelTitle.inactiveForeground#484f58
- peekViewEditor.background#010409
- peekViewResult.background#010409
- peekViewTitle.background#161b22
- pickerGroup.border#30363d
- pickerGroup.foreground#58a6ff
- scrollbarSlider.activeBackground#6e7681
- scrollbarSlider.background#30363d80
- scrollbarSlider.hoverBackground#484f58
- sideBar.background#010409
- sideBar.foreground#8b949e
- sideBarSectionHeader.background#161b22
- sideBarSectionHeader.foreground#58a6ff
- sideBarTitle.foreground#c9d1d9
- statusBar.background#010409
- statusBar.debuggingBackground#da3633
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#8b949e
- statusBar.noFolderBackground#010409
- tab.activeBackground#0d1117
- tab.activeForeground#c9d1d9
- tab.border#010409
- tab.inactiveBackground#010409
- tab.inactiveForeground#484f58
- terminal.ansiBlack#484f58
- terminal.ansiBlue#58a6ff
- terminal.ansiBrightBlack#6e7681
- terminal.ansiBrightBlue#79c0ff
- terminal.ansiBrightCyan#56d4dd
- terminal.ansiBrightGreen#56d364
- terminal.ansiBrightMagenta#d2a8ff
- terminal.ansiBrightRed#ffa198
- terminal.ansiBrightWhite#f0f6fc
- terminal.ansiBrightYellow#e3b341
- terminal.ansiCyan#39c5cf
- terminal.ansiGreen#3fb950
- terminal.ansiMagenta#bc8cff
- terminal.ansiRed#ff7b72
- terminal.ansiWhite#b1bac4
- terminal.ansiYellow#d29922
- terminal.background#0d1117
- terminal.foreground#c9d1d9
- titleBar.activeBackground#010409
- titleBar.activeForeground#c9d1d9
- titleBar.inactiveBackground#010409
- titleBar.inactiveForeground#484f58
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8b949e | italic |
| keyword, storage.type, storage.modifier | #ff7b72 | — |
| keyword.control, keyword.operator | #ff7b72 | — |
| string, string.quoted | #a5d6ff | — |
| constant.numeric, constant.language | #79c0ff | — |
| constant.character.escape | #a5d6ff | — |
| entity.name.function, support.function | #d2a8ff | — |
| entity.name.class, entity.name.type, support.class | #ffa657 | — |
| variable, variable.other | #c9d1d9 | — |
| variable.parameter | #ffa657 | — |
| entity.name.tag | #7ee787 | — |
| entity.other.attribute-name | #79c0ff | — |
| support.type.property-name | #79c0ff | — |
| markup.heading | #1f6feb | bold |
| markup.bold | #ffa657 | bold |
| markup.italic | #d2a8ff | italic |
| markup.underline | — | underline |
| markup.inline.raw | #a5d6ff | — |
| punctuation.definition.tag | #8b949e | — |
| meta.function-call | #d2a8ff | — |
| invalid | #ff7b72 | — |