From: Ardis Lu <ardisglu@gmail.com>
Date: Thu, 16 May 2024 05:29:41 +0000 (-0700)
Subject: Improve high-contrast accessibility
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=3f5b5675cab257f6933ee5b8e0e2537e938e8da4;p=ardislu.dev

Improve high-contrast accessibility

Transparent borders will render as black when forced-colors mode is active, allowing the elements to still be clearly distinguished when background colors are removed.
---

diff --git a/style.css b/style.css
index 82c4dce..c7b37cc 100644
--- a/style.css
+++ b/style.css
@@ -203,6 +203,7 @@ blockquote::before {
 }
 
 code {
+  border: 1px solid transparent;
   border-radius: 4px;
   background: hsl(0deg 0% 95%);
   padding: 1px 3px 2px;
@@ -341,6 +342,7 @@ td {
 .tag > a {
   padding-block: 4px;
   padding-inline: 6px;
+  border: 1px solid transparent;
   border-radius: 12px;
   text-decoration: none;
   font-weight: 500;