Slatewave (Slack)

May 4, 2026 · View on GitHub

Slatewave

Slatewave (Slack)

A Slatewave sidebar theme for Slack — slate foundation, teal signature. Part of the Slatewave family — one palette across editors, terminals, prompts, notes, and more.

Slate below, teal above.


What it styles

Slack's "Custom theme" input accepts eight comma-separated hex colors that drive the left sidebar, channel list, presence dots, and mention badges. Slatewave maps them like this:

  • #1E293B Column BG — slate-800 #1E293B, matching the VSCode ANSI black and terminal sidebar tones
  • #282C34 Menu BG#282C34, the Slatewave editor background; used for the workspace-switcher and slash-menu surface
  • #334155 Active Item — slate-700 #334155, mirroring VSCode's list.activeSelectionBackground for a calm, non-competing highlight
  • #5EEAD4 Active Item Text — teal-300 #5EEAD4, the signature accent; pops the currently selected channel or DM
  • #282C34 Hover Item#282C34, one step lighter than the column for a subtle hover affordance
  • #E2E8F0 Text Color — slate-200 #E2E8F0, matching the VSCode editor foreground
  • #5EEAD4 Active Presence — teal-300 #5EEAD4, replacing Slack's default green to keep the palette consistent
  • #FB7185 Mention Badge — rose-400 #FB7185, matching ANSI red across the companion themes

Installation

Slack doesn't expose a theme file format — themes are pasted into Preferences as a comma-separated hex string.

Paste the theme

  1. Copy the line below (or grab it from slatewave.txt):

    #1E293B,#282C34,#334155,#5EEAD4,#282C34,#E2E8F0,#5EEAD4,#FB7185
    
  2. In Slack, open Preferences → Themes.

  3. Scroll to Colors and click Create a custom theme.

  4. Paste the string into the colors box at the bottom of the dialog (the single-line input; not the individual color pickers).

  5. Slack applies the theme immediately. Close the dialog to keep it.

Share with your workspace

Once pasted, click Share this theme with your workspace to post the string into any channel. Teammates can click Switch sidebar theme on the message to apply it in one tap.

From a local clone

git clone https://github.com/kevinlangleyjr/slack-slatewave
pbcopy < slack-slatewave/slatewave.txt

Then paste into Slack's custom theme dialog as above.


Palette

Slatewave shares its palette with the companion themes. The eight slots, in Slack's custom-theme order:

#SlotHexTailwindRole
1#1E293BColumn BG#1E293Bslate-800sidebar background
2#282C34Menu BG#282C34workspace menu / slash-menu surface
3#334155Active Item#334155slate-700selected channel background
4#5EEAD4Active Item Text#5EEAD4teal-300selected channel text (signature)
5#282C34Hover Item#282C34hover background
6#E2E8F0Text Color#E2E8F0slate-200default sidebar text
7#5EEAD4Active Presence#5EEAD4teal-300online indicator dot
8#FB7185Mention Badge#FB7185rose-400unread mention badge

Customize

The theme is a plain comma-separated hex string — eight colors, in the order above. To tweak a single slot without forking, edit the value in Slack's Create a custom theme dialog after pasting. Slack stores the theme in its local preferences, not in this file, so changes there stick per-workspace without affecting anything upstream.

To fork the string itself: edit slatewave.txt. Slack accepts upper- or lower-case hex; the leading # is required on each color.

Pair with Slack's base theme

For the cleanest match, set Slack's base appearance to Dark (Preferences → Themes → Dark) before pasting the custom colors. The sidebar custom theme composes over the dark base — pasting over the light base will give you a mismatched message pane.


Slatewave family

One palette. Every tool.

See getslatewave.com for the full family.

Contributing

Issues and PRs welcome. For palette changes, include a before/after screenshot of the Slack sidebar with at least one active channel, one unread channel with a mention badge, and one DM with an online presence dot so the visual tradeoff is obvious.


License

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