wordmark_ink: the wordmark in the page's own ink #21

2026-10-01T07:33:28Z

bl commented

2026-10-01 07:33:28 +00:00

An opt-in site.yaml flag: an SVG wordmark becomes a CSS mask over --ink, so it follows the page's theme in every browser (an only knows the system's setting). Sized by an invisible copy of the image; opacity in the file still shows. Tried on Gullberg in Firefox light and dark.

🤖 Generated with Claude Code

https://claude.ai/code/session_01GT37Z1Xtfd9pUuQtMTg6Yt

An opt-in site.yaml flag: an SVG wordmark becomes a CSS mask over `--ink`, so it follows the page's theme in every browser (an <img> only knows the system's setting). Sized by an invisible copy of the image; opacity in the file still shows. Tried on Gullberg in Firefox light and dark. 🤖 Generated with [Claude Code](https://claude.com/claude-code) https://claude.ai/code/session_01GT37Z1Xtfd9pUuQtMTg6Yt

bl added 1 commit 2026-10-01 07:33:28 +00:00

wordmark_ink: an SVG wordmark drawn in the page's own ink, following light and dark everywhere

Test / test (pull_request) Successful in 1m8s

Details

8376c68f8f

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01GT37Z1Xtfd9pUuQtMTg6Yt

bl merged commit 26c1d447f3 into main

2026-10-01 07:33:29 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: uhhm/portal#21