Optimisations and updated readme

src/webui/views/frame-layout.hbs

@@ -4,27 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>{{title}} - Signage</title>
-    <script>
-      (function () {
-        var storageKey = 'webui-theme';
-        var theme = 'light';
-        try {
-          var storedTheme = window.localStorage.getItem(storageKey);
-          if (storedTheme === 'dark' || storedTheme === 'light') {
-            theme = storedTheme;
-          } else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-            theme = 'dark';
-          }
-        } catch (error) {
-          if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-            theme = 'dark';
-          }
-        }
-
-        document.documentElement.dataset.theme = theme;
-        document.documentElement.style.colorScheme = theme;
-      }());
-    </script>
+    <script src="/assets/js/theme-init.js"></script>
     <link rel="stylesheet" href="/assets/css/admin.css" />
     {{#if stylesheets.length}}
       {{#each stylesheets}}
@@ -55,6 +35,8 @@
         </main>
       </div>
     </div>
+    <script src="/assets/js/theme-sidebar.js"></script>
+    <script src="/assets/js/toast.js"></script>
     <script src="/assets/js/admin-page.js"></script>
     {{#if scripts.length}}
       {{#each scripts}}