Smit Dark Theme
Publisher: Smit DudhatThemes in package: 24
A comprehensive dark theme collection with 24 unique variants including the new Aurora Velvet daily-driver 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#090d13
- activityBar.foreground#56d4c9
- activityBar.inactiveForeground#3a4a5a
- activityBarBadge.background#56d4c9
- activityBarBadge.foreground#0d1117
- badge.background#56d4c9
- badge.foreground#0d1117
- breadcrumb.activeSelectionForeground#56d4c9
- breadcrumb.focusForeground#cdd9e5
- breadcrumb.foreground#4a5a6a
- breadcrumbPicker.background#0b0f16
- button.background#56d4c9
- button.foreground#0d1117
- button.hoverBackground#7ae8dc
- button.secondaryBackground#1c2d3f
- button.secondaryForeground#cdd9e5
- checkbox.background#131c27
- checkbox.border#56d4c930
- debugToolBar.background#131c27
- debugToolBar.border#56d4c930
- descriptionForeground#8b9eb5
- diffEditor.insertedTextBackground#56d4c915
- diffEditor.removedTextBackground#f4786815
- dropdown.background#0b0f16
- dropdown.border#56d4c930
- dropdown.foreground#cdd9e5
- editor.background#0d1117
- editor.findMatchBackground#f4bf7540
- editor.findMatchBorder#f4bf75
- editor.findMatchHighlightBackground#f4bf7520
- editor.foreground#cdd9e5
- editor.inactiveSelectionBackground#56d4c912
- editor.lineHighlightBackground#131c27
- editor.lineHighlightBorder#1c2d3f
- editor.selectionBackground#56d4c925
- editor.selectionHighlightBackground#56d4c915
- editor.wordHighlightBackground#56d4c920
- editor.wordHighlightStrongBackground#56d4c935
- editorBracketMatch.background#56d4c920
- editorBracketMatch.border#56d4c9
- editorCursor.background#0d1117
- editorCursor.foreground#f4bf75
- editorError.foreground#f47868
- editorGroupHeader.tabsBackground#0b0f16
- editorGroupHeader.tabsBorder#56d4c910
- editorGutter.addedBackground#56d4c9
- editorGutter.deletedBackground#f47868
- editorGutter.modifiedBackground#c792ea
- editorHint.foreground#56d4c9
- editorHoverWidget.background#0b0f16
- editorHoverWidget.border#56d4c930
- editorIndentGuide.activeBackground1#56d4c940
- editorIndentGuide.background1#1a2535
- editorInfo.foreground#6eb6de
- editorLineNumber.activeForeground#56d4c9
- editorLineNumber.foreground#2a3a4a
- editorOverviewRuler.addedForeground#56d4c9
- editorOverviewRuler.border#56d4c910
- editorOverviewRuler.deletedForeground#f47868
- editorOverviewRuler.errorForeground#f47868
- editorOverviewRuler.findMatchForeground#f4bf75
- editorOverviewRuler.modifiedForeground#c792ea
- editorOverviewRuler.selectionHighlightForeground#56d4c9
- editorOverviewRuler.warningForeground#f4bf75
- editorSuggestWidget.background#0b0f16
- editorSuggestWidget.border#56d4c930
- editorSuggestWidget.foreground#cdd9e5
- editorSuggestWidget.highlightForeground#56d4c9
- editorSuggestWidget.selectedBackground#1c2d3f
- editorWarning.foreground#f4bf75
- editorWhitespace.foreground#1e2d3d
- editorWidget.background#0b0f16
- editorWidget.border#56d4c930
- editorWidget.foreground#cdd9e5
- errorForeground#f47868
- extensionButton.prominentBackground#56d4c9
- extensionButton.prominentForeground#0d1117
- extensionButton.prominentHoverBackground#7ae8dc
- focusBorder#56d4c950
- foreground#cdd9e5
- gitDecoration.addedResourceForeground#56d4c9
- gitDecoration.conflictingResourceForeground#f4bf75
- gitDecoration.deletedResourceForeground#f47868
- gitDecoration.ignoredResourceForeground#3a4a5a
- gitDecoration.modifiedResourceForeground#c792ea
- gitDecoration.untrackedResourceForeground#56d4c9
- icon.foreground#56d4c9
- input.background#131c27
- input.border#56d4c930
- input.foreground#cdd9e5
- input.placeholderForeground#3a4a5a
- inputOption.activeBackground#1c2d3f
- inputOption.activeBorder#56d4c9
- inputOption.activeForeground#56d4c9
- keybindingLabel.background#131c27
- keybindingLabel.border#56d4c930
- keybindingLabel.foreground#cdd9e5
- list.activeSelectionBackground#1c2d3f
- list.activeSelectionForeground#56d4c9
- list.focusBackground#1c2d3f
- list.highlightForeground#56d4c9
- list.hoverBackground#151e2a
- list.hoverForeground#cdd9e5
- list.inactiveSelectionBackground#15202e
- menu.background#0b0f16
- menu.foreground#cdd9e5
- menu.selectionBackground#1c2d3f
- menu.selectionForeground#56d4c9
- menu.separatorBackground#56d4c920
- menubar.selectionBackground#1c2d3f
- menubar.selectionForeground#56d4c9
- notificationCenter.border#56d4c920
- notificationLink.foreground#56d4c9
- notifications.background#0b0f16
- notifications.border#56d4c920
- notificationToast.border#56d4c930
- panel.background#0b0f16
- panel.border#56d4c915
- panelTitle.activeBorder#56d4c9
- panelTitle.activeForeground#cdd9e5
- panelTitle.inactiveForeground#4a5a6a
- peekViewEditor.background#0b0f16
- peekViewEditor.matchHighlightBackground#f4bf7525
- peekViewResult.background#090d13
- peekViewResult.selectionBackground#1c2d3f
- peekViewResult.selectionForeground#cdd9e5
- peekViewTitle.background#0b0f16
- peekViewTitleDescription.foreground#8b9eb5
- peekViewTitleLabel.foreground#56d4c9
- pickerGroup.border#56d4c920
- pickerGroup.foreground#56d4c9
- progressBar.background#56d4c9
- quickInput.background#0b0f16
- quickInput.foreground#cdd9e5
- quickInputHighlight.background#56d4c925
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#56d4c940
- scrollbarSlider.background#56d4c915
- scrollbarSlider.hoverBackground#56d4c925
- selection.background#56d4c925
- sideBar.background#0b0f16
- sideBar.foreground#adbac7
- sideBarSectionHeader.background#0d1117
- sideBarSectionHeader.border#56d4c920
- sideBarSectionHeader.foreground#8b9eb5
- sideBarTitle.foreground#56d4c9
- statusBar.background#090d13
- statusBar.border#56d4c915
- statusBar.debuggingBackground#7c4dff
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#8b9eb5
- statusBar.noFolderBackground#090d13
- symbolIcon.classForeground#f4bf75
- symbolIcon.constantForeground#f47868
- symbolIcon.functionForeground#56d4c9
- symbolIcon.interfaceForeground#6eb6de
- symbolIcon.moduleForeground#c792ea
- symbolIcon.propertyForeground#adbac7
- symbolIcon.variableForeground#cdd9e5
- tab.activeBackground#0d1117
- tab.activeBorder#56d4c9
- tab.activeBorderTop#56d4c9
- tab.activeForeground#cdd9e5
- tab.border#56d4c910
- tab.inactiveBackground#0b0f16
- tab.inactiveForeground#4a5a6a
- terminal.ansiBlack#1c2d3f
- terminal.ansiBlue#6eb6de
- terminal.ansiBrightBlack#3a4a5a
- terminal.ansiBrightBlue#8dcff0
- terminal.ansiBrightCyan#7ae8dc
- terminal.ansiBrightGreen#7ae8dc
- terminal.ansiBrightMagenta#d9b3ff
- terminal.ansiBrightRed#ff8a7a
- terminal.ansiBrightWhite#e8f0f7
- terminal.ansiBrightYellow#ffd090
- terminal.ansiCyan#56d4c9
- terminal.ansiGreen#56d4c9
- terminal.ansiMagenta#c792ea
- terminal.ansiRed#f47868
- terminal.ansiWhite#cdd9e5
- terminal.ansiYellow#f4bf75
- terminal.background#0d1117
- terminal.foreground#cdd9e5
- terminal.selectionBackground#56d4c925
- terminalCursor.foreground#f4bf75
- textBlockQuote.background#131c27
- textBlockQuote.border#56d4c9
- textCodeBlock.background#131c27
- textLink.activeForeground#7ae8dc
- textLink.foreground#56d4c9
- titleBar.activeBackground#090d13
- titleBar.activeForeground#cdd9e5
- titleBar.border#56d4c910
- titleBar.inactiveBackground#090d13
- titleBar.inactiveForeground#4a5a6a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #445566 | italic |
| keyword, storage.type, storage.modifier | #c792ea | italic |
| keyword.control | #c792ea | italic |
| keyword.operator | #56d4c9 | |
| keyword.operator.new, keyword.other.new | #c792ea | italic |
| string, string.quoted, string.template | #c3e88d | — |
| string.regexp | #f47868 | — |
| constant.numeric, constant.language, constant.other | #f4bf75 | — |
| constant.character.escape | #56d4c9 | — |
| variable.language.this, variable.language.super | #f47868 | italic |
| variable, variable.other.readwrite | #cdd9e5 | — |
| variable.other.constant | #f4bf75 | — |
| variable.parameter | #adbac7 | italic |
| entity.name.function, meta.function-call.generic | #56d4c9 | bold |
| support.function, support.function.builtin | #56d4c9 | — |
| meta.function-call | #56d4c9 | — |
| entity.name.class, entity.name.type.class, support.class | #f4bf75 | bold |
| entity.name.type, entity.other.inherited-class | #f4bf75 | — |
| support.type, support.type.builtin | #6eb6de | — |
| entity.name.namespace, entity.name.module | #c792ea | — |
| entity.name.tag | #f47868 | — |
| entity.other.attribute-name | #f4bf75 | italic |
| support.type.property-name, meta.object-literal.key | #6eb6de | — |
| punctuation, meta.brace | #5a7a8a | — |
| punctuation.definition.tag | #3a5a6a | — |
| punctuation.separator, punctuation.terminator | #5a7a8a | — |
| storage.type.function | #c792ea | italic |
| storage.type.arrow, storage.type.function.arrow | #56d4c9 | — |
| import, meta.import, keyword.control.import, keyword.control.from | #c792ea | italic |
| markup.heading | #56d4c9 | bold |
| markup.bold | #f4bf75 | bold |
| markup.italic | #c792ea | italic |
| markup.underline | #6eb6de | underline |
| markup.inline.raw, markup.fenced_code.block | #c3e88d | — |
| markup.list | #cdd9e5 | — |
| markup.quote | #8b9eb5 | italic |
| meta.decorator, punctuation.decorator | #f4bf75 | italic |
| invalid | #f47868 | underline |
| invalid.deprecated | #f4bf75 | italic underline |