Keep hand-rolled .prose; wire its accent to the brand token

#3 in tonybierman/dx-blog — merged 2026-05-29

Decision

Resolves the TODO "Decide on Tailwind typography plugin vs the hand-rolled .prose CSS in assets/main.css" — keep the hand-rolled rule.

Adopting @tailwindcss/typography would force a package.json/node_modules build (the stylesheet compiles today via zero-install npx @tailwindcss/cli) and ships a light-theme default needing prose-invert + a stack of overrides just to match the dark brand look — all for one element, the rendered markdown body that ~30 self-contained lines already handle.

Changes

• assets/main.css — wire the .prose accent (links + blockquote border) to var(--color-brand-400, #6ea8fe) so the article body re-themes with the rest of the UI from the single --brand-hue knob; documented the decision in a comment.
• src/pages/reader.rs, src/pages/admin.rs — drop the dead prose-invert class. It matched nothing (the typography plugin was never enabled), so it was misleading; the dark styling lives entirely in the .prose rule.

Verification

Both targets type-check clean:

• cargo check --no-default-features --features server,sqlite — clean
• cargo check --no-default-features --features web --target wasm32-unknown-unknown — clean (only pre-existing #[cfg(server)] dead-code warnings)

🤖 Generated with Claude Code