docs(ui): dark mode fixes (#5204)

* docs(ui): dark mode fixes

* apply color on the body

* remove z-index

www/apps/ui/src/components/navbar.tsx

@@ -18,7 +18,7 @@ const Navbar = () => {
         setMobileSidebarOpen,
         mobileSidebarOpen,
       }}
-      className="!z-[99]"
+      className="!z-[49]"
     />
   )
 }

www/apps/ui/src/examples/drawer-demo.tsx

@@ -1,4 +1,4 @@
-import { Button, Drawer } from "@medusajs/ui"
+import { Button, Drawer, Text } from "@medusajs/ui"
 
 export default function DrawerDemo() {
   return (
@@ -10,7 +10,9 @@ export default function DrawerDemo() {
         <Drawer.Header>
           <Drawer.Title>Edit Variant</Drawer.Title>
         </Drawer.Header>
-        <Drawer.Body></Drawer.Body>
+        <Drawer.Body className="p-4">
+          <Text>This is where you edit the variant&apos;s details</Text>
+        </Drawer.Body>
         <Drawer.Footer>
           <Drawer.Close asChild>
             <Button variant="secondary">Cancel</Button>

www/apps/ui/src/styles/globals.css

@@ -18,7 +18,11 @@
     @apply !bg-medusa-code-text-highlight;
   }
 
+  body {
+    @apply text-ui-fg-subtle;
+  }
+
   body[data-modal="opened"] {
-    @apply !overflow-hidden;
+    @apply !overflow-hidden text-ui-fg-base;
   }
 }