From 30325f4071e203199fdae96425d7ce16ce68d686 Mon Sep 17 00:00:00 2001
From: Brandon Shipley <bshipley@hipowered.dev>
Date: Thu, 27 Aug 2026 02:57:25 -0700
Subject: [PATCH] dark mode strategy

---
 .../element/javascript/dark_mode_bottom.php    | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/templates/element/javascript/dark_mode_bottom.php b/templates/element/javascript/dark_mode_bottom.php
index 09d4cf3..f4ab6bf 100644
--- a/templates/element/javascript/dark_mode_bottom.php
+++ b/templates/element/javascript/dark_mode_bottom.php
@@ -1,7 +1,11 @@
 <?php
+
+use Cake\Core\Configure;
+
 /**
  * @var \App\View\AppView $this
  */
+$strategy = Configure::read('CheeseCake.darkMode.strategy', 'class');
 
 ?>
 <script>
@@ -13,24 +17,38 @@
             toggleDarkLink.addEventListener('click', function (e) {
                 e.preventDefault();
                 localStorage.theme = 'dark';
+            <?php if ($strategy === 'class') : ?>
                 document.documentElement.classList.add('dark');
                 document.documentElement.classList.remove('auto');
+            <?php else : ?>
+                document.documentElement.dataset.theme = 'dark';
+            <?php endif; ?>
+
             });
         }
         if (toggleLightLink) {
             toggleLightLink.addEventListener('click', function (e) {
                 e.preventDefault();
                 localStorage.theme = 'light';
+            <?php if ($strategy === 'class') : ?>
                 document.documentElement.classList.remove('auto');
                 document.documentElement.classList.remove('dark');
+            <?php else : ?>
+                document.documentElement.dataset.theme = 'light';
+            <?php endif; ?>
             });
         }
         if (toggleAutoLink) {
             toggleAutoLink.addEventListener('click', function (e) {
                 e.preventDefault();
                 localStorage.theme = 'auto';
+            <?php if ($strategy === 'class') : ?>
                 document.documentElement.classList.add('auto');
                 document.documentElement.classList.remove('dark');
+
+            <?php else : ?>
+                delete document.documentElement.dataset.theme;
+            <?php endif; ?>
             });
         }
     })