notes
Slatewave for Anytype
A Slatewave-tuned Anytype workspace for local-first knowledge work.
- Latest release
- 0.0.1 · last month
- Last commit
- 3 weeks ago
Welcome to Anytype
Hey, welcome!
This short walkthrough covers how to create, navigate, and collaborate in Anytype — all on the Slatewave palette.
Getting Started
Without The Boring Bits
Channels
Everything in Anytype lives inside a Channel —
your workspace for notes, projects, and conversations.
Internal mentions like @Slatewave
render in teal; external links in sky.
Inline code sits on a slate-800 pill.
About this theme
A custom-CSS theme for Anytype that retunes canvas, vault, controls, highlights, tags, and cover gradients to the Slatewave palette via Anytype's --color-* variable API. Dark-mode primary; light included.
Slatewave for Anytype is written against the public --color-* variable
API — no upstream theme to fork — so it tracks the same palette
contract every other Slatewave theme uses. Headings, mentions, controls,
selection, and the system accent ramp all resolve to teal-300; the
named-color palette (yellow, orange, red, pink, purple, blue, ice,
teal, lime, green) is retuned so highlights and tags read as Slatewave
even when a user picks a “yellow” or “blue” pill.
Anytype custom CSS is desktop-only and per-device — the file is not synced. Re-apply via File → Apply custom CSS after any edit.
Two scope notes worth knowing up front:
- Stock object icons (Pages, Tasks, Collections, Bookmarks, Images)
ship as bundled SVGs that aren’t reachable through the
--color-*variables. The theme softens them with a subtle saturate filter; a full palette-matched recolor would need a per-iconmask-imagepass. - Mobile clients ignore custom CSS by design.
Both dark and light modes are included. Dark is the primary target.
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 anytype -
Apply via the menu
Anytype loads custom CSS from a single file in its work directory.
- In Anytype, open Menu → File → Open → Custom CSS
- Replace the file's contents with `custom.css` from the repo
- Run Menu → File → Apply custom CSS — twice (first pass loads the variables, second pass picks up rules that reference them)
-
Clone
Mirror the repo locally so updates are a `git pull` away.
- git clone https://github.com/kevinlangleyjr/anytype-slatewave ~/.local/share/anytype-slatewave
- Copy `~/.local/share/anytype-slatewave/custom.css` into Anytype's work directory
- Apply via Menu → File → Apply custom CSS (twice)