Switch prism and comments theme on changes

themes/hugo-theme-gruvbox/assets/css/critical/15-colors.css

@@ -6,7 +6,8 @@
   {{ $backgroundColor = "bg0_h" }}
 {{ end }}
 
-:root[data-theme="light"] {
+@media (prefers-color-scheme: light) {
+  :root {
   --bg: var(--{{ $backgroundColor }});
   --bg0: #fbf1c7;
   --bg0_h: #f9f5d7;
@@ -41,9 +42,11 @@
   & .light--hidden {
     display: none;
   }
+  }
 }
 
-:root[data-theme="dark"] {
+@media (prefers-color-scheme: dark) {
+  :root {
   --bg: var(--{{ $backgroundColor }});
   --bg0: #282828;
   --bg0_h: #1d2021;
@@ -78,6 +81,8 @@
   & .dark--hidden {
     display: none;
   }
+  }
+
 }
 
 :root {
@@ -85,3 +90,4 @@
   --primary: var(--{{ $themeColor }}1);
   --primary-alt: var(--{{ $themeColor }}2);
 }
+

themes/hugo-theme-gruvbox/assets/css/critical/45-json-resume.css

@@ -1,29 +0,0 @@
-.jr__item-meta {
-  font-family: var(--font-monospace);
-}
-
-.jr__item-meta {
-  align-items: start;
-  flex-flow: column;
-}
-
-@media (--md) {
-  .jr__item-meta {
-    align-items: center;
-    flex-flow: row wrap;
-  }
-
-  .jr__date,
-  .jr__date-range,
-  .jr-work__location {
-    flex-grow: 1;
-    text-align: right;
-  }
-
-  .jr-awards__awarder,
-  .jr-publications__publisher,
-  .jr-education__institution,
-  .jr-volunteer__organization {
-    flex-basis: 100%;
-  }
-}

themes/hugo-theme-gruvbox/assets/css/critical/50-social-share.css

@@ -1,68 +0,0 @@
-.social-share {
-  align-items: center;
-  border-top: 2px dotted var(--bg1);
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.9rem;
-  margin: 3rem 0;
-  padding-top: 3rem;
-
-  & svg {
-    fill: var(--fg);
-    width: 24px;
-    height: 24px;
-
-    &.icon-tabler {
-      fill: none;
-      stroke: var(--fg);
-    }
-  }
-}
-
-.social-share__item {
-  background: var(--bg1);
-  padding: 0.5rem;
-  display: flex;
-}
-
-/* Sticky social bar left
-
-@media (--xl) {
-  .social-share {
-    align-items: flex-start;
-    border-top: none;
-    flex-direction: column;
-
-    position: fixed;
-    top: 15%;
-    left: 0;
-  }
-
-  .social-share__heading {
-    display: none;
-  }
-
-  .social-share__item {
-    transition: padding 0.2s ease-in;
-
-    &:hover {
-      padding: 0.5rem 1rem;
-    }
-
-    & svg {
-      &:hover {
-        fill: var(--fg);
-      }
-
-      &.icon-tabler {
-        fill: none;
-
-        &:hover {
-          stroke: var(--fg);
-        }
-      }
-    }
-  }
-}
-
-*/