ThemeToggle: fix native Tailwind support (#264)

Use native Tailwind dark mode support
robsontenorio · Jan 11, 2024 · 731522d · 731522d
1 parent f21eb2c
commit 731522d
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/View/Components/ThemeToggle.php b/src/View/Components/ThemeToggle.php
@@ -38,6 +38,7 @@ public function render(): View|Closure|string
                             toggle() {
                                 this.theme = this.theme == 'light' ? 'dark' : 'light'
                                 document.documentElement.setAttribute('data-theme', this.theme)
+                                document.documentElement.setAttribute('class', this.theme)
                                 this.$dispatch('theme-changed', this.theme)
                             }
                         }"
@@ -51,6 +52,7 @@ public function render(): View|Closure|string
                 </div>
                 <script>
                     document.documentElement.setAttribute("data-theme", localStorage.getItem("mary-theme")?.replaceAll("\"", ""))
+                    document.documentElement.setAttribute("class", localStorage.getItem("mary-theme")?.replaceAll("\"", ""))
                 </script>
             HTML;
     }