Support dark mode

color-scheme lets the browser pick background and text colours from the
user's preference. The light grey text shadow behind chords looks
wrong on a dark background, and the bold red is legible without it.

diff --git a/chordpro.css b/chordpro.css
index 20bc7f94e7505f1529de244c3a56010abd07663b..020cbe56ce5cc3df992304372c93c63bd4c80250 100644 (file)
--- a/chordpro.css
+++ b/chordpro.css
@@ -1,3 +1,7 @@
+:root {
+  color-scheme: light dark;
+}
+
 body {
   font-family: sans-serif;
 }
@@ -34,6 +38,5 @@ h2, .comment {
     padding-right: 0.3ex;
     color: #F33;
     font-weight: bold;
-    text-shadow: #CCC 1px 1px;
   }
 }