From 35270f72ca61feac025776dc4ff0dea68eb9e1d0 Mon Sep 17 00:00:00 2001
From: Leon Mika <lmika@lmika.org>
Date: Sat, 27 Sep 2025 13:32:13 +1000
Subject: [PATCH] Fixed styling for dark-mode

---
 site/2lcc/style.css   | 12 +++++++++++-
 site/clocks/style.css | 12 +++++++++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/site/2lcc/style.css b/site/2lcc/style.css
index 373a436..995b9f9 100644
--- a/site/2lcc/style.css
+++ b/site/2lcc/style.css
@@ -1,3 +1,13 @@
+:root {
+    --exact-match-color: rgb(237, 201, 241);  /* Purple 150 */
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --exact-match-color: rgb(111, 39, 125);  /* Purple 700 */
+    }
+}
+
 table#country-list {
     table-layout: fixed;
 }
@@ -11,5 +21,5 @@ table#country-list tr.hidden {
 }
 
 table#country-list tr.exact td {
-    background-color: rgb(237, 201, 241);
+    background-color: var(--exact-match-color);
 }
\ No newline at end of file
diff --git a/site/clocks/style.css b/site/clocks/style.css
index 023a284..2d7523e 100644
--- a/site/clocks/style.css
+++ b/site/clocks/style.css
@@ -1,10 +1,20 @@
+:root {
+    --clock-label-color: rgb(175, 41, 29);  /* Red 600 */
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --clock-label-color: rgb(238, 64, 46);  /* Red 450 */
+    }
+}
+
 div.clock {
     text-align: center;
     margin-block-end: 1.8rem;
 }
 
 div.clock div.location {
-    color: rgb(175, 41, 29);
+    color: var(--clock-label-color);
 }
 
 div.clock div.time {