Slatewave
Publisher: Kevin Langley JrThemes in package: 1
Dark theme matching the Slatewave oh-my-posh prompt — slate foundation, teal signature, sky/rose/purple/amber accents.
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#5eead4
- activityBar.background#21252b
- activityBar.border#1e293b
- activityBar.foreground#5eead4
- activityBar.inactiveForeground#64748b
- activityBarBadge.background#5eead4
- activityBarBadge.foreground#0f172a
- badge.background#5eead4
- badge.foreground#0f172a
- breadcrumb.activeSelectionForeground#5eead4
- breadcrumb.background#282c34
- breadcrumb.focusForeground#5eead4
- breadcrumb.foreground#94a3b8
- breadcrumbPicker.background#1e293b
- button.background#0f766e
- button.foreground#ecfeff
- button.hoverBackground#5eead4
- button.secondaryBackground#334155
- button.secondaryForeground#e2e8f0
- button.secondaryHoverBackground#475569
- charts.blue#38bdf8
- charts.foreground#e2e8f0
- charts.green#5eead4
- charts.lines#334155
- charts.orange#ff4500
- charts.purple#B388FF
- charts.red#fb7185
- charts.yellow#fbbf24
- checkbox.background#1e293b
- checkbox.border#334155
- debugConsole.errorForeground#fb7185
- debugConsole.infoForeground#38bdf8
- debugConsole.sourceForeground#B388FF
- debugConsole.warningForeground#fbbf24
- debugIcon.breakpointForeground#fb7185
- debugIcon.continueForeground#5eead4
- debugIcon.pauseForeground#38bdf8
- debugIcon.restartForeground#5eead4
- debugIcon.startForeground#5eead4
- debugIcon.stepIntoForeground#38bdf8
- debugIcon.stepOutForeground#38bdf8
- debugIcon.stepOverForeground#38bdf8
- debugIcon.stopForeground#fb7185
- debugToolBar.background#1e293b
- debugToolBar.border#334155
- descriptionForeground#94a3b8
- diffEditor.diagonalFill#334155
- diffEditor.insertedLineBackground#5eead415
- diffEditor.insertedTextBackground#5eead422
- diffEditor.removedLineBackground#fb718515
- diffEditor.removedTextBackground#fb718522
- dropdown.background#1e293b
- dropdown.border#334155
- dropdown.foreground#e2e8f0
- dropdown.listBackground#1e293b
- editor.background#282c34
- editor.findMatchBackground#38bdf899
- editor.findMatchBorder#7dd3fc
- editor.findMatchHighlightBackground#38bdf833
- editor.findMatchHighlightBorder#38bdf855
- editor.findRangeHighlightBackground#334155aa
- editor.foreground#e2e8f0
- editor.hoverHighlightBackground#5eead422
- editor.inactiveSelectionBackground#5eead433
- editor.lineHighlightBackground#1e293b80
- editor.lineHighlightBorder#1e293b00
- editor.rangeHighlightBackground#1e293b99
- editor.selectionBackground#5eead466
- editor.selectionHighlightBackground#5eead433
- editor.wordHighlightBackground#38bdf844
- editor.wordHighlightStrongBackground#5eead444
- editorBracketMatch.background#5eead433
- editorBracketMatch.border#5eead4
- editorCodeLens.foreground#64748b
- editorCursor.foreground#5eead4
- editorError.foreground#fb7185
- editorGroup.border#1e293b
- editorGroup.dropBackground#5eead433
- editorGroupHeader.noTabsBackground#282c34
- editorGroupHeader.tabsBackground#21252b
- editorGroupHeader.tabsBorder#1e293b
- editorGutter.addedBackground#5eead4
- editorGutter.background#282c34
- editorGutter.commentRangeForeground#475569
- editorGutter.deletedBackground#ef5350
- editorGutter.foldingControlForeground#94a3b8
- editorGutter.modifiedBackground#fb7185
- editorHint.foreground#5eead4
- editorHoverWidget.background#1e293b
- editorHoverWidget.border#334155
- editorIndentGuide.activeBackground#3d9e94
- editorIndentGuide.background#3a3f4c
- editorInfo.foreground#38bdf8
- editorInlayHint.background#1e293b
- editorInlayHint.foreground#94a3b8
- editorLineNumber.activeForeground#5eead4
- editorLineNumber.foreground#64748b
- editorLink.activeForeground#38bdf8
- editorOverviewRuler.addedForeground#5eead4
- editorOverviewRuler.background#282c34
- editorOverviewRuler.border#1e293b
- editorOverviewRuler.deletedForeground#ef5350
- editorOverviewRuler.errorForeground#fb7185
- editorOverviewRuler.findMatchForeground#38bdf8
- editorOverviewRuler.infoForeground#38bdf8
- editorOverviewRuler.modifiedForeground#fb7185
- editorOverviewRuler.rangeHighlightForeground#5eead4
- editorOverviewRuler.selectionHighlightForeground#5eead4
- editorOverviewRuler.warningForeground#fbbf24
- editorOverviewRuler.wordHighlightForeground#5eead4
- editorRuler.foreground#1e293b
- editorSuggestWidget.background#1e293b
- editorSuggestWidget.border#334155
- editorSuggestWidget.foreground#e2e8f0
- editorSuggestWidget.highlightForeground#5eead4
- editorSuggestWidget.selectedBackground#334155
- editorWarning.foreground#fbbf24
- editorWhitespace.foreground#334155
- editorWidget.background#1e293b
- editorWidget.border#334155
- editorWidget.foreground#e2e8f0
- errorForeground#fb7185
- extensionBadge.remoteBackground#0e7490
- extensionBadge.remoteForeground#ecfeff
- extensionButton.prominentBackground#0f766e
- extensionButton.prominentForeground#ecfeff
- extensionButton.prominentHoverBackground#5eead4
- focusBorder#5eead4
- foreground#e2e8f0
- gitDecoration.addedResourceForeground#5eead4
- gitDecoration.conflictingResourceForeground#ff4500
- gitDecoration.deletedResourceForeground#ef5350
- gitDecoration.ignoredResourceForeground#475569
- gitDecoration.modifiedResourceForeground#fb7185
- gitDecoration.stageDeletedResourceForeground#ef5350
- gitDecoration.stageModifiedResourceForeground#fbbf24
- gitDecoration.submoduleResourceForeground#B388FF
- gitDecoration.untrackedResourceForeground#38bdf8
- icon.foreground#cbd5e1
- input.background#1e293b
- input.border#334155
- input.foreground#e2e8f0
- input.placeholderForeground#64748b
- inputOption.activeBackground#5eead433
- inputOption.activeBorder#5eead4
- inputOption.activeForeground#5eead4
- inputValidation.errorBackground#7f1d1d
- inputValidation.errorBorder#fb7185
- inputValidation.infoBackground#164e63
- inputValidation.infoBorder#38bdf8
- inputValidation.warningBackground#78350f
- inputValidation.warningBorder#b45309
- list.activeSelectionBackground#334155
- list.activeSelectionForeground#5eead4
- list.dropBackground#5eead433
- list.errorForeground#fb7185
- list.focusBackground#334155
- list.focusForeground#5eead4
- list.highlightForeground#5eead4
- list.hoverBackground#1e293b
- list.hoverForeground#e2e8f0
- list.inactiveSelectionBackground#1e293b
- list.inactiveSelectionForeground#e2e8f0
- list.warningForeground#fbbf24
- menu.background#1e293b
- menu.foreground#e2e8f0
- menu.selectionBackground#334155
- menu.selectionForeground#5eead4
- menu.separatorBackground#334155
- menubar.selectionBackground#334155
- menubar.selectionForeground#5eead4
- merge.commonContentBackground#B388FF22
- merge.commonHeaderBackground#B388FF55
- merge.currentContentBackground#5eead422
- merge.currentHeaderBackground#5eead455
- merge.incomingContentBackground#38bdf822
- merge.incomingHeaderBackground#38bdf855
- minimap.background#282c34
- minimap.errorHighlight#fb7185
- minimap.findMatchHighlight#38bdf8
- minimap.selectionHighlight#5eead4
- minimap.warningHighlight#fbbf24
- minimapGutter.addedBackground#5eead4
- minimapGutter.deletedBackground#ef5350
- minimapGutter.modifiedBackground#fb7185
- notificationCenter.border#334155
- notificationCenterHeader.background#1e293b
- notificationCenterHeader.foreground#5eead4
- notificationLink.foreground#38bdf8
- notifications.background#1e293b
- notifications.border#334155
- notifications.foreground#e2e8f0
- panel.background#282c34
- panel.border#1e293b
- panelSection.border#1e293b
- panelTitle.activeBorder#5eead4
- panelTitle.activeForeground#5eead4
- panelTitle.inactiveForeground#94a3b8
- peekView.border#5eead4
- peekViewEditor.background#21252b
- peekViewEditor.matchHighlightBackground#38bdf855
- peekViewResult.background#282c34
- peekViewResult.fileForeground#e2e8f0
- peekViewResult.lineForeground#94a3b8
- peekViewResult.matchHighlightBackground#38bdf855
- peekViewResult.selectionBackground#334155
- peekViewResult.selectionForeground#5eead4
- peekViewTitle.background#1e293b
- peekViewTitleDescription.foreground#94a3b8
- peekViewTitleLabel.foreground#5eead4
- progressBar.background#5eead4
- quickInput.background#1e293b
- quickInput.foreground#e2e8f0
- quickInputList.focusBackground#334155
- quickInputList.focusForeground#5eead4
- quickInputTitle.background#282c34
- scrollbar.shadow#00000080
- scrollbarSlider.activeBackground#5eead488
- scrollbarSlider.background#33415566
- scrollbarSlider.hoverBackground#47556988
- selection.background#5eead44d
- sideBar.background#21252b
- sideBar.border#1e293b
- sideBar.foreground#cbd5e1
- sideBarSectionHeader.background#1e293b
- sideBarSectionHeader.border#282c34
- sideBarSectionHeader.foreground#5eead4
- sideBarTitle.foreground#e2e8f0
- statusBar.background#1e293b
- statusBar.border#282c34
- statusBar.debuggingBackground#0f766e
- statusBar.debuggingForeground#ecfeff
- statusBar.foreground#5eead4
- statusBar.noFolderBackground#334155
- statusBar.noFolderForeground#cbd5e1
- statusBarItem.activeBackground#5eead422
- statusBarItem.errorBackground#fb7185
- statusBarItem.errorForeground#0f172a
- statusBarItem.hoverBackground#5eead422
- statusBarItem.prominentBackground#0f766e
- statusBarItem.prominentHoverBackground#5eead4
- statusBarItem.remoteBackground#0e7490
- statusBarItem.remoteForeground#ecfeff
- statusBarItem.warningBackground#b45309
- statusBarItem.warningForeground#ecfeff
- symbolIcon.classForeground#99f6e4
- symbolIcon.constantForeground#fb7185
- symbolIcon.constructorForeground#B388FF
- symbolIcon.enumeratorForeground#fbbf24
- symbolIcon.enumeratorMemberForeground#fbbf24
- symbolIcon.functionForeground#7dd3fc
- symbolIcon.interfaceForeground#99f6e4
- symbolIcon.keywordForeground#38bdf8
- symbolIcon.methodForeground#7dd3fc
- symbolIcon.moduleForeground#5eead4
- symbolIcon.namespaceForeground#5eead4
- symbolIcon.propertyForeground#cbd5e1
- symbolIcon.stringForeground#5eead4
- symbolIcon.variableForeground#e2e8f0
- tab.activeBackground#282c34
- tab.activeBorderTop#5eead4
- tab.activeForeground#5eead4
- tab.activeModifiedBorder#fb7185
- tab.border#21252b
- tab.hoverBackground#1e293b
- tab.hoverForeground#e2e8f0
- tab.inactiveBackground#21252b
- tab.inactiveForeground#94a3b8
- tab.inactiveModifiedBorder#fb7185
- tab.unfocusedActiveModifiedBorder#fb7185
- terminal.ansiBlack#1e293b
- terminal.ansiBlue#38bdf8
- terminal.ansiBrightBlack#475569
- terminal.ansiBrightBlue#7dd3fc
- terminal.ansiBrightCyan#67e8f9
- terminal.ansiBrightGreen#99f6e4
- terminal.ansiBrightMagenta#c4b5fd
- terminal.ansiBrightRed#ef5350
- terminal.ansiBrightWhite#f1f5f9
- terminal.ansiBrightYellow#fbbf24
- terminal.ansiCyan#0e7490
- terminal.ansiGreen#5eead4
- terminal.ansiMagenta#B388FF
- terminal.ansiRed#fb7185
- terminal.ansiWhite#e2e8f0
- terminal.ansiYellow#b45309
- terminal.background#282c34
- terminal.border#1e293b
- terminal.foreground#e2e8f0
- terminal.selectionBackground#5eead440
- terminalCursor.background#282c34
- terminalCursor.foreground#5eead4
- titleBar.activeBackground#282c34
- titleBar.activeForeground#e2e8f0
- titleBar.border#1e293b
- titleBar.inactiveBackground#21252b
- titleBar.inactiveForeground#94a3b8
- tree.indentGuidesStroke#3a3f4c
- welcomePage.progress.background#334155
- welcomePage.progress.foreground#5eead4
- welcomePage.tileBackground#1e293b
- welcomePage.tileHoverBackground#334155
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.quoted.docstring | #64748b | italic |
| variable, string constant.other.placeholder | #e2e8f0 | — |
| variable.parameter, meta.function.parameters variable | #cbd5e1 | italic |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name | #cbd5e1 | — |
| variable.language, variable.other.readwrite.instance | #B388FF | italic |
| constant, variable.other.constant, constant.other.caps | #fb7185 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan, constant.language.infinity | #fb7185 | — |
| constant.character.escape, constant.character.entity | #fbbf24 | — |
| string, string.quoted, punctuation.definition.string | #5eead4 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #B388FF | — |
| string.regexp, constant.other.character-class.regexp, keyword.control.anchor.regexp | #fb7185 | — |
| keyword, keyword.control, keyword.other, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.word | #38bdf8 | — |
| storage, storage.type, storage.modifier | #B388FF | italic |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class, meta.type.declaration entity.name.type | #99f6e4 | — |
| support.type.primitive, support.type.builtin, keyword.type | #38bdf8 | — |
| entity.name.function, meta.function-call entity.name.function, support.function, meta.require, variable.function | #7dd3fc | — |
| meta.method-call entity.name.function, meta.function-call.method | #7dd3fc | — |
| meta.decorator, meta.decorator entity.name.function, punctuation.decorator, tag.decorator | #fbbf24 | italic |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.bitwise, keyword.operator.accessor | #94a3b8 | — |
| punctuation, punctuation.separator, punctuation.terminator, meta.brace, meta.delimiter | #94a3b8 | — |
| invalid, invalid.illegal | #ef5350 | italic |
| invalid.deprecated | #b45309 | italic |
| entity.name.tag, meta.tag, support.class.component | #38bdf8 | — |
| entity.other.attribute-name, meta.attribute | #B388FF | italic |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #64748b | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #5eead4 | — |
| support.type.property-name.css, meta.property-name.css | #7dd3fc | — |
| support.constant.property-value.css, meta.property-value.css | #e2e8f0 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #fbbf24 | — |
| variable.css, variable.other.custom-property.css | #B388FF | — |
| keyword.other.unit.css, keyword.other.unit | #94a3b8 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #5eead4 | bold |
| markup.bold, punctuation.definition.bold | #38bdf8 | bold |
| markup.italic, punctuation.definition.italic | #B388FF | italic |
| markup.inline.raw, markup.raw.inline, markup.fenced_code.block | #99f6e4 | — |
| markup.underline.link, string.other.link | #38bdf8 | underline |
| meta.link.inline.markdown string.other.link, entity.name.reference.link.markdown | #5eead4 | — |
| markup.list, punctuation.definition.list.begin | #fb7185 | — |
| markup.quote, punctuation.definition.quote | #94a3b8 | italic |
| markup.inserted, meta.diff.header.to-file | #5eead4 | — |
| markup.deleted, meta.diff.header.from-file | #fb7185 | — |
| markup.changed | #fbbf24 | — |
| meta.diff.header, meta.diff.range | #B388FF | — |
| support.type.property-name.json, meta.structure.dictionary.json support.type.property-name.json | #7dd3fc | — |
| entity.name.tag.yaml, string.unquoted.plain.out.yaml | #7dd3fc | — |
| support.function.builtin.shell, variable.parameter.posix-reserved.shell | #38bdf8 | — |
| variable.other.normal.shell, variable.other.positional.shell | #B388FF | — |
| text.git-commit, meta.scope.message.git-commit | #e2e8f0 | — |
| string.other.link, markup.underline | #38bdf8 | — |
| entity.name.package.go | #5eead4 | — |
| string.quoted.double.go | #5eead4 | — |
| string.quoted.raw.go | #fbbf24 | — |
| variable.language.special.self.python, variable.language.special.cls.python | #B388FF | italic |
| meta.function.decorator.python, entity.name.function.decorator.python | #fbbf24 | italic |
| variable.language.this, variable.language.super | #B388FF | italic |
| punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx | #B388FF | — |