Uh, didn't know about that technique, nice ☺️
I often use "currentColor" as focus ring color; this way, the focus ring auto-adapts to the current color and has always enough contrast to the background (because you want to always make sure the content is readable). By default, it has the same color as the content, which can be a bit disadvabtageous to the visibility, but I usually also define a :hover,:focus color which fixes that.
Lea Rosema
npub1j2…dx23v
2025-10-06 14:15:49 UTC
in reply to nevent1q…83a4
Author Public Key
npub1j2nu349xecdpms4hc5d678u84597cr3utk9px24q3l4q2qf9stysddx23vSeen on
wss://relay.momostr.pinkPublished at
2025-10-06 14:15:49 UTCEvent JSON
{
"id": "32432cd90efedb9208df3814609739cd82d8d89d66218613db0f33520cdd8346",
"pubkey": "92a7c8d4a6ce1a1dc2b7c51baf1f87ad0bec0e3c5d8a132aa08fea05012582c9",
"created_at": 1759760149,
"kind": 1,
"tags": [
[
"proxy",
"https://lea.lgbt/@lea/115327641130052403",
"web"
],
[
"p",
"2985420ab72c7712c03b80c9403ef7859c4d9292d764e2ffde59bbe984d6fcf6"
],
[
"e",
"b36248c6c0132afe86eeed2116bc02ac033d6661961b20f8e095804e215d5805",
"",
"root",
"2985420ab72c7712c03b80c9403ef7859c4d9292d764e2ffde59bbe984d6fcf6"
],
[
"p",
"3b254946036bb09d62e0d76d3517f62508acaaba4c5e2e61bca3d0eb19b61bac"
],
[
"proxy",
"https://lea.lgbt/users/lea/statuses/115327641130052403",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://lea.lgbt/users/lea/statuses/115327641130052403",
"pink.momostr"
],
[
"-"
]
],
"content": "Uh, didn't know about that technique, nice ☺️\n\nI often use \"currentColor\" as focus ring color; this way, the focus ring auto-adapts to the current color and has always enough contrast to the background (because you want to always make sure the content is readable). By default, it has the same color as the content, which can be a bit disadvabtageous to the visibility, but I usually also define a :hover,:focus color which fixes that.",
"sig": "208012992f31ef8f4f542f164c7877a371a827f3e0c096919f2fb41d77f5a8f8e0e1688e534d22e8c377c59a7674159798da6891ebc5d441408f04ab0a190a70"
}