From 62660bd47657467e7a55f6e36c2e5c1e6a76755e Mon Sep 17 00:00:00 2001
From: Pontus Abrahamsson <pontus@lostisland.co>
Date: Sat, 2 Dec 2023 16:25:23 +0100
Subject: [PATCH] Theme

---
 apps/dashboard/src/components/onboarding-step.tsx | 10 +++++-----
 apps/dashboard/src/components/signup-apps.tsx     |  2 +-
 packages/ui/src/components/dialog.tsx             |  4 +++-
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/apps/dashboard/src/components/onboarding-step.tsx b/apps/dashboard/src/components/onboarding-step.tsx
index 4e00774a8d..c448da19f3 100644
--- a/apps/dashboard/src/components/onboarding-step.tsx
+++ b/apps/dashboard/src/components/onboarding-step.tsx
@@ -4,17 +4,17 @@ export function OnboardingStep({ active, done }) {
   return (
     <div
       className={cn(
-        "absolute -left-[66px] top-7 z-10 block h-5 w-5 rounded-full bg-background",
+        "absolute -left-[66px] top-7 z-10 block h-5 w-5 rounded-full bg-background"
       )}
     >
       <div
         className={cn(
-          "ml-1 mt-1 h-3 w-3 rounded-full border-2 transition duration-200 ease-in-out border-white/30 items-center flex justify-center",
-          active && "border-white",
-          done && "border-white",
+          "ml-1 mt-1 h-3 w-3 rounded-full border-2 transition duration-200 ease-in-out border-primary/30 items-center flex justify-center",
+          active && "border-primary",
+          done && "border-primary"
         )}
       >
-        {done && <div className="w-1 h-1 bg-white rounded-full" />}
+        {done && <div className="w-1 h-1 bg-primary rounded-full" />}
       </div>
     </div>
   );
diff --git a/apps/dashboard/src/components/signup-apps.tsx b/apps/dashboard/src/components/signup-apps.tsx
index c75a7204de..c2ae87979b 100644
--- a/apps/dashboard/src/components/signup-apps.tsx
+++ b/apps/dashboard/src/components/signup-apps.tsx
@@ -55,7 +55,7 @@ export function SignupApps() {
           <button
             disabled
             type="button"
-            className="relative rounded-lg overflow-hidden p-[1px]"
+            className="relative rounded-lg overflow-hidden border dark:border-none dark:p-[1px]"
             style={{
               background:
                 "linear-gradient(-45deg, rgba(235,248,255,.18) 0%, #848f9c 50%, rgba(235,248,255,.18) 100%)",
diff --git a/packages/ui/src/components/dialog.tsx b/packages/ui/src/components/dialog.tsx
index cda0609838..b35709d1bd 100644
--- a/packages/ui/src/components/dialog.tsx
+++ b/packages/ui/src/components/dialog.tsx
@@ -41,7 +41,9 @@ const DialogContent = React.forwardRef<
       }}
       {...props}
     >
-      <div className="bg-background p-2 rounded-[15px]">{children}</div>
+      <div className="bg-background p-2 rounded-lg dark:rounded-[15px]">
+        {children}
+      </div>
       <DialogPrimitive.Close className="absolute right-6 top-6 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
         <Cross2Icon className="h-4 w-4" />
         <span className="sr-only">Close</span>