From 9e552285bae9c9b0707e7ebeb77bf126f0c0a16b Mon Sep 17 00:00:00 2001
From: Dara Adedeji <76637177+SunkenInTime@users.noreply.github.com>
Date: Mon, 12 Oct 2026 14:06:44 -0400
Subject: [PATCH] fix(web): setup wizards follow custom themes (#18725)

Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/src/components/ui/wizard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/ui/wizard.tsx b/apps/web/src/components/ui/wizard.tsx
index be2b10ab761ce8aaf7de2d0a8c00b97261e96802..03f3615181cb0bfa4379d8578b3e789f5c120289 100644
--- a/apps/web/src/components/ui/wizard.tsx
+++ b/apps/web/src/components/ui/wizard.tsx
@@ -82,7 +82,7 @@ export function WizardSteps({
   const Step = onStepChange ? "button" : "div";
   return (
     <ol
-      className="grid auto-cols-fr grid-flow-col gap-1 rounded-xl bg-zinc-25 p-1 ring-1 ring-black/5 dark:bg-white/4 dark:ring-white/5"
+      className="grid auto-cols-fr grid-flow-col gap-1 rounded-xl bg-background p-1 ring-1 ring-black/5 dark:bg-white/4 dark:ring-white/5"
       role="list"
       aria-label="Setup progress"
     >
@@ -147,7 +147,7 @@ export function WizardPanel({
     <div
       data-slot="dialog-panel"
       className={cn(
-        "min-w-0 space-y-4 bg-zinc-25/80 px-6 py-5 ring-1 ring-black/5 dark:bg-white/2 dark:ring-white/5",
+        "min-w-0 space-y-4 bg-background/80 px-6 py-5 ring-1 ring-black/5 dark:bg-white/2 dark:ring-white/5",
         className,
       )}
     >
-- 
2.54.0