From e7dce7011acc08983fbc4a94ccee3c8e87df09a2 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Sat, 4 Jan 2025 01:23:18 +0100
Subject: [PATCH] style: accounts table colors on light & dark modes

---
 src/pages/tech-bsky-fedi.astro | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/pages/tech-bsky-fedi.astro b/src/pages/tech-bsky-fedi.astro
index f24c94f..ae1e585 100644
--- a/src/pages/tech-bsky-fedi.astro
+++ b/src/pages/tech-bsky-fedi.astro
@@ -167,7 +167,8 @@ const description =
   td {
     padding: 1rem;
     border-radius: 5px;
-    background: rgba(0, 0, 0, 0.1);
+    background: rgba(0, 0, 0, 0.01);
+    border: 1px solid rgba(0, 0, 0, 0.1);
   }
 
   th:first-child,
@@ -175,4 +176,32 @@ const description =
     display: block;
     max-width: calc(50px + 2rem);
   }
+
+  td a {
+    color: var(--text-color-dark);
+    text-decoration: none;
+
+    &:hover {
+      color: var(--color-brand-blue-3);
+      text-decoration: underline;
+    }
+  }
+
+  @media (prefers-color-scheme: dark) {
+    td,
+    th {
+      background: rgba(0, 0, 0, 0.1);
+      border: 1px solid rgba(0, 0, 0, 0.1);
+
+      & a {
+        color: var(--text-color-light);
+        text-decoration: none;
+
+        &:hover {
+          color: var(--color-brand-complement);
+          text-decoration: underline;
+        }
+      }
+    }
+  }
 </style>