From 2abdb82cb3e5b36a10f8dbd9be05fb89cbcd562b Mon Sep 17 00:00:00 2001 From: Rohan Kumar Date: Thu, 3 Jun 2021 01:24:04 -0700 Subject: [PATCH] CSS: Dark palette: switch to yellow links The newish APCA contrast algorithm correctly reveals that blue-on-black and purple-on-black links have lower perceptual contrast than yellow-on-black links. A Fediverse survey with 19 participants revealed that others tend to prefer the older look over this one, but the number in favor was much larger than I thought; it was a 3:2 split. I decided that on my poor laptop screen facing sunlight with simulated color vision deficiencies, the yellow links are indeed easier to read so I went with them. --- assets/css/dark.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/assets/css/dark.css b/assets/css/dark.css index 0aa1612..d9ad945 100644 --- a/assets/css/dark.css +++ b/assets/css/dark.css @@ -1,7 +1,7 @@ @media (prefers-color-scheme: dark) { html { background: #000; - color: #eee; + color: #fff; } /* IndieWeb u-photo shouldn't look like floating punctuation marks */ @@ -13,15 +13,15 @@ } a { - color: #8cf; + color: #ed5; } a:visited { - color: #d9f; + color: #ddc; } a:active { - color: #e3e; + color: #c80; } blockquote,