feat: navbar account

packages/website/src/pages/TestComponent.tsx

@@ -1,4 +1,5 @@
-import { Button, Popover } from '@radix-ui/themes';
+import { Button, Flex, Popover, Text } from '@radix-ui/themes';
+import { BlitzKitTheme } from '../components/BlitzKitTheme';
 
 export function TestComponent() {
   return (
@@ -7,7 +8,14 @@ export function TestComponent() {
         <Button>Radix UI</Button>
       </Popover.Trigger>
 
-      <Popover.Content>Content</Popover.Content>
+      <BlitzKitTheme>
+        <Popover.Content>
+          <Flex direction="column">
+            <Text>I should be in a dark mode popover</Text>
+            <Button>And I should be yellow and have full border radius!</Button>
+          </Flex>
+        </Popover.Content>
+      </BlitzKitTheme>
     </Popover.Root>
   );
 }

packages/website/src/pages/test.astro

@@ -1,11 +1,16 @@
 ---
-import { Theme } from '@radix-ui/themes';
-import '@radix-ui/themes/styles.css';
+import { BlitzKitTheme } from '../components/BlitzKitTheme';
 import { TestComponent } from './TestComponent';
 ---
 
-Minimal!
+<style is:global>
+  @import '@radix-ui/themes/styles.css';
+</style>
 
-<Theme>
-  <TestComponent client:only="react" />
-</Theme>
+<html>
+  <body>
+    <BlitzKitTheme>
+      <TestComponent client:idle />
+    </BlitzKitTheme>
+  </body>
+</html>