From 58c5f30b0d5eb5c994805062d376f5ecfb39a8d8 Mon Sep 17 00:00:00 2001
From: jessikitty <jess.rogerson.29@outlook.com>
Date: Thu, 21 May 2026 10:14:00 +1000
Subject: [PATCH] feat: Add theme toggle button to sidebar + flash-prevention
 script

---
 Views/Shared/_AdminLayout.cshtml | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)
diff --git a/Views/Shared/_AdminLayout.cshtml b/Views/Shared/_AdminLayout.cshtml
index a528321..23edae4 100644
--- a/Views/Shared/_AdminLayout.cshtml
+++ b/Views/Shared/_AdminLayout.cshtml
@@ -7,6 +7,13 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />
     <link href="/css/admin.css" rel="stylesheet" />
+    <script>
+        // Apply saved theme immediately to prevent flash
+        (function() {
+            var t = localStorage.getItem('sb-theme') || 'dark';
+            document.documentElement.setAttribute('data-theme', t);
+        })();
+    </script>
     @RenderSection("Styles", required: false)
 </head>
 <body>
@@ -42,7 +49,10 @@
             </ul>
 
             <div class="sidebar-footer">
-                <small>Sunbeam Framework v1.0</small>
+                <small>Sunbeam v1.0</small>
+                <button id="themeToggle" class="theme-toggle" title="Toggle theme">
+                    <i class="bi bi-sun"></i>
+                </button>
             </div>
         </nav>
 
