From 158d050d00d94c80981a51474f67ba74e6d6b0d1 Mon Sep 17 00:00:00 2001
From: Felipe Cotti <felipe@cotti.com.br>
Date: Tue, 25 Feb 2025 20:25:39 -0300
Subject: [PATCH] Improve a little bit how light/dark theme is inferred,
 perhaps.

---
 layouts/partials/comments.html | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/layouts/partials/comments.html b/layouts/partials/comments.html
index 891c041..4b83210 100644
--- a/layouts/partials/comments.html
+++ b/layouts/partials/comments.html
@@ -3,14 +3,22 @@
 <noscript>Please enable JavaScript to view comments.</noscript>
 
   <script>
+    function detectTheme() {
+      const storedTheme = localStorage.getItem("theme");
+      if (storedTheme === "dark" || storedTheme === "light") {
+        return storedTheme;
+      }
+ 
+      if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+        return "dark";
+      }
+  
+      return "light";
+    }
+
     const comentarioComments = document.getElementsByTagName("comentario-comments");
-    if (localStorage.getItem("theme") === "dark") {
-      for (const commentElement of comentarioComments) {
-        commentElement.setAttribute("theme", "dark");
-      }
-    } else {
-      for (const commentElement of comentarioComments) {
-        commentElement.setAttribute("theme", "light");
-      }
+    const theme = detectTheme();
+    for (const commentElement of comentarioComments) {
+      commentElement.setAttribute("theme", theme);
     }
   </script>