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 {