From 210a55934d7f8b691d591fc535f14857d0431ad6 Mon Sep 17 00:00:00 2001
From: Dave Gallant <davegallant@gmail.com>
Date: Sat, 25 Mar 2023 14:04:50 -0400
Subject: [PATCH] Ensure utterances theme's is toggled when site theme is
 toggled

---
 config.yaml                                   |  1 -
 .../16/appgate-sdp-on-arch-linux/index.html   | 21 ++++++++++-----
 .../06/what-to-do-with-a-homelab/index.html   | 21 ++++++++++-----
 .../08/why-i-threw-out-my-dotfiles/index.html | 21 ++++++++++-----
 .../index.html                                | 21 ++++++++++-----
 .../index.html                                | 21 ++++++++++-----
 .../running-k3s-in-lxc-on-proxmox/index.html  | 21 ++++++++++-----
 .../backing-up-gmail-with-synology/index.html | 21 ++++++++++-----
 .../index.html                                | 21 ++++++++++-----
 .../10/watching-youtube-in-private/index.html | 21 ++++++++++-----
 public/categories/index.html                  | 21 ++++++++++-----
 public/js/themetoggle.js                      | 17 ++++++++++--
 public/page/index.html                        | 21 ++++++++++-----
 public/page/search/index.html                 | 21 ++++++++++-----
 public/post/index.html                        | 21 ++++++++++-----
 public/tags/adguard/index.html                | 21 ++++++++++-----
 public/tags/aws-vault/index.html              | 21 ++++++++++-----
 public/tags/aws/index.html                    | 21 ++++++++++-----
 public/tags/backup/index.html                 | 21 ++++++++++-----
 public/tags/containers/index.html             | 21 ++++++++++-----
 public/tags/degoogle/index.html               | 21 ++++++++++-----
 public/tags/docker/index.html                 | 21 ++++++++++-----
 public/tags/dotfiles/index.html               | 21 ++++++++++-----
 public/tags/gmail/index.html                  | 21 ++++++++++-----
 public/tags/grafana/index.html                | 21 ++++++++++-----
 public/tags/home-manager/index.html           | 21 ++++++++++-----
 public/tags/homelab/index.html                | 21 ++++++++++-----
 public/tags/index.html                        | 21 ++++++++++-----
 public/tags/invidious/index.html              | 21 ++++++++++-----
 public/tags/jellyfin/index.html               | 21 ++++++++++-----
 public/tags/k3s/index.html                    | 21 ++++++++++-----
 public/tags/linux/index.html                  | 21 ++++++++++-----
 public/tags/lxc/index.html                    | 21 ++++++++++-----
 public/tags/netdata/index.html                | 21 ++++++++++-----
 public/tags/nix/index.html                    | 21 ++++++++++-----
 public/tags/openwrt/index.html                | 21 ++++++++++-----
 public/tags/pfsense/index.html                | 21 ++++++++++-----
 public/tags/pihole/index.html                 | 21 ++++++++++-----
 public/tags/plex/index.html                   | 21 ++++++++++-----
 public/tags/podman/index.html                 | 21 ++++++++++-----
 public/tags/privacy/index.html                | 21 ++++++++++-----
 public/tags/proxmox/index.html                | 21 ++++++++++-----
 public/tags/python/index.html                 | 21 ++++++++++-----
 public/tags/ransomware/index.html             | 21 ++++++++++-----
 public/tags/router-on-a-stick/index.html      | 21 ++++++++++-----
 public/tags/router/index.html                 | 21 ++++++++++-----
 public/tags/security/index.html               | 21 ++++++++++-----
 public/tags/synology/index.html               | 21 ++++++++++-----
 public/tags/tailscale/index.html              | 21 ++++++++++-----
 public/tags/virtualization/index.html         | 21 ++++++++++-----
 public/tags/vlan/index.html                   | 21 ++++++++++-----
 public/tags/vpn/index.html                    | 21 ++++++++++-----
 public/tags/yewtu.be/index.html               | 21 ++++++++++-----
 public/tags/youtube/index.html                | 21 ++++++++++-----
 themes/archie/layouts/partials/comments.html  |  2 +-
 .../layouts/partials/comments/utterances.html | 26 +++++++++++--------
 themes/archie/static/js/themetoggle.js        | 17 ++++++++++--
 57 files changed, 826 insertions(+), 329 deletions(-)

diff --git a/config.yaml b/config.yaml
index d16819e6..6fd81fb8 100644
--- a/config.yaml
+++ b/config.yaml
@@ -40,7 +40,6 @@ params:
       utterances:
         enable: true
         issueTerm: "pathname"
-        theme: github-light
         github:
           username: davegallant
           repository: davegallant.github.io
diff --git a/public/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html b/public/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html
index 44b2b64e..4f5ac0ad 100644
--- a/public/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html
+++ b/public/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html
@@ -206,12 +206,21 @@ Let&rsquo;s try to run it.</p>
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/blog/2021/09/06/what-to-do-with-a-homelab/index.html b/public/blog/2021/09/06/what-to-do-with-a-homelab/index.html
index 28d304bb..52f49844 100644
--- a/public/blog/2021/09/06/what-to-do-with-a-homelab/index.html
+++ b/public/blog/2021/09/06/what-to-do-with-a-homelab/index.html
@@ -166,12 +166,21 @@ Containers have much less overhead in terms of boot time and storage allocation.
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/blog/2021/09/08/why-i-threw-out-my-dotfiles/index.html b/public/blog/2021/09/08/why-i-threw-out-my-dotfiles/index.html
index 94a97ff6..64ac52dd 100644
--- a/public/blog/2021/09/08/why-i-threw-out-my-dotfiles/index.html
+++ b/public/blog/2021/09/08/why-i-threw-out-my-dotfiles/index.html
@@ -257,12 +257,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/blog/2021/09/17/automatically-rotating-aws-access-keys/index.html b/public/blog/2021/09/17/automatically-rotating-aws-access-keys/index.html
index bad27c73..74934023 100644
--- a/public/blog/2021/09/17/automatically-rotating-aws-access-keys/index.html
+++ b/public/blog/2021/09/17/automatically-rotating-aws-access-keys/index.html
@@ -126,12 +126,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/blog/2021/10/11/replacing-docker-with-podman-on-macos-and-linux/index.html b/public/blog/2021/10/11/replacing-docker-with-podman-on-macos-and-linux/index.html
index 39ccac02..9d7842cf 100644
--- a/public/blog/2021/10/11/replacing-docker-with-podman-on-macos-and-linux/index.html
+++ b/public/blog/2021/10/11/replacing-docker-with-podman-on-macos-and-linux/index.html
@@ -203,12 +203,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/blog/2021/11/14/running-k3s-in-lxc-on-proxmox/index.html b/public/blog/2021/11/14/running-k3s-in-lxc-on-proxmox/index.html
index 625c0acd..d5663ae8 100644
--- a/public/blog/2021/11/14/running-k3s-in-lxc-on-proxmox/index.html
+++ b/public/blog/2021/11/14/running-k3s-in-lxc-on-proxmox/index.html
@@ -201,12 +201,21 @@ As of 2021/11, it is still defaulting to the 1.19 channel, so I overrode it to 1
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/blog/2022/03/13/backing-up-gmail-with-synology/index.html b/public/blog/2022/03/13/backing-up-gmail-with-synology/index.html
index b86c3137..b3fae28b 100644
--- a/public/blog/2022/03/13/backing-up-gmail-with-synology/index.html
+++ b/public/blog/2022/03/13/backing-up-gmail-with-synology/index.html
@@ -146,12 +146,21 @@ Encrypting your shared volumes should also be done, since unfortunately <a href=
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/blog/2022/04/02/virtualizing-my-router-with-pfsense/index.html b/public/blog/2022/04/02/virtualizing-my-router-with-pfsense/index.html
index ffcf8853..dc7c72be 100644
--- a/public/blog/2022/04/02/virtualizing-my-router-with-pfsense/index.html
+++ b/public/blog/2022/04/02/virtualizing-my-router-with-pfsense/index.html
@@ -166,12 +166,21 @@ When setting up the machine, I mostly went with all of the defaults. Configurati
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/blog/2022/12/10/watching-youtube-in-private/index.html b/public/blog/2022/12/10/watching-youtube-in-private/index.html
index e959ddc4..a7ad6d7d 100644
--- a/public/blog/2022/12/10/watching-youtube-in-private/index.html
+++ b/public/blog/2022/12/10/watching-youtube-in-private/index.html
@@ -184,12 +184,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/categories/index.html b/public/categories/index.html
index 1e331058..7082956f 100644
--- a/public/categories/index.html
+++ b/public/categories/index.html
@@ -107,12 +107,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/js/themetoggle.js b/public/js/themetoggle.js
index f8c6dcdd..7f9b003d 100644
--- a/public/js/themetoggle.js
+++ b/public/js/themetoggle.js
@@ -3,14 +3,27 @@ function setTheme(mode) {
     if (mode === "dark") {
         document.getElementById("darkModeStyle").disabled=false;
         document.getElementById("dark-mode-toggle").innerHTML = "<i data-feather=\"sun\"></i>";
-        feather.replace()
+        feather.replace();
+        setUtterancesTheme("github-dark");
     } else if (mode === "light") {
         document.getElementById("darkModeStyle").disabled=true;
         document.getElementById("dark-mode-toggle").innerHTML = "<i data-feather=\"moon\"></i>";
-        feather.replace()
+        feather.replace();
+        setUtterancesTheme("github-light");
     }
 }
 
+function setUtterancesTheme (theme) {
+    if (document.querySelector('.utterances-frame')) {
+      const message = {
+        type: 'set-theme',
+        theme: theme
+      };
+      const iframe = document.querySelector('.utterances-frame');
+      iframe.contentWindow.postMessage(message, 'https://utteranc.es');
+    }
+  }
+
 function toggleTheme() {
     if (localStorage.getItem("theme-storage") === "light") {
         setTheme("dark");
diff --git a/public/page/index.html b/public/page/index.html
index 0c6aadc8..00cff16e 100644
--- a/public/page/index.html
+++ b/public/page/index.html
@@ -98,12 +98,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/page/search/index.html b/public/page/search/index.html
index 0a0e63e4..c7fa430e 100644
--- a/public/page/search/index.html
+++ b/public/page/search/index.html
@@ -110,12 +110,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/post/index.html b/public/post/index.html
index c236aa57..f6f37fb5 100644
--- a/public/post/index.html
+++ b/public/post/index.html
@@ -116,12 +116,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/adguard/index.html b/public/tags/adguard/index.html
index 618506d3..f41e6053 100644
--- a/public/tags/adguard/index.html
+++ b/public/tags/adguard/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/aws-vault/index.html b/public/tags/aws-vault/index.html
index 433eb6cd..7c854308 100644
--- a/public/tags/aws-vault/index.html
+++ b/public/tags/aws-vault/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/aws/index.html b/public/tags/aws/index.html
index eb6bbf63..7fbc7e87 100644
--- a/public/tags/aws/index.html
+++ b/public/tags/aws/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/backup/index.html b/public/tags/backup/index.html
index 411d452e..d374652b 100644
--- a/public/tags/backup/index.html
+++ b/public/tags/backup/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/containers/index.html b/public/tags/containers/index.html
index 8ebc1c78..668be009 100644
--- a/public/tags/containers/index.html
+++ b/public/tags/containers/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/degoogle/index.html b/public/tags/degoogle/index.html
index 7760466e..5a910df6 100644
--- a/public/tags/degoogle/index.html
+++ b/public/tags/degoogle/index.html
@@ -102,12 +102,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/docker/index.html b/public/tags/docker/index.html
index 45230889..3d925ee2 100644
--- a/public/tags/docker/index.html
+++ b/public/tags/docker/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/dotfiles/index.html b/public/tags/dotfiles/index.html
index f57cb41d..e4fb969d 100644
--- a/public/tags/dotfiles/index.html
+++ b/public/tags/dotfiles/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/gmail/index.html b/public/tags/gmail/index.html
index 6ba9e8e8..0d6a73fa 100644
--- a/public/tags/gmail/index.html
+++ b/public/tags/gmail/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/grafana/index.html b/public/tags/grafana/index.html
index a48813b9..b4e151c0 100644
--- a/public/tags/grafana/index.html
+++ b/public/tags/grafana/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/home-manager/index.html b/public/tags/home-manager/index.html
index 3ae7132c..36d40825 100644
--- a/public/tags/home-manager/index.html
+++ b/public/tags/home-manager/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/homelab/index.html b/public/tags/homelab/index.html
index 550e5377..fe19489e 100644
--- a/public/tags/homelab/index.html
+++ b/public/tags/homelab/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/index.html b/public/tags/index.html
index 88c4d691..e5335d0f 100644
--- a/public/tags/index.html
+++ b/public/tags/index.html
@@ -259,12 +259,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/invidious/index.html b/public/tags/invidious/index.html
index bf0d7526..86f08478 100644
--- a/public/tags/invidious/index.html
+++ b/public/tags/invidious/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/jellyfin/index.html b/public/tags/jellyfin/index.html
index 5de7ac94..59bfac20 100644
--- a/public/tags/jellyfin/index.html
+++ b/public/tags/jellyfin/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/k3s/index.html b/public/tags/k3s/index.html
index db9a1d65..a44e8b45 100644
--- a/public/tags/k3s/index.html
+++ b/public/tags/k3s/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/linux/index.html b/public/tags/linux/index.html
index d24362e5..ba25ccc7 100644
--- a/public/tags/linux/index.html
+++ b/public/tags/linux/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/lxc/index.html b/public/tags/lxc/index.html
index 26119162..3cb7b6c7 100644
--- a/public/tags/lxc/index.html
+++ b/public/tags/lxc/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/netdata/index.html b/public/tags/netdata/index.html
index dc03d37e..8b391728 100644
--- a/public/tags/netdata/index.html
+++ b/public/tags/netdata/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/nix/index.html b/public/tags/nix/index.html
index 856aa362..3d71264d 100644
--- a/public/tags/nix/index.html
+++ b/public/tags/nix/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/openwrt/index.html b/public/tags/openwrt/index.html
index e8178054..0a4f3bd4 100644
--- a/public/tags/openwrt/index.html
+++ b/public/tags/openwrt/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/pfsense/index.html b/public/tags/pfsense/index.html
index 0d7b6f4c..533e82f2 100644
--- a/public/tags/pfsense/index.html
+++ b/public/tags/pfsense/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/pihole/index.html b/public/tags/pihole/index.html
index 2844254a..93d9c4f4 100644
--- a/public/tags/pihole/index.html
+++ b/public/tags/pihole/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/plex/index.html b/public/tags/plex/index.html
index 77ecc9ac..fa78ade5 100644
--- a/public/tags/plex/index.html
+++ b/public/tags/plex/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/podman/index.html b/public/tags/podman/index.html
index a9394da9..12cf0878 100644
--- a/public/tags/podman/index.html
+++ b/public/tags/podman/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/privacy/index.html b/public/tags/privacy/index.html
index 37a150e9..627baf61 100644
--- a/public/tags/privacy/index.html
+++ b/public/tags/privacy/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/proxmox/index.html b/public/tags/proxmox/index.html
index 70ea23d0..23b5a4ee 100644
--- a/public/tags/proxmox/index.html
+++ b/public/tags/proxmox/index.html
@@ -102,12 +102,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/python/index.html b/public/tags/python/index.html
index fff6f04e..301ca05a 100644
--- a/public/tags/python/index.html
+++ b/public/tags/python/index.html
@@ -102,12 +102,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/ransomware/index.html b/public/tags/ransomware/index.html
index 1063be17..c53289fc 100644
--- a/public/tags/ransomware/index.html
+++ b/public/tags/ransomware/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/router-on-a-stick/index.html b/public/tags/router-on-a-stick/index.html
index 88227bde..8ab876e9 100644
--- a/public/tags/router-on-a-stick/index.html
+++ b/public/tags/router-on-a-stick/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/router/index.html b/public/tags/router/index.html
index aee798ff..07ee61ea 100644
--- a/public/tags/router/index.html
+++ b/public/tags/router/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/security/index.html b/public/tags/security/index.html
index 7c9f6964..0b7f0a9f 100644
--- a/public/tags/security/index.html
+++ b/public/tags/security/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/synology/index.html b/public/tags/synology/index.html
index cf12b70c..1d7a14cb 100644
--- a/public/tags/synology/index.html
+++ b/public/tags/synology/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/tailscale/index.html b/public/tags/tailscale/index.html
index de6aca6a..4ffa7c22 100644
--- a/public/tags/tailscale/index.html
+++ b/public/tags/tailscale/index.html
@@ -102,12 +102,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/virtualization/index.html b/public/tags/virtualization/index.html
index 99c67b62..5ff92063 100644
--- a/public/tags/virtualization/index.html
+++ b/public/tags/virtualization/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/vlan/index.html b/public/tags/vlan/index.html
index 9de1d0f7..383e4576 100644
--- a/public/tags/vlan/index.html
+++ b/public/tags/vlan/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/vpn/index.html b/public/tags/vpn/index.html
index 367c8aa9..c983fb26 100644
--- a/public/tags/vpn/index.html
+++ b/public/tags/vpn/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/yewtu.be/index.html b/public/tags/yewtu.be/index.html
index c9f32471..e511d789 100644
--- a/public/tags/yewtu.be/index.html
+++ b/public/tags/yewtu.be/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/public/tags/youtube/index.html b/public/tags/youtube/index.html
index 6868cd4c..518db11d 100644
--- a/public/tags/youtube/index.html
+++ b/public/tags/youtube/index.html
@@ -100,12 +100,21 @@
 
 		<section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'><script src='https://utteranc.es/client.js'
-  repo='davegallant/davegallant.github.io'
-  issue-term='pathname'
-  
-  theme='github-light'
-  crossorigin='anonymous' async>
+    <div class='comments'><script>
+    
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', 'davegallant\/davegallant.github.io');
+    s.setAttribute('issue-term', 'pathname');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
 </div>
   </div>
diff --git a/themes/archie/layouts/partials/comments.html b/themes/archie/layouts/partials/comments.html
index 31594729..167dc4a1 100644
--- a/themes/archie/layouts/partials/comments.html
+++ b/themes/archie/layouts/partials/comments.html
@@ -5,7 +5,7 @@
 {{- if and ( $utterancesEnabled ) ( not .Params.disable_comments) -}}
 <section id='comments' class='comments'>
   <div class='container sep-before'>
-    <div class='comments-area'>
+    <div class='comments'>
     {{- if $utterancesEnabled -}}
       {{ partial "comments/utterances" . }}
     {{- end -}}
diff --git a/themes/archie/layouts/partials/comments/utterances.html b/themes/archie/layouts/partials/comments/utterances.html
index bed3196c..e27ac663 100644
--- a/themes/archie/layouts/partials/comments/utterances.html
+++ b/themes/archie/layouts/partials/comments/utterances.html
@@ -2,18 +2,22 @@
 
 {{- $issueTerm := .Page.Site.Params.comments.utterances.issueTerm -}}
 {{- $label := .Page.Site.Params.comments.utterances.label -}}
-{{- $theme := .Page.Site.Params.comments.utterances.theme -}}
 {{- $username := .Page.Site.Params.comments.utterances.github.username -}}
 {{- $repository := .Page.Site.Params.comments.utterances.github.repository -}}
 
-<script src='{{ $scriptSrc }}'
-  repo='{{ print $username "/" $repository }}'
-  issue-term='{{ $issueTerm }}'
-  {{ if $label -}}
-    label='{{ $label }}'
-  {{- end }}
-  {{ if $theme -}}
-    theme='{{ $theme }}'
-  {{- end }}
-  crossorigin='anonymous' async>
+<script>
+    // load utteranc comment
+    var getTheme = window.localStorage && window.localStorage.getItem("theme-storage");
+    getTheme = getTheme == null ? 'light' : getTheme;
+
+    let theme = getTheme === 'dark' ? 'github-dark' : 'github-light';
+    let s = document.createElement('script');
+    s.src = 'https://utteranc.es/client.js';
+    s.setAttribute('repo', '{{ print $username "/" $repository }}');
+    s.setAttribute('issue-term', '{{ $issueTerm }}');
+    s.setAttribute('theme', theme);
+    s.setAttribute('crossorigin', 'anonymous');
+    s.setAttribute('async', '');
+    document.querySelector('div.comments').innerHTML = '';
+    document.querySelector('div.comments').appendChild(s);
 </script>
diff --git a/themes/archie/static/js/themetoggle.js b/themes/archie/static/js/themetoggle.js
index f8c6dcdd..7f9b003d 100644
--- a/themes/archie/static/js/themetoggle.js
+++ b/themes/archie/static/js/themetoggle.js
@@ -3,14 +3,27 @@ function setTheme(mode) {
     if (mode === "dark") {
         document.getElementById("darkModeStyle").disabled=false;
         document.getElementById("dark-mode-toggle").innerHTML = "<i data-feather=\"sun\"></i>";
-        feather.replace()
+        feather.replace();
+        setUtterancesTheme("github-dark");
     } else if (mode === "light") {
         document.getElementById("darkModeStyle").disabled=true;
         document.getElementById("dark-mode-toggle").innerHTML = "<i data-feather=\"moon\"></i>";
-        feather.replace()
+        feather.replace();
+        setUtterancesTheme("github-light");
     }
 }
 
+function setUtterancesTheme (theme) {
+    if (document.querySelector('.utterances-frame')) {
+      const message = {
+        type: 'set-theme',
+        theme: theme
+      };
+      const iframe = document.querySelector('.utterances-frame');
+      iframe.contentWindow.postMessage(message, 'https://utteranc.es');
+    }
+  }
+
 function toggleTheme() {
     if (localStorage.getItem("theme-storage") === "light") {
         setTheme("dark");