From 12cc6e178ac6ec27fc345e70db7f1bfd37a649a6 Mon Sep 17 00:00:00 2001
From: Roger Gonzalez <roger@rogs.me>
Date: Mon, 23 Jan 2023 10:56:55 -0300
Subject: First steps at adding default dark mode depending on the browser
 settings

---
 config.toml                                      |  3 +++
 content/contact/_index.md                        |  2 +-
 themes/hugo-whisper-theme/assets/scss/style.scss | 23 +++++++++++++++++++++++
 3 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/config.toml b/config.toml
index dfd0e8c..4b633b9 100644
--- a/config.toml
+++ b/config.toml
@@ -84,3 +84,6 @@ summaryLength = 30
   [params.logo]
       standard  = "/pics/logo.png"
       mobile  = "/pics/logo.png"
+
+[markup.goldmark.renderer]
+  unsafe = true
diff --git a/content/contact/_index.md b/content/contact/_index.md
index 36ccc6a..d239842 100644
--- a/content/contact/_index.md
+++ b/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).
 
diff --git a/themes/hugo-whisper-theme/assets/scss/style.scss b/themes/hugo-whisper-theme/assets/scss/style.scss
index c02c2a1..661d8e5 100755
--- a/themes/hugo-whisper-theme/assets/scss/style.scss
+++ b/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%);
+  }
+}
-- 
cgit v1.2.3