Merge pull request #59 from h3rmel/fix/dialog-color-scheme

[FIX] Adjust on Dialog color-scheme for dark theme

Author: ariflogs

components/retroui/Dialog.tsx

@@ -51,7 +51,7 @@ DialogBackdrop.displayName = "DialogBackdrop";
 
 const dialogVariants = cva(
   `fixed z-50 left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 
-  flex flex-col border-2 shadow-md gap-4 overflow-y-auto bg-white
+  flex flex-col border-2 shadow-md gap-4 overflow-y-auto bg-background text-foreground
   w-full h-fit max-h-[80vh] max-w-[97%] duration-300
   data-[state=open]:animate-in 
   data-[state=open]:slide-in-from-left-1/2 
@@ -136,7 +136,7 @@ const dialogFooterVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-white text-black",
+        default: "bg-background text-foreground",
       },
       position: {
         fixed: "sticky bottom-0",

package.json

@@ -56,5 +56,6 @@
     "tailwindcss": "^4.0.14",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "^5"
-  }
+  },
+  "packageManager": "[email protected]+sha512.1f79bc245a66eb0b07c5d4d83131240774642caaa86ef7d0434ab47c0d16f66b04e21e0c086eb61e62c77efc4d7f7ec071afad3796af64892fae66509173893a"
 }