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.activeBorder#2a63a0
- activityBar.background#e5e7eb
- activityBar.border#e0e0e0ff
- activityBar.foreground#60666e
- activityBar.inactiveForeground#9aa0ae
- badge.background#2a63a0
- badge.foreground#ffffff
- breadcrumb.background#ffffff
- breadcrumbPicker.background#ffffff
- button.background#2a63a0
- button.foreground#ffffff
- button.hoverBackground#397ec3
- commandCenter.border#00000000
- diffEditor.insertedTextBackground#4e7a3815
- diffEditor.removedTextBackground#a0384015
- dropdown.background#f8f9fb
- dropdown.border#e0e0e0
- dropdown.foreground#1a1a1a
- editor.background#f8f9fb
- editor.findMatchBackground#8f6a1e44
- editor.findMatchHighlightBackground#8f6a1e33
- editor.foreground#1a1a1a
- editor.lineHighlightBackground#e8ebf0cc
- editor.selectionBackground#2a63a028
- editor.wordHighlightBackground#2a63a01a
- editor.wordHighlightStrongBackground#2a63a033
- editorGroup.border#00000000
- editorGroup.dropBackground#2a63a015
- editorGroupHeader.border#f8f9fb
- editorGroupHeader.tabsBackground#ecedef
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#4e7a3815
- editorGutter.background#f8f9fb
- editorGutter.deletedBackground#a0384015
- editorGutter.modifiedBackground#8f6a1e15
- editorHoverWidget.background#f8f9fb
- editorHoverWidget.border#e0e0e0
- editorIndentGuide.activeBackground1#00000018
- editorIndentGuide.background1#0000000a
- editorLineNumber.activeForeground#5a6270
- editorLineNumber.foreground#00000035
- editorOverviewRuler.background#00000000
- editorOverviewRuler.border#00000000
- editorSuggestWidget.background#f8f9fb
- editorSuggestWidget.border#e0e0e0
- editorSuggestWidget.highlightForeground#2a63a0
- editorSuggestWidget.selectedBackground#d8dce2
- editorWidget.background#f8f9fb
- editorWidget.border#e0e0e0
- focusBorder#2a63a0
- foreground#1a1a1a
- gitDecoration.addedResourceForeground#4e7a38
- gitDecoration.conflictingResourceForeground#8f6a1e
- gitDecoration.deletedResourceForeground#a03840
- gitDecoration.ignoredResourceForeground#9aa0ae
- gitDecoration.modifiedResourceForeground#8f6a1e
- gitDecoration.untrackedResourceForeground#4e7a38
- input.background#f8f9fb
- input.border#e0e0e0
- input.foreground#1a1a1a
- input.placeholderForeground#9aa0ae
- inputOption.activeBorder#2a63a0
- list.activeSelectionBackground#d8dce2
- list.activeSelectionForeground#1a1a1a
- list.focusBackground#d8dce2
- list.highlightForeground#2a63a0
- list.hoverBackground#e0e3e8
- list.inactiveSelectionBackground#d8dce2
- list.inactiveSelectionForeground#1a1a1a
- notificationCenterHeader.background#ecedef
- notifications.background#ffffff
- notifications.border#e0e0e0
- panel.background#ecedef
- panel.border#e0e0e0ff
- panelTitle.activeBorder#2a63a0
- panelTitle.activeForeground#1a1a1a
- panelTitle.border#e0e0e0ff
- panelTitle.inactiveForeground#7a8090
- progressBar.background#2a63a0
- quickInput.background#ffffff
- quickInput.foreground#1a1a1a
- quickInputList.focusBackground#d8dce2
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#00000025
- scrollbarSlider.background#0000000f
- scrollbarSlider.hoverBackground#0000001a
- selection.background#2a63a028
- settings.dropdownBackground#ffffff
- settings.dropdownBorder#e0e0e0
- settings.dropdownListBorder#e0e0e0
- settings.rowHoverBackground#e0e3e8
- sideBar.background#ecedef
- sideBar.border#e0e0e0ff
- sideBar.foreground#1a1a1a
- sideBarSectionHeader.background#e8ebef
- sideBarSectionHeader.foreground#60666e
- sideBarTitle.foreground#60666e
- statusBar.background#e5e7eb
- statusBar.border#e0e0e0ff
- statusBar.debuggingBackground#8f6a1e
- statusBar.foreground#1a1a1a
- statusBar.noFolderBackground#e5e7eb
- statusBarItem.hoverBackground#d8dce2
- tab.activeBackground#f8f9fb
- tab.activeBorderTop#2a63a0
- tab.activeForeground#1a1a1a
- tab.border#00000000
- tab.inactiveBackground#e4e6ea
- tab.inactiveForeground#7a8090
- terminal.ansiBlack#1a1a1a
- terminal.ansiBlue#2a63a0
- terminal.ansiBrightBlack#7a8090
- terminal.ansiBrightBlue#397ec3
- terminal.ansiBrightCyan#3a8e9e
- terminal.ansiBrightGreen#6a9e50
- terminal.ansiBrightMagenta#8a58b8
- terminal.ansiBrightRed#bf545d
- terminal.ansiBrightWhite#000000
- terminal.ansiBrightYellow#b08830
- terminal.ansiCyan#2a7282
- terminal.ansiGreen#4e7a38
- terminal.ansiMagenta#6e3e9a
- terminal.ansiRed#a03840
- terminal.ansiWhite#1a1a1a
- terminal.ansiYellow#8f6a1e
- terminal.background#f8f9fb
- terminal.foreground#1a1a1a
- titleBar.activeBackground#e5e7eb
- titleBar.activeForeground#1a1a1a
- titleBar.border#e0e0e0ff
- titleBar.inactiveBackground#ecedef
- titleBar.inactiveForeground#7a8090
- widget.shadow#00000015
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, keyword.control, keyword.other, storage.modifier | #6e3e9a | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison | #2a7282 | — |
| entity.name.function, support.function, meta.function-call | #2a63a0 | — |
| entity.name.type, entity.name.class, support.class, storage.type | #2a7282 | — |
| entity.name.type.interface, entity.name.type.class.abstract | #2a7282 | italic |
| support.type | #2a7282 | — |
| string, string.quoted | #4e7a38 | — |
| constant.character.escape, string.escape | #365528 | — |
| string.regexp, constant.other.character-class.regexp | #8f6a1e | — |
| constant.numeric, constant.language, constant.language.boolean | #8f6a1e | — |
| variable, variable.other | #1a1a1a | — |
| variable.parameter | #8f6a1e | italic |
| variable.other.property, support.variable.property, meta.object-literal.key | #9a5468 | — |
| entity.name.tag, entity.other.attribute-name | #2a63a0 | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #2a63a0 | — |
| entity.name.section, meta.selector | #8f6a1e | — |
| comment, comment.block, comment.line, punctuation.definition.comment | #7d8494 | italic |
| comment.block.documentation | #70768a | italic |
| entity.name.namespace, storage.modifier.namespace, entity.name.module | #60666e | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor | #9aa0ae | — |
| punctuation.definition.bracket, meta.brace | #9aa0ae | — |
| markup.heading, entity.name.section.markdown | #9e5739 | — |
| markup.bold, markup.heading | #8f6a1e | bold |
| markup.italic | #2a63a0 | italic |
| markup.inline.raw, markup.fenced_code.block | #4e7a38 | — |
| markup.underline.link | #2a63a0 | — |
| support.constant, variable.other.constant | #8f6a1e | — |
| meta.preprocessor, keyword.control.import, keyword.control.export | #1a1a1a | — |