Slatewave (Helix)

August 4, 2026 · View on GitHub

Slatewave

Slatewave (Helix)

A dark Helix 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 preview


Palette

Foundation — slate

The editor, statusline, and popups all live in the slate scale.

HexTailwindWhere
#0f172a#0f172aslate-900ink on accent surfaces (status mode block)
#1e293b#1e293bslate-800statusline, popups, menus, rulers
#21252bslate-chromebufferline background
#282c34slate-editoreditor surface, gutter
#334155#334155slate-700selection, menu selected row
#3a3f4cslate-guideindent guide
#475569#475569slate-600virtual text

Text — slate (inverse)

HexTailwindWhere
#64748b#64748bslate-500comments, line numbers, inactive text
#94a3b8#94a3b8slate-400operators, punctuation, inactive statusline
#cbd5e1#cbd5e1slate-300parameters, struct fields, properties
#e2e8f0#e2e8f0slate-200default foreground

Signature — teal

The "wave" in Slatewave. Primary accent across the editor and companion prompt.

HexTailwindWhere
#5eead4#5eead4teal-300primary accent — cursor, active line number, strings, statusline fg, normal mode badge
#99f6e4#99f6e4teal-200types, constructors, inline code, insert mode badge

Accents

HexRole
#38bdf8#38bdf8keywords, tags, info diagnostics, select mode badge, markdown links
#7dd3fc#7dd3fcfunctions, methods, JSON/YAML keys
#b388ff#b388ffstorage (const/let/fn), this/self, attributes, directives
#fb7185#fb7185numbers, constants, booleans, errors, diff minus
#fbbf24#fbbf24decorators, escape chars, macros, warnings, diff delta

Syntax mapping

Mirrors the rest of the Slatewave family — same code lights up the same way across every editor.

TokenColorStyle
Comments#64748b#64748bitalic
Keywords (if, return, import)#38bdf8#38bdf8
Storage (const, let, fn, class)#b388ff#b388ffitalic
Types, constructors#99f6e4#99f6e4
Functions, methods#7dd3fc#7dd3fc
Strings#5eead4#5eead4
Numbers, booleans, constants#fb7185#fb7185
Regex#fb7185#fb7185
Escape sequences, macros#fbbf24#fbbf24
Decorators / attributes#fbbf24#fbbf24italic
this / self / builtins#b388ff#b388ffitalic
Parameters#cbd5e1#cbd5e1italic
Fields / properties#cbd5e1#cbd5e1
Operators, punctuation#94a3b8#94a3b8
HTML/JSX tags#38bdf8#38bdf8
HTML/JSX attributes#b388ff#b388ffitalic
Markdown headings#5eead4#5eead4bold
Markdown links#38bdf8#38bdf8underline
Diff plus / minus / deltateal / rose / amber

Mode colors

Helix surfaces the current editing mode on the statusline and the primary cursor. Slatewave maps each mode to a distinct accent so the active mode is readable at a glance:

ModeBadge bgCursor bg
Normal#5eead4 #5eead4 teal-300#5eead4 teal-300
Insert#99f6e4 #99f6e4 teal-200#99f6e4 teal-200
Select#38bdf8 #38bdf8 sky-400#38bdf8 sky-400

Badge ink is always #0f172a slate-900 for maximum contrast against the accent.


Installation

Requires Helix 24.03+ (for modern theme scopes like ui.bufferline, ui.virtual.inlay-hint, and curly diagnostic underlines).

From a local clone

git clone https://github.com/kevinlangleyjr/helix-slatewave.git
cp helix-slatewave/themes/slatewave.toml ~/.config/helix/themes/slatewave.toml

Then enable it in ~/.config/helix/config.toml:

theme = "slatewave"

Or pick it at runtime:

:set theme slatewave

Helix reloads themes on file save, so you can edit ~/.config/helix/themes/slatewave.toml and changes apply immediately.

If you're tweaking the theme, symlink the repo file instead of copying:

ln -s "$PWD/helix-slatewave/themes/slatewave.toml" ~/.config/helix/themes/slatewave.toml

Customize

Helix themes can inherit from each other via inherits. To override a single key without forking, create ~/.config/helix/themes/slatewave-mine.toml:

inherits = "slatewave"

"ui.background" = { fg = "#e2e8f0", bg = "#0a0f1e" }
"comment" = { fg = "#475569", modifiers = ["italic"] }

Then set theme = "slatewave-mine" in your config. All Slatewave palette names (slate-800, teal-300, purple, …) remain available in the inherited theme.


Slatewave family

One palette. Every tool.

See getslatewave.com for the full family.

Contributing

Issues and PRs welcome. For palette tweaks, 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.