productivity

Slatewave for Slack

An eight-color Slack sidebar theme — just paste and go.

Latest release
0.0.2 · 2 months ago
Last commit
3 weeks ago
# design-system Slatewave palette · 24 members
Alex 10:42 AM

Just shipped the slatewave palette across the editor and terminal — slate below, teal above.

Sam 10:43 AM

Looks great in action. The mention badge actually pops against the slate column now.

About this theme

Slack's custom-theme input accepts eight comma-separated hex colors. Slatewave maps them to the sidebar column, workspace menu, active channel, presence dots, and mention badge — so the chat column speaks the same slate-and-teal vocabulary as the editor and terminal.

Slack only gives you eight slots, so Slatewave picks the ones that actually matter in day-to-day use: slate-800 for the column, #282C34 (the VSCode editor background) for the workspace menu, slate-700 for the selected channel, teal-300 for active text and presence dots, and rose-400 for mention badges — which means unread pings actually pop against the slate column rather than blending in.

Share with your workspace

Once pasted, click Share this theme with your workspace in Slack’s custom-theme dialog to post the string into any channel — teammates apply it in one tap.

Install

Don't have the CLI yet? Install the Slatewave CLI →

  • Slatewave CLI

    Install with the Slatewave family CLI — one command, every theme.

    slatewave install slack
  • Manual

    Slack doesn't expose a theme file — paste the comma-separated hex string into Preferences over a Dark base.

    1. Copy: #1E293B,#282C34,#334155,#5EEAD4,#282C34,#E2E8F0,#5EEAD4,#FB7185
    2. In Slack, open Preferences → Themes and set the base to Dark
    3. Scroll to Colors → Create a custom theme
    4. Paste into the single-line input at the bottom of the dialog
    5. Slack applies immediately; close the dialog to keep it
  • Clone

    Clone and copy the string straight to your clipboard.

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