Slatewave (VSCode)

May 8, 2026 · View on GitHub

Slatewave

Slatewave (VSCode)

VS Code Marketplace Installs Open VSX Open VSX Downloads

A dark VSCode theme built around a slate foundation and a teal signature, with sky/rose/purple/amber accents. Part of the Slatewave family — one palette across editors, terminals, prompts, notes, and more.

Slate below, teal above.

Slatewave code preview


Palette

Foundation — slate

The editor, sidebar, and panels all live in the slate scale. Five steps, darkest to lightest.

HexTailwindWhere
#020617#020617slate-950activity bar, tab strip
#0f172a#0f172aslate-900editor, sidebar, terminal
#1e293b#1e293bslate-800inputs, status bar, menus
#334155#334155slate-700list focus, borders
#475569#475569slate-600gutter, ignored files

Text — slate (inverse)

HexTailwindWhere
#64748b#64748bslate-500comments
#94a3b8#94a3b8slate-400operators, muted UI
#cbd5e1#cbd5e1slate-300parameters, properties
#e2e8f0#e2e8f0slate-200default foreground
#f1f5f9#f1f5f9slate-100bright ANSI white

Signature — teal

The "wave" in Slatewave. Used as the primary accent across the editor and the companion prompt.

HexTailwindWhere
#0f766e#0f766eteal-700debugging status bar, buttons
#5eead4#5eead4teal-300primary accent — cursor, active tab, strings, prompt
#99f6e4#99f6e4teal-200types, classes, interfaces
#ecfeff#ecfeffcyan-50text on teal/cyan backgrounds

Accents

Each accent maps to a specific role in both the prompt and the editor, so the terminal and editor speak the same visual language.

HexRole in promptRole in editor
#38bdf8#38bdf8git clean branchkeywords, tags, info diagnostics, links
#7dd3fc#7dd3fcfunctions, JSON/YAML keys, CSS props
#B388FF#B388FFgit ahead / behindstorage (const/let/function), this/self, decorators-adjacent
#fb7185#fb7185git dirty (working/staging)numbers, constants, modified files, errors
#fbbf24#fbbf24decorators, escape chars, warnings
#b45309#b45309battery dischargingwarning status bar, deprecated
#0e7490#0e7490battery chargingremote status bar
#ff4500#ff4500git divergedmerge conflicts
#ef5350#ef5350exit code != 0deleted files, invalid syntax

Syntax mapping

TokenColorStyle
Comments#64748b#64748bitalic
Keywords (if, return, import)#38bdf8#38bdf8
Storage (const, let, function, class)#B388FF#B388FFitalic
Types / classes / interfaces#99f6e4#99f6e4
Functions (calls + definitions)#7dd3fc#7dd3fc
Strings#5eead4#5eead4
Numbers, booleans, null, undefined#fb7185#fb7185
Constants (UPPER_SNAKE)#fb7185#fb7185
Regex#fb7185#fb7185
Escape sequences#fbbf24#fbbf24
Decorators / annotations#fbbf24#fbbf24italic
this / self / super#B388FF#B388FFitalic
Parameters#cbd5e1#cbd5e1italic
Properties / object keys#cbd5e1#cbd5e1
Operators, punctuation#94a3b8#94a3b8
HTML/JSX tags#38bdf8#38bdf8
HTML/JSX attributes#B388FF#B388FFitalic
CSS selectors#5eead4#5eead4
CSS properties#7dd3fc#7dd3fc
CSS custom properties (--var)#B388FF#B388FF
CSS pseudo selectors#fbbf24#fbbf24
Markdown headings#5eead4#5eead4bold
Markdown links#38bdf8#38bdf8underline
Markdown inline code#99f6e4#99f6e4
Diff inserted#5eead4#5eead4
Diff deleted#fb7185#fb7185

Semantic highlighting is enabled; declarations render bold, deprecated symbols render strikethrough.


Terminal

The integrated terminal's ANSI palette is wired to the prompt's segment colors, so the companion oh-my-posh theme renders identically in VSCode and any outside terminal.

ANSIHex
black#1e293b
red#fb7185
green#5eead4
yellow#b45309
blue#38bdf8
magenta#B388FF
cyan#0e7490
white#e2e8f0

Bright variants follow the same mapping, shifted one step up the scale.


Installation

Slatewave is published to both the VS Code Marketplace and Open VSX, so it works in any VS Code-compatible editor.

VS Code

code --install-extension kevinlangleyjr.slatewave

Cursor

cursor --install-extension kevinlangleyjr.slatewave

VSCodium

VSCodium uses Open VSX by default.

codium --install-extension kevinlangleyjr.slatewave

Antigravity

antigravity --install-extension kevinlangleyjr.slatewave

After installing, open the theme picker (⌘K ⌘T / Ctrl+K Ctrl+T) and choose Slatewave.

From a local clone

git clone https://github.com/kevinlangleyjr/vscode-slatewave.git \
  ~/.vscode/extensions/kevinlangleyjr.slatewave-0.0.9

Replace ~/.vscode/extensions with your editor's extensions directory (~/.cursor/extensions, ~/.vscode-oss/extensions, etc.) as needed.

From a .vsix

vsce package
code --install-extension slatewave-0.0.9.vsix

Slatewave family

One palette. Every tool.

See getslatewave.com for the full family.

Customize

To override a specific color without forking the theme, add to your settings.json:

{
  "workbench.colorTheme": "Slatewave",
  "workbench.colorCustomizations": {
    "[Slatewave]": {
      "editor.background": "#0a0f1e",
      "editorCursor.foreground": "#99f6e4"
    }
  },
  "editor.tokenColorCustomizations": {
    "[Slatewave]": {
      "comments": "#475569"
    }
  }
}

The [Slatewave] scope ensures your overrides only apply when this theme is active.


Contributing

Issues and PRs welcome. If you're proposing a palette change, please include a before/after screenshot of the same file so the visual tradeoff is obvious.


License

WTFPL – Do What The Fuck You Want To Public License. See LICENSE.