From ccf2d2018b7e61f7e44b82233276f386db13d054 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Mon, 10 Nov 2025 12:38:37 -0600
Subject: [PATCH] radio button style

---
 .../settings/wizard/Step1NameCamera.tsx       | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/web/src/components/settings/wizard/Step1NameCamera.tsx b/web/src/components/settings/wizard/Step1NameCamera.tsx
index 33a4dd0e2..ae6a23bad 100644
--- a/web/src/components/settings/wizard/Step1NameCamera.tsx
+++ b/web/src/components/settings/wizard/Step1NameCamera.tsx
@@ -267,13 +267,29 @@ export default function Step1NameCamera({
               }}
             >
               <div className="flex items-center space-x-2">
-                <RadioGroupItem value="probe" id="probe-mode" />
+                <RadioGroupItem
+                  value="probe"
+                  id="probe-mode"
+                  className={
+                    probeMode
+                      ? "bg-selected from-selected/50 to-selected/90 text-selected"
+                      : "bg-secondary from-secondary/50 to-secondary/90 text-secondary"
+                  }
+                />
                 <label htmlFor="probe-mode" className="cursor-pointer text-sm">
                   {t("cameraWizard.step1.probeMode")}
                 </label>
               </div>
               <div className="flex items-center space-x-2">
-                <RadioGroupItem value="manual" id="manual-mode" />
+                <RadioGroupItem
+                  value="manual"
+                  id="manual-mode"
+                  className={
+                    !probeMode
+                      ? "bg-selected from-selected/50 to-selected/90 text-selected"
+                      : "bg-secondary from-secondary/50 to-secondary/90 text-secondary"
+                  }
+                />
                 <label htmlFor="manual-mode" className="cursor-pointer text-sm">
                   {t("cameraWizard.step1.manualMode")}
                 </label>