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
📷 Add cover ⓘ Show description

Welcome to Anytype

Page · Tag

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-icon mask-image pass.
  • 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.

    1. In Anytype, open Menu → File → Open → Custom CSS
    2. Replace the file's contents with `custom.css` from the repo
    3. 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.

    1. git clone https://github.com/kevinlangleyjr/anytype-slatewave ~/.local/share/anytype-slatewave
    2. Copy `~/.local/share/anytype-slatewave/custom.css` into Anytype's work directory
    3. Apply via Menu → File → Apply custom CSS (twice)