Slatehollow
Publisher: Amsh ShresthaThemes in package: 2
Clean surfaces, five syntax colours. Enough to tell your code apart, not enough to distract. Ships with a light variant — Slatehollow Light.
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#0c0e13
- activityBar.border#1a1e23
- activityBar.foreground#8a91a0
- activityBar.inactiveForeground#4a5060
- activityBarBadge.background#3382cc
- activityBarBadge.foreground#0f1117
- badge.background#3382cc
- badge.foreground#0f1117
- button.background#2160a9
- button.border#00000000
- button.foreground#0f1117
- button.hoverBackground#2972c5
- commandCenter.border#00000000
- diffEditor.insertedTextBackground#7aa85f15
- diffEditor.removedTextBackground#c0616a15
- dropdown.background#1e222a
- dropdown.border#00000000
- dropdown.foreground#adb3be
- editor.background#0f1117
- editor.findMatchHighlightBackground#3382cc22
- editor.foreground#adb3be
- editor.lineHighlightBackground#262e3d99
- editor.selectionBackground#3382cc28
- editor.wordHighlightBackground#3382cc1a
- editor.wordHighlightStrongBackground#3382cc33
- editorCursor.foreground#3382cc
- editorError.foreground#c0616a
- editorGroupHeader.tabsBackground#13161c
- editorGutter.addedBackground#7aa85f
- editorGutter.background#0f1117
- editorGutter.deletedBackground#c0616a
- editorGutter.modifiedBackground#c9a85c
- editorHint.foreground#4a5060
- editorIndentGuide.activeBackground1#ffffff12
- editorIndentGuide.background1#ffffff0a
- editorInfo.foreground#3382cc
- editorLineNumber.activeForeground#7a8494
- editorLineNumber.foreground#ffffff1a
- editorWarning.foreground#c9a85c
- editorWhitespace.foreground#3a3f4a
- editorWidget.background#13161c
- editorWidget.foreground#adb3be
- focusBorder#00000000
- gitDecoration.addedResourceForeground#7aa85f
- gitDecoration.conflictingResourceForeground#c9a85c
- gitDecoration.deletedResourceForeground#c0616a
- gitDecoration.ignoredResourceForeground#3a3f4a
- gitDecoration.modifiedResourceForeground#c9a85c
- gitDecoration.untrackedResourceForeground#7aa85f
- input.background#222730
- input.border#00000000
- input.foreground#adb3be
- input.placeholderForeground#50566a
- inputOption.activeBorder#3382cc
- list.activeSelectionBackground#222730
- list.activeSelectionForeground#cdd2db
- list.focusBackground#282e3a
- list.hoverBackground#1e222a
- list.inactiveSelectionBackground#1c2028
- notificationLink.foreground#3382cc
- notifications.background#1e222a
- panel.background#13161c
- panel.border#1a1e23
- panelTitle.activeForeground#adb3be
- panelTitle.border#1a1e23
- panelTitle.inactiveForeground#6b7385
- progressBar.background#3382cc
- quickInput.background#13161c
- quickInput.foreground#adb3be
- quickInputList.focusBackground#1e222a
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#ffffff26
- scrollbarSlider.background#ffffff0f
- scrollbarSlider.hoverBackground#ffffff1a
- settings.dropdownBackground#13161c
- settings.dropdownBorder#00000000
- settings.dropdownForeground#adb3be
- settings.dropdownListBorder#00000000
- settings.rowHoverBackground#1e222a
- sideBar.background#14171dff
- sideBar.border#1a1e23
- sideBar.foreground#adb3be
- sideBarSectionHeader.background#0f1117
- sideBarSectionHeader.foreground#6b7385
- sideBarTitle.foreground#6b7385
- statusBar.background#0c0e13
- statusBar.border#1a1e23
- statusBar.debuggingBackground#c0616a
- statusBar.foreground#6b7385
- statusBar.noFolderBackground#0c0e13
- statusBarItem.hoverBackground#1c2028
- tab.activeBackground#0f1117
- tab.activeBorder#3382cc
- tab.activeForeground#cdd2db
- tab.border#00000000
- tab.inactiveBackground#13161c
- tab.inactiveForeground#6b7385
- terminal.ansiBlack#1a1d23
- terminal.ansiBlue#3382cc
- terminal.ansiBrightBlack#4a5060
- terminal.ansiBrightBlue#509adf
- terminal.ansiBrightCyan#66b2c2
- terminal.ansiBrightGreen#92bc77
- terminal.ansiBrightMagenta#b088d4
- terminal.ansiBrightRed#cc7a82
- terminal.ansiBrightWhite#cdd2db
- terminal.ansiBrightYellow#d9bc7a
- terminal.ansiCyan#4a9aab
- terminal.ansiGreen#7aa85f
- terminal.ansiMagenta#9a6bbf
- terminal.ansiRed#c0616a
- terminal.ansiWhite#adb3be
- terminal.ansiYellow#c9a85c
- terminal.background#0f1117
- terminal.foreground#adb3be
- terminalCursor.foreground#3382cc
- titleBar.activeBackground#0c0e13
- titleBar.activeForeground#adb3be
- titleBar.border#1a1e23
- titleBar.inactiveBackground#111419
- titleBar.inactiveForeground#6b7385
- widget.shadow#00000033
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, keyword.control, storage.type, storage.modifier | #9a6bbf | — |
| entity.name.function, support.function | #3382cc | — |
| entity.name.type.class, entity.name.type.interface, entity.other.inherited-class | #3382cc | — |
| entity.name.type, support.type, support.class | #4a9aab | — |
| string | #7aa85f | — |
| constant.character.escape | #527542 | — |
| string.regexp | #c9a85c | — |
| constant, constant.language, support.constant | #c9a85c | — |
| constant.numeric | #c9a85c | — |
| constant.language.boolean | #c9a85c | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.property-name | #b8788f | — |
| variable, variable.other | #adb3be | — |
| variable.language, variable.other.special | #c9a85c | — |
| comment | #626b82 | italic |
| comment.block.documentation | #6b7489 | italic |
| keyword.operator | #4a9aab | — |
| punctuation, meta.brace, meta.delimiter | #50566a | — |
| entity.name.tag | #3382cc | — |
| entity.other.attribute-name | #3382cc | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #c9a85c | — |
| entity.name.namespace, entity.name.module | #8a91a0 | — |
| variable.other.enummember, constant.other.enum | #c67a52 | — |
| entity.name.label | #3382cc | — |
| markup.heading | #c67a52 | |
| markup.bold | #c9a85c | bold |
| markup.italic | #3382cc | italic |
| markup.underline.link | #4a9aab | — |
| markup.inline.raw | #7aa85f | — |
| invalid, invalid.deprecated | #c0616a | — |