---

Preview

---

What it styles

Slatewave is written against Logseq's --ls-* CSS variable API — no upstream theme dependencies. It tunes:

• Headings — teal cascade (H1–H3 #5eead4, H4 #99f6e4, H5 #7dd3fc, H6 #b388ff)
• Bullets — pink #fb7185 markers so lists read at a glance
• Accent states — active block, command palette selection, cursor, and focus rings resolve to #5eead4
• Links — page refs teal, external links sky, unresolved refs pink
• Block refs — dashed sky underline; teal on hover
• Tags — teal on a faint teal pill
• Code — inline pill with pale-teal foreground on #1e293b; fenced blocks get a soft border and Slatewave-flavoured hljs tokens
• Task markers — TODO pink, DOING amber, DONE muted teal, WAITING sky
• Sidebars & header — darker slate (#21252b) to frame the editor canvas (#282c34)

Dark mode only.

---

Installation

From the Logseq Marketplace

(TBD — not yet published)

From a local clone

1. Clone this repo somewhere stable:

   git clone https://github.com/kevinlangleyjr/logseq-slatewave ~/logseq-plugins/logseq-slatewave
   

2. In Logseq, open ⋯ → Plugins → Load unpacked plugin and select the cloned folder.

3. Open Settings → Themes and pick Slatewave Dark.

---

Palette

Slatewave shares its palette with the companion themes. The anchor colors:

	Hex	Tailwind	Role
	#282c34	—	editor background
	#21252b	—	sidebars, header
	#1e293b	slate-800	code blocks, modals
	#334155	slate-700	borders, dividers
	#e2e8f0	slate-200	body text
	#5eead4	teal-300	primary accent — headings, cursor, active state
	#99f6e4	teal-200	hover accent, H4
	#7dd3fc	sky-300	H5, block refs, functions
	#38bdf8	sky-400	external links, keywords
	#b388ff	—	H6, decorators
	#fb7185	rose-400	bullets, unresolved refs, TODO
	#fbbf24	amber-400	DOING, highlights

See the VSCode theme README for the full scale and syntax mapping.

---

Customize

Slatewave is a single CSS file built around CSS custom properties. To override a variable without forking, drop rules into Logseq's custom.css (open your graph folder → logseq/custom.css):

:root {
  --ls-active-primary-color: #34d399;  /* swap teal for emerald */
  --ls-block-bullet-color: #fbbf24;    /* amber bullets instead of pink */
}

custom.css loads after the theme, so your overrides win.

---

Slatewave family

One palette. Every tool.

• Editors — VSCode · JetBrains · Xcode · Sublime Text · Zed · Neovim · Helix
• Terminals — Alacritty · Ghostty · iTerm2 · WezTerm · Windows Terminal · Kitty
• Prompts — Oh My Posh · Powerlevel10k · Starship
• Multiplexer — tmux
• CLI — bat · delta · LSD · btop
• Notes — Obsidian · MarkEdit · Anytype
• Launchers — Alfred · Raycast
• Chat — Slack

See getslatewave.com for the full family.

Contributing

Issues and PRs welcome. For palette changes, include a before/after screenshot of the same graph so the visual tradeoff is obvious.

---

License

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