From 1ff4d549f6c6fc8ca8286014fed1679b426baace Mon Sep 17 00:00:00 2001
From: Jarrod Millman <jarrod.millman@gmail.com>
Date: Mon, 23 Oct 2023 23:50:26 -0700
Subject: [PATCH] Add javascript dark toggle mode

I initially tried to use the themeswitcher from:
https://github.com/pydata/pydata-sphinx-theme/blob/main/src/pydata_sphinx_theme/assets/scripts/pydata-sphinx-theme.js
---
 assets/js/dark.js | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 assets/js/dark.js

diff --git a/assets/js/dark.js b/assets/js/dark.js
new file mode 100644
index 00000000..c5f8a51a
--- /dev/null
+++ b/assets/js/dark.js
@@ -0,0 +1,11 @@
+window
+  .matchMedia("(prefers-color-scheme: dark)")
+  .addEventListener("change", ({ matches }) => {
+    if (matches) {
+      targetTheme = "dark";
+    } else {
+      targetTheme = "light";
+    }
+    document.documentElement.setAttribute("data-theme", targetTheme);
+    localStorage.setItem("theme", targetTheme);
+  });