Use color-scheme instead of specifying colors

diff --git a/blog/src/blog/html.py b/blog/src/blog/html.py
index 7ab411783bd20a485297d2135c907a7fbeb82753..c51237ce3bcc66ba336e89d55334afb2a33058a9 100644 (file)
--- a/blog/src/blog/html.py
+++ b/blog/src/blog/html.py
@@ -47,20 +47,15 @@ def html_template(*content, page_title=None, path, full):
                     ),
                     h.STYLE(
                         textwrap.dedent("""
+                        :root {
+                            color-scheme: light dark;
+                        }
                         body {
                             max-width: 40em;
                             margin-left: auto;
                             margin-right: auto;
                             padding-left: 2em;
                             padding-right: 2em;
-                            background-color: #fffffa;
-                            color: #000000;
-                        }
-                        @media (prefers-color-scheme: dark) {
-                            body {
-                                background-color: #000000;
-                                color: #fffffa;
-                            }
                         }
                         p, blockquote, li {
                             /* from Mozilla reader mode */