From 2eef3fcc12e3d75d53c369b97a46a927b8633e23 Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Thu, 17 Sep 2020 15:28:03 +0530
Subject: [PATCH] automatic theme based on browser theme

usage: add to config
    params:
        defaultTheme: "auto"
---
 layouts/partials/header.html | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 6003e97..7be916c 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,3 +1,10 @@
+{{ if eq .Site.Params.defaultTheme "auto" }}
+<script>
+    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        document.body.classList.add('dark');
+    }
+</script>
+{{ end }}
 <header class="header">
     <nav class="nav">
         {{- if .IsHome }}