style(mermaid): add dark theme styling with transparent backgrounds

Override mermaid's default white backgrounds to blend with dark theme:
- Transparent SVG background
- Node fills use --bg-sidebar
- Labels use --fg color
- Edges use --fg-muted
This commit is contained in:
Timothy DeHerrera
2026-02-01 12:09:32 -07:00
parent 04bf87c02a
commit 56ae6c2e67
3 changed files with 64 additions and 5 deletions

View File

@@ -9,10 +9,13 @@ description: Minimal static site compiler — suckless, Rust, zero JS
## Why sukr?
- **Fast builds** — Single Rust binary, parallel processing
- **Zero JS** — Syntax highlighting at build time via Tree-sitter
- **Flexible templates** — Runtime Tera templates, no recompilation
- **Monorepo-ready** — Multiple sites via `-c` config flag
Most static site generators punt rich content to the browser. sukr doesn't.
- **Tree-sitter highlighting** — Proper parsing, not regex. Supports language injection (Nix→Bash, HTML→JS/CSS).
- **Build-time math** — KaTeX renders LaTeX to static HTML. No 300KB JavaScript bundle.
- **Build-time diagrams** — Mermaid compiles to inline SVG. Diagrams load instantly.
- **Flexible templates** — Runtime Tera templates, no recompilation needed.
- **Monorepo-ready** — Multiple sites via `-c` config flag.
## Quick Start