From 19c56ef572a0c6c9b6dcaa85033dd407ace85425 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Fri, 4 Sep 2026 18:08:25 -0700 Subject: Links inside your own DM/chat bubble now inherit the bubble's foreground with an underline, instead of the page link color — that color is calibrated against the page background, so in dark mode a near-white link sat on the accent-white own-bubble, unreadable. Verified in dark mode: link color equals the bubble text color (rgb 15,18,22), underlined MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01MGzU12QrAA4G6BYGzGVdXz --- src/style.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index 0f50159..382535c 100644 --- a/src/style.css +++ b/src/style.css @@ -485,6 +485,11 @@ hr.divider { margin: 16px 0; } .chat-row.dm .chat-body { max-width: 82%; } .chat-row.dm.mine .chat-body { text-align: right; } .chat-bubble.me { background: var(--accent); color: var(--accent-fg); border-color: var(--accent); text-align: left; } +/* a link inside the accent-colored own bubble: the page's link color is + calibrated against the PAGE background, not the bubble's (in dark mode a + near-white link sat on the white bubble) — take the bubble's own + foreground and let the underline say "link" */ +.chat-bubble.me a { color: inherit; text-decoration: underline; } .chat-row.dm .chat-time { font-size: 10px; color: var(--faint); margin-top: 2px; } /* Profile note feed: inline images stay contained, links wrap. */ -- cgit v1.2.3