Add dark theme based on browser preference

2025-06-24 03:48:47 +02:00 · 2023-02-20 23:02:09 +01:00
parent 91d39b44a2
commit ff414ea046
13 changed files with 75 additions and 36 deletions
--- a/tfjm/static/tfjm.svg
+++ b/tfjm/static/tfjm.svg
@ -14,8 +14,18 @@
   sodipodi:docname="logo.svg"
   width="30.311995"
   height="9.7779999"
-   style="fill:black"
   inkscape:version="0.92.2 2405546, 2018-03-11">
+  <style>
+    path {
+      fill: black;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      path {
+        fill: white;
+      }
+    }
+  </style>
  <metadata
     id="metadata31">
    <rdf:RDF>