First steps at adding default dark mode depending on the browser settings

config.toml

@@ -84,3 +84,6 @@ summaryLength = 30
   [params.logo]
       standard  = "/pics/logo.png"
       mobile  = "/pics/logo.png"
+
+[markup.goldmark.renderer]
+  unsafe = true

content/contact/_index.md

@@ -5,7 +5,7 @@ draft: false
 weight: 100
 ---
 
-# ![/pics/element.png](/pics/element.png) YAMS has an official Matrix chat!
+# <img class="element-img" src="/pics/element.png"/> YAMS has an official Matrix chat!
 
 You can join us here: [https://matrix.to/#/#yams:chat.rogs.me](https://matrix.to/#/#yams:chat.rogs.me).
 

themes/hugo-whisper-theme/assets/scss/style.scss

@@ -85,3 +85,26 @@ body {
   content: url("/pics/element-small.png") ;
   margin-right: 5px;
 }
+@media (prefers-color-scheme: dark) {
+  html {
+    filter: invert(95%);
+  }
+  a {
+    filter: invert(100%);
+  }
+  .docs-menu a {
+    filter: invert(10%);
+  }
+  .docs-menu a:hover {
+    filter: invert(100%);
+  }
+  li.active {
+    filter: invert(100%);
+  }
+  .zerostatic {
+    filter: invert(100%);
+  }
+  .element-img {
+    filter: invert(100%);
+  }
+}