https://github.com/kevinlangleyjr/logseq-slatewave
https://github.com/kevinlangleyjr/logseq-slatewave
Last synced: 22 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/kevinlangleyjr/logseq-slatewave
- Owner: kevinlangleyjr
- License: wtfpl
- Created: 2026-04-22T20:24:40.000Z (25 days ago)
- Default Branch: main
- Last Pushed: 2026-04-23T07:17:20.000Z (25 days ago)
- Last Synced: 2026-04-23T09:12:02.206Z (25 days ago)
- Language: CSS
- Size: 248 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-logseq - Logseq Slatewave
README
# Slatewave (Logseq)
A dark [Logseq](https://logseq.com) theme on a slate foundation with a teal signature. Part of the [Slatewave family](#slatewave-family) — one palette across editors, terminals, prompts, notes, and more.
> _Slate below, teal above._
---
## 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:
```sh
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](https://github.com/kevinlangleyjr/vscode-slatewave#palette) 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`):
```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](https://github.com/kevinlangleyjr/vscode-slatewave) · [Neovim](https://github.com/kevinlangleyjr/neovim-slatewave) · [Helix](https://github.com/kevinlangleyjr/helix-slatewave) · [Zed](https://github.com/kevinlangleyjr/zed-slatewave) · [Sublime Text](https://github.com/kevinlangleyjr/sublime-text-slatewave) · [JetBrains](https://github.com/kevinlangleyjr/jetbrains-slatewave)
- **Terminals** — [Alacritty](https://github.com/kevinlangleyjr/alacritty-slatewave) · [Ghostty](https://github.com/kevinlangleyjr/ghostty-slatewave) · [iTerm2](https://github.com/kevinlangleyjr/iterm2-slatewave) · [WezTerm](https://github.com/kevinlangleyjr/wezterm-slatewave) · [Windows Terminal](https://github.com/kevinlangleyjr/windows-terminal-slatewave)
- **Prompts** — [Oh My Posh](https://github.com/kevinlangleyjr/slatewave-omp) · [Starship](https://github.com/kevinlangleyjr/starship-slatewave)
- **Multiplexer** — [tmux](https://github.com/kevinlangleyjr/tmux-slatewave)
- **CLI** — [LSD](https://github.com/kevinlangleyjr/lsd-slatewave)
- **Notes** — [Obsidian](https://github.com/kevinlangleyjr/obsidian-slatewave) · [MarkEdit](https://github.com/kevinlangleyjr/markedit-slatewave)
- **Launchers** — [Alfred](https://github.com/kevinlangleyjr/alfred-slatewave) · [Raycast](https://github.com/kevinlangleyjr/raycast-slatewave)
- **Chat** — [Slack](https://github.com/kevinlangleyjr/slack-slatewave)
See [getslatewave.com](https://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](LICENSE).