slate-theme
Publisher: divyamritThemes in package: 1
Basic slate-theme, just becoming more more more ... INFINITY
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.activeBackground#2d384f
- activityBar.activeBorder#778cb1
- activityBar.activeFocusBorder#bac4db
- activityBar.background#141b28
- activityBar.border#354463
- activityBar.dropBorder#2d384f33
- activityBar.foreground#8e9dbe
- activityBar.inactiveForeground#586992
- activityBarBadge.background#0081f1
- activityBarBadge.foreground#edf6ff
- badge.background#0081f1
- badge.foreground#edf6ff
- banner.background#273246
- banner.foreground#f0f2f7
- banner.iconForeground#ffffff
- breadcrumb.activeSelectionForeground#f0f2f7
- breadcrumb.background#212d3e
- breadcrumb.focusForeground#d2d9e8
- breadcrumb.foreground#8e9dbe
- breadcrumbPicker.background#212d3e
- button.background#0954a5
- button.border#b7d9f8
- button.foreground#edf6ff
- button.hoverBackground#0081f1
- button.secondaryBackground#586992
- button.secondaryForeground#f0f2f7
- button.secondaryHoverBackground#7484af
- button.separator#bac4db
- checkbox.background#000000
- checkbox.border#354463
- checkbox.foreground#4cc38a
- commandCenter.activeBackground#6778a2
- commandCenter.activeForeground#ffffff
- commandCenter.background#586992
- commandCenter.border#bac4db66
- commandCenter.foreground#f0f2f7
- debugToolBar.background#37394b
- diffEditor.diagonalFill#37394b
- diffEditor.insertedTextBackground#62986d44
- diffEditor.removedTextBackground#9c605944
- dropdown.background#586992
- dropdown.border#bac4db66
- dropdown.foreground#f0f2f7
- dropdown.listBackground#212d3e
- editor.background#1c2535
- editor.findMatchBackground#87654180
- editor.findMatchBorder#876541bf
- editor.findMatchHighlightBackground#87654140
- editor.findMatchHighlightBorder#87654180
- editor.foldBackground#6272a459
- editor.foreground#ffffff
- editor.hoverHighlightBackground#323c52
- editor.lineHighlightBorder#44475a66
- editor.rangeHighlightBackground#8765411a
- editor.selectionBackground#565a6d8c
- editor.selectionHighlightBackground#565a6d4d
- editor.stackFrameHighlightBackground#4b4c3b
- editor.wordHighlightBackground#caa9fa33
- editor.wordHighlightStrongBackground#caa9fa66
- editorBracketHighlight.foreground1#ffff3f
- editorBracketHighlight.foreground2#21ffff
- editorBracketHighlight.foreground3#f37bdc
- editorBracketHighlight.unexpectedBracket.foreground#f36756
- editorBracketMatch.border#89909b
- editorCodeLens.foreground#6272a4
- editorCursor.background#212d3e
- editorCursor.foreground#e9edf4
- editorError.foreground#f09489
- editorGhostText.background#ffffff00
- editorGhostText.border#8e9dbe66
- editorGhostText.foreground#6d80ac
- editorGroup.border#6d80ac
- editorGroup.dropBackground#2d384f33
- editorGroup.dropIntoPromptBackground#586992
- editorGroup.dropIntoPromptBorder#bac4db66
- editorGroup.dropIntoPromptForeground#f0f2f7
- editorGroup.emptyBackground#1c2535
- editorGroup.focusedEmptyBorder#dc3d43
- editorGroupHeader.border#2d384f
- editorGroupHeader.noTabsBackground#212d3e
- editorGroupHeader.tabsBackground#273246
- editorGroupHeader.tabsBorder#323c52
- editorGutter.addedBackground#9ae7a999
- editorGutter.commentRangeForeground#6272a4
- editorGutter.deletedBackground#f0948999
- editorGutter.modifiedBackground#caa9fa99
- editorHoverWidget.background#182131
- editorHoverWidget.border#323c52
- editorHoverWidget.foreground#e9edf4
- editorHoverWidget.highlightForeground#ffffff
- editorHoverWidget.statusBarBackground#18202f
- editorIndentGuide.activeBackground#3b3d51
- editorIndentGuide.background#2d2e3d
- editorInlayHint.background#00000000
- editorInlayHint.foreground#6272a4
- editorLineNumber.activeForeground#f7f9fb
- editorLineNumber.foreground#778cb1
- editorLink.activeForeground#f3afe6
- editorOverviewRuler.addedForeground#9ae7a999
- editorOverviewRuler.deletedForeground#f0948999
- editorOverviewRuler.errorForeground#f0948999
- editorOverviewRuler.findMatchForeground#ffca9299
- editorOverviewRuler.infoForeground#b6f6fd99
- editorOverviewRuler.modifiedForeground#caa9fa99
- editorOverviewRuler.warningForeground#f6faca99
- editorOverviewRuler.wordHighlightForeground#caa9fa33
- editorOverviewRuler.wordHighlightStrongForeground#caa9fa66
- editorRuler.foreground#3b3d51
- editorStickyScroll.background#404d69
- editorStickyScrollHover.background#586992
- editorSuggestWidget.background#323c52
- editorSuggestWidget.border#6d80ac
- editorSuggestWidget.focusHighlightForeground#6fe3ff
- editorSuggestWidget.foreground#8e9dbe
- editorSuggestWidget.highlightForeground#2ec8ee
- editorSuggestWidget.selectedBackground#404d69
- editorSuggestWidget.selectedForeground#dbe1ed
- editorSuggestWidget.selectedIconForeground#e9edf4
- editorSuggestWidgetStatus.foreground#ffffff
- editorWarning.foreground#9ae7a9
- editorWhitespace.foreground#3b3d51
- editorWidget.background#1d2737
- editorWidget.border#ffa01c
- editorWidget.foreground#e3e7f0
- errorForeground#ff6369
- extensionBadge.remoteBackground#000000
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#0954a5
- extensionButton.prominentForeground#edf6ff
- extensionButton.prominentHoverBackground#0081f1
- extensionIcon.preReleaseForeground#3e63dd
- extensionIcon.sponsorForeground#ffb224
- extensionIcon.starForeground#0894b3
- extensionIcon.verifiedForeground#3db9cf
- focusBorder#8e9dbe
- foreground#f7f9fb
- gitDecoration.addedResourceForeground#9ae7a9
- gitDecoration.conflictingResourceForeground#f6faca
- gitDecoration.deletedResourceForeground#f09489
- gitDecoration.ignoredResourceForeground#6272a4
- gitDecoration.modifiedResourceForeground#caa9fa
- gitDecoration.submoduleResourceForeground#caa9fa
- gitDecoration.untrackedResourceForeground#ffca92
- input.background#273246
- input.border#58699266
- input.foreground#fafbfd
- input.placeholderForeground#586992
- inputOption.activeBackground#586992
- inputOption.activeBorder#586992
- inputOption.activeForeground#dbe1ed
- inputOption.hoverBackground#354463
- inputValidation.errorBackground#3c181a
- inputValidation.errorBorder#e5484d66
- inputValidation.errorForeground#ff6369
- inputValidation.infoBackground#141b28
- inputValidation.infoBorder#3e63dd66
- inputValidation.infoForeground#52a9ff
- inputValidation.warningBackground#232320
- inputValidation.warningBorder#f5d90a66
- inputValidation.warningForeground#f0c000
- keybindingLabel.background#091d39b3
- keybindingLabel.border#8e9dbe
- keybindingLabel.bottomBorder#00c2d7
- keybindingLabel.foreground#ffffff
- list.activeSelectionBackground#404d694d
- list.activeSelectionForeground#e3e7f0
- list.activeSelectionIconForeground#e3e7f0
- list.deemphasizedForeground#d2d9e8
- list.dropBackground#2d384f33
- list.errorForeground#ff6369
- list.filterMatchBackground#6d80ac4d
- list.filterMatchBorder#e9edf4
- list.focusAndSelectionOutline#ffffff00
- list.focusBackground#354463b3
- list.focusForeground#f0f2f7
- list.focusHighlightForeground#f0f2f7
- list.focusOutline#ffffff00
- list.highlightForeground#ffffff
- list.hoverBackground#404d6980
- list.hoverForeground#f0f2f7
- list.inactiveFocusBackground#273246b3
- list.inactiveFocusOutline#ffffff00
- list.inactiveSelectionBackground#404d6933
- list.inactiveSelectionForeground#f0f2f7
- list.inactiveSelectionIconForeground#f0f2f7
- list.invalidItemForeground#ff6369
- list.warningForeground#f0c000
- listFilterWidget.background#212d3e
- listFilterWidget.noMatchesOutline#18794e
- listFilterWidget.outline#2d384f
- listFilterWidget.shadow#000118
- menu.background#212d3e
- menu.border#bac4db66
- menu.foreground#e3e7f0
- menu.selectionBackground#404d6980
- menu.selectionBorder#bac4db66
- menu.selectionForeground#f0f2f7
- menu.separatorBackground#bac4db
- menubar.selectionBackground#404d6980
- menubar.selectionBorder#bac4db66
- menubar.selectionForeground#f0f2f7
- merge.commonHeaderBackground#89f3ff33
- merge.currentHeaderBackground#f781e133
- merge.incomingHeaderBackground#b07aff33
- minimapSlider.activeBackground#8e9dbe4d
- minimapSlider.background#6d80ac4d
- minimapSlider.hoverBackground#6d80ac80
- notebook.selectedCellBackground#37394b
- panel.background#1c2535
- panel.border#273246
- panel.dropBorder#6d80ac
- panelInput.border#ffffff00
- panelSection.border#f7f9fb
- panelSection.dropBackground#2d384f33
- panelSectionHeader.background#778cb1
- panelSectionHeader.border#586992
- panelSectionHeader.foreground#ffffff
- panelTitle.activeBorder#5fd4f4
- panelTitle.activeForeground#d2d9e8
- panelTitle.inactiveForeground#8e9dbe
- pickerGroup.border#45475e
- pickerGroup.foreground#f3afe6
- progressBar.background#3db9cf
- quickInput.background#142031
- quickInput.foreground#d2d9e8
- quickInputList.focusBackground#404d694d
- quickInputList.focusForeground#e3e7f0
- quickInputList.focusIconForeground#e3e7f0
- quickInputTitle.background#172434
- sash.hoverBorder#52a9ff
- scrollbar.shadow#141b28
- scrollbarSlider.activeBackground#8e9dbe4d
- scrollbarSlider.background#6d80ac4d
- scrollbarSlider.hoverBackground#6d80ac80
- settings.modifiedItemIndicator#caa9fa99
- sideBar.background#1c2535
- sideBar.border#2d384f
- sideBar.dropBackground#323c5233
- sideBar.foreground#dbe1ed
- sideBarSectionHeader.background#273246
- sideBarSectionHeader.border#586992
- sideBarSectionHeader.foreground#dbe1ed
- sideBarTitle.foreground#dbe1ed
- statusBar.background#00827d
- statusBar.border#273246
- statusBar.debuggingBackground#00827d
- statusBar.debuggingBorder#bac4db
- statusBar.debuggingForeground#7ef4f0
- statusBar.focusBorder#354463
- statusBar.foreground#7ef4f0
- statusBar.noFolderBackground#00827d
- statusBar.noFolderBorder#bac4db
- statusBar.noFolderForeground#083932
- statusBarItem.activeBackground#273246b3
- statusBarItem.compactHoverBackground#6c799780
- statusBarItem.errorBackground#3c181a
- statusBarItem.errorForeground#ff6369
- statusBarItem.focusBorder#0c6d62
- statusBarItem.hoverBackground#404d6980
- statusBarItem.prominentBackground#067a6f
- statusBarItem.prominentForeground#f1fcfa
- statusBarItem.prominentHoverBackground#133929
- statusBarItem.remoteBackground#404d6980
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#232320
- statusBarItem.warningForeground#232320
- tab.activeBackground#323c52
- tab.activeBorder#586992
- tab.activeBorderTop#ffffff00
- tab.activeForeground#e9edf4
- tab.border#323c52
- tab.hoverBackground#354463
- tab.hoverBorder#bac4db66
- tab.hoverForeground#f0f2f7
- tab.inactiveBackground#2b354b
- tab.inactiveForeground#f0f2f7
- tab.lastPinnedBorder#bac4db33
- tab.unfocusedActiveForeground#bac4db
- tab.unfocusedInactiveForeground#6d80ac
- terminal.ansiBlack#000000
- terminal.ansiBlue#0091ff
- terminal.ansiBrightBlack#212d3e
- terminal.ansiBrightBlue#5eb0ef
- terminal.ansiBrightCyan#3db9cf
- terminal.ansiBrightGreen#5bb98c
- terminal.ansiBrightMagenta#e58fb1
- terminal.ansiBrightRed#e5484d
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ebbc00
- terminal.ansiCyan#05a2c2
- terminal.ansiGreen#30a46c
- terminal.ansiMagenta#e93d82
- terminal.ansiRed#e5484d
- terminal.ansiWhite#f7f9fb
- terminal.ansiYellow#f5d90a
- terminal.background#212d3e
- terminal.border#778cb1
- terminal.dropBackground#2d384f33
- terminal.findMatchBackground#045063
- terminal.findMatchBorder#d8f3f633
- terminal.findMatchHighlightBackground#354463
- terminal.findMatchHighlightBorder#ffffff00
- terminal.foreground#f7f9fb
- terminal.inactiveSelectionBackground#37394b
- terminal.selectionBackground#778cb1
- terminal.selectionForeground#f7f9fb
- terminal.tab.activeBorder#5fd4f4
- terminalCommandDecoration.defaultBackground#6d80ac
- terminalCommandDecoration.errorBackground#3c181a
- terminalCommandDecoration.successBackground#0e9888
- terminalCursor.background#ffffff
- terminalCursor.foreground#bac4db
- terminalOverviewRuler.findMatchForeground#87654180
- textBlockQuote.background#2d2e3d
- textBlockQuote.border#645180
- textLink.activeForeground#c5ffff
- textLink.foreground#84c8ff
- titleBar.activeBackground#273246
- titleBar.activeForeground#e3e7f0
- titleBar.border#404d69
- titleBar.inactiveBackground#212d3e
- titleBar.inactiveForeground#bac4db
- tree.indentGuidesStroke#dee0e344
- widget.border#6d80ac
- widget.shadow#6d80ac33
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown | #DEE0E3 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| comment | #6272A4 | — |
| constant.language | #F3AFE6 | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #C8F1BA | — |
| constant.regexp | #646695 | — |
| entity.name.tag | #F3AFE6 | — |
| entity.name.tag.css | #F3AFE6 | — |
| entity.other.attribute-name | #B6F6FD | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss | #F3AFE6 | — |
| invalid | #F09489 | — |
| markup.italic | #FFCA92 | italic |
| markup.strikethrough | — | strikethrough |
| markup.underline | #FFCA92 | underline |
| markup.bold | #FFCA92 | bold |
| markup.heading | #F3AFE6 | bold |
| markup.inserted | #C8F1BA | — |
| markup.deleted, markup.inline.raw | #F6FACA | — |
| markup.changed | #F3AFE6 | — |
| punctuation.definition.list.begin.markdown, punctuation.definition.quote.begin.markdown | #CAA9FA | — |
| punctuation.definition.tag | #676E79 | — |
| meta.preprocessor, entity.name.function.preprocessor | #F3AFE6 | — |
| meta.preprocessor.string | #F6FACA | — |
| meta.preprocessor.numeric | #C8F1BA | — |
| meta.structure.dictionary.key.python | #B6F6FD | — |
| meta.diff.header | #F3AFE6 | — |
| storage | #F3AFE6 | — |
| storage.type | #F3AFE6 | — |
| storage.modifier, keyword.operator.noexcept | #F3AFE6 | — |
| string, meta.embedded.assembly | #F6FACA | — |
| string.tag | #F6FACA | — |
| string.value | #F6FACA | — |
| string.regexp | #F09489 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #F3AFE6 | — |
| meta.template.expression | #DEE0E3 | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded | #B6F6FD | — |
| keyword | #F3AFE6 | — |
| keyword.control | #F3AFE6 | — |
| keyword.operator | #DEE0E3 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike | #F3AFE6 | — |
| keyword.other.unit, keyword.control.unit | #C8F1BA | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #F3AFE6 | — |
| keyword.operator.type.php | #F3AFE6 | — |
| support.function.git-rebase | #B6F6FD | — |
| constant.sha.git-rebase | #C8F1BA | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #DEE0E3 | — |
| variable.language | #F3AFE6 | — |
| entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal | #FFCA92 | — |
| support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #9AE7A9 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #9AE7A9 | — |
| keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator | #CAA9FA | — |
| variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder | #B6F6FD | — |
| meta.object-literal.key | #B6F6FD | — |
| meta.object-literal.key punctuation.separator.key-value | #DEE0E3 | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.colors.rgb-value, constant.other.rgb-value, support.constant.color | #F6FACA | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #F6FACA | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp | #F09489 | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp | #FFCA92 | — |
| keyword.operator.quantifier.regexp | #D7BA7D | — |
| constant.character | #F3AFE6 | — |
| constant.character.escape | #D7BA7D | — |
| entity.name.label | #C8C8C8 | — |
| source.css keyword, source.sass keyword | #F09489 | — |
| keyword.control.at-rule.function.scss, keyword.control.at-rule.mixin.scss, keyword.control.at-rule.include.scss, keyword.control.at-rule.extend.scss | #9AE7A9 | — |
| keyword.control.debug.scss, keyword.control.warn.scss, keyword.control.error.scss | #F09489 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown, punctuation.definition.metadata.markdown | #B6F6FD | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #9AE7A9 | — |
| entity.other.attribute-name.handlebars, variable.parameter.handlebars | #9AE7A9 | — |
| meta.preprocessor.cs, meta.preprocessor.cs string | #F6FACA7F | — |
| meta.preprocessor.cs keyword, meta.preprocessor.cs punctuation.separator.hash | #CAA9FA7F | — |
| meta.preprocessor.cs keyword.operator, meta.preprocessor.cs punctuation.parenthesis | #DEE0E37F | — |
| meta.preprocessor.cs entity.name.variable.preprocessor.symbol.cs | #B6F6FD7F | — |
| meta.preprocessor.cs constant.numeric | #C8F1BA7F | — |
| punctuation.separator.inheritance.php | #DEE0E3 | — |
| entity.other.alias.php, support.other.namespace.php | #9AE7A9 | — |
| comment | #6E7A99 | bold italic |
| punctuation.definition.comment | #6E7A99 | bold italic |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...