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>