ui-v2 - added pull down top filter bar from designs and dark mode (#2638)

2025-05-27 12:18:08 -07:00
parent f3588bd54c
commit 363836f151
22 changed files with 1509 additions and 736 deletions
@@ -5,12 +5,23 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      http-equiv="Content-Security-Policy"
-      content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; font-src 'self' data: https://cash-f.squarecdn.com"
+      content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; font-src 'self' data: https://cash-f.squarecdn.com"
    />
    <title>Goose v2</title>
+    <script>
+      // Immediately check dark mode preference to avoid flash
+      (function() {
+        const savedTheme = localStorage.getItem('theme');
+        const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        
+        if (savedTheme === 'dark' || (!savedTheme && systemPrefersDark)) {
+          document.documentElement.classList.add('dark');
+        }
+      })();
+    </script>
  </head>
-  <body>
+  <body class="bg-background-default dark:bg-zinc-800 transition-colors duration-200">
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
-</html>
+</html>