experiment with <system-color>

1 files changed, 10 insertions, 2 deletions

diff --git a/style.css b/style.css
index 5c8b415..3336e70 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,6 @@
+:root {
+    color-scheme: light dark;
+}
 html {
     font-size: 100%;
 }
@@ -13,6 +16,8 @@ main {
 }
 header {
     padding: 0.5rem 1rem;
+    color: ButtonText;
+    background-color: ButtonFace;
 }
 header nav {
     display: inline-block;
@@ -22,16 +27,19 @@ header span {
 }
 nav ul {
     list-style-type: none;
-    border-left: 1px solid;
+    border-left: 1px solid ButtonText;
     margin: 0;
     padding: 0;
 }
 nav ul li {
     display: inline-block;
-    border-right: 1px solid;
+    border-right: 1px solid ButtonText;
     padding: 2px 10px;
     margin: 0;
 }
+nav ul li a:visited {
+    color: ButtonText;
+}
 li {
     margin-left: 1rem;
 }