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#1a0a28
- activityBar.foreground#ff007a
- activityBar.inactiveForeground#4a1a5a
- activityBarBadge.background#ff007a
- activityBarBadge.foreground#ffffff
- badge.background#ff007a
- badge.foreground#ffffff
- button.background#ff007a
- button.foreground#ffffff
- button.hoverBackground#ff0090
- debugToolBar.background#2a1545
- debugToolBar.border#ff007a
- editor.background#1a0a28
- editor.findMatchBackground#ff007a60
- editor.findMatchHighlightBackground#ff007a30
- editor.foreground#f0d0ff
- editor.inactiveSelectionBackground#ff007a20
- editor.lineHighlightBackground#2a104030
- editor.selectionBackground#ff007a40
- editor.wordHighlightBackground#ff007a40
- editor.wordHighlightStrongBackground#ff007a60
- editorBracketMatch.background#3a1a6050
- editorBracketMatch.border#00ffff
- editorCursor.foreground#00ffff
- editorError.foreground#ff006a
- editorGroupHeader.tabsBackground#1a0a28
- editorHint.foreground#00ff9f
- editorIndentGuide.activeBackground#4a1a5a
- editorIndentGuide.background#2a1545
- editorInfo.foreground#00ffff
- editorLineNumber.activeForeground#c080d0
- editorLineNumber.foreground#4a1a5a
- editorSuggestWidget.background#1a0a28
- editorSuggestWidget.border#ff007a
- editorSuggestWidget.selectedBackground#3a1a60
- editorWarning.foreground#ffd000
- editorWhitespace.foreground#3a1a50
- editorWidget.background#1a0a28
- editorWidget.border#ff007a
- extensionButton.prominentBackground#00ffff
- extensionButton.prominentForeground#1a0a28
- extensionButton.prominentHoverBackground#00ffaa
- gitDecoration.conflictingResourceForeground#ff00ff
- gitDecoration.deletedResourceForeground#ff006a
- gitDecoration.ignoredResourceForeground#4a1a5a
- gitDecoration.modifiedResourceForeground#ffd000
- gitDecoration.untrackedResourceForeground#00ff9f
- input.background#2a1040
- input.border#ff007a
- input.foreground#f0d0ff
- inputOption.activeBackground#3a1a60
- inputOption.activeForeground#00ffff
- list.activeSelectionBackground#3a1a60
- list.activeSelectionForeground#00ffff
- list.hoverBackground#2a1545
- list.hoverForeground#f0d0ff
- list.inactiveSelectionBackground#2a1a50
- notificationCenter.border#ff007a
- notifications.background#1a0a28
- notifications.border#ff007a
- notificationToast.border#ff007a
- panel.background#1a0a28
- panel.border#4a1a5a
- panelTitle.activeBorder#ff007a
- panelTitle.activeForeground#ff007a
- panelTitle.inactiveForeground#6a3a7a
- peekViewEditor.background#1a0a28
- peekViewResult.background#1a0a28
- peekViewTitle.background#2a1545
- pickerGroup.border#ff007a
- pickerGroup.foreground#ff007a
- scrollbarSlider.activeBackground#ff007a80
- scrollbarSlider.background#ff007a40
- scrollbarSlider.hoverBackground#ff007a60
- sideBar.background#1a0a28
- sideBar.foreground#d0b0e0
- sideBarSectionHeader.background#2a1040
- sideBarSectionHeader.foreground#ff007a
- sideBarTitle.foreground#ff007a
- statusBar.background#1a0a28
- statusBar.debuggingBackground#ff007a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#c080d0
- statusBar.noFolderBackground#1a0a28
- tab.activeBackground#2a1545
- tab.activeForeground#ff007a
- tab.border#4a1a5a
- tab.inactiveBackground#1a0a28
- tab.inactiveForeground#6a3a7a
- terminal.ansiBlack#1a0a28
- terminal.ansiBlue#0099ff
- terminal.ansiBrightBlack#4a1a5a
- terminal.ansiBrightBlue#00aaff
- terminal.ansiBrightCyan#00ffff
- terminal.ansiBrightGreen#00ffaa
- terminal.ansiBrightMagenta#ff00ff
- terminal.ansiBrightRed#ff007a
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffdd00
- terminal.ansiCyan#00ffff
- terminal.ansiGreen#00ff9f
- terminal.ansiMagenta#ff00ff
- terminal.ansiRed#ff006a
- terminal.ansiWhite#f0d0ff
- terminal.ansiYellow#ffd000
- terminal.background#1a0a28
- terminal.foreground#f0d0ff
- titleBar.activeBackground#1a0a28
- titleBar.activeForeground#ff007a
- titleBar.inactiveBackground#1a0a28
- titleBar.inactiveForeground#4a1a5a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6a3a7a | italic |
| keyword, storage.type, storage.modifier | #ff007a | — |
| keyword.control, keyword.operator | #ff00ff | — |
| string, string.quoted | #00ff9f | — |
| constant.numeric, constant.language | #ffd000 | — |
| constant.character.escape | #ffdd00 | — |
| entity.name.function, support.function | #00ffff | — |
| entity.name.class, entity.name.type, support.class | #0099ff | — |
| variable, variable.other | #f0d0ff | — |
| variable.parameter | #d0b0e0 | — |
| entity.name.tag | #ff007a | — |
| entity.other.attribute-name | #00ffaa | — |
| support.type.property-name | #c080d0 | — |
| markup.heading | #ff007a | bold |
| markup.bold | #ff00ff | bold |
| markup.italic | #00ffff | italic |
| markup.underline | — | underline |
| markup.inline.raw | #00ff9f | — |
| punctuation.definition.tag | #6a3a7a | — |
| meta.function-call | #00ffff | — |
| invalid | #ff006a | — |