fix theme UI

Author: sorphwer

dify-helm-watchdog/src/components/modals/values-wizard-modal.tsx

@@ -11,6 +11,7 @@ import {
   X,
 } from "lucide-react";
 import { motion } from "framer-motion";
+import { useTheme } from "next-themes";
 import YAML from "yaml";
 import { CodeBlock } from "@/components/ui/code-block";
 
@@ -124,6 +125,7 @@ export default function ValuesWizardModal({
   selectedVersion,
   imageTagMap,
 }: ValuesWizardModalProps) {
+  const { resolvedTheme } = useTheme();
   const [wizardStep, setWizardStep] = useState<WizardStepId>(1);
   const [uploadedFileName, setUploadedFileName] = useState<string | null>(null);
   const [uploadedValuesText, setUploadedValuesText] = useState<string>("");
@@ -489,11 +491,10 @@ export default function ValuesWizardModal({
             </div>
             <div className="flex justify-between text-[10px] uppercase tracking-[0.35em] text-muted-foreground">
               {WIZARD_STEPS.map((step) => {
-                const isLit = wizardStep >= step.id;
                 return (
                   <span
                     key={step.id}
-                    className={`flex-1 text-center ${isLit ? "text-success-foreground" : ""}`}
+                    className="flex-1 text-center"
                   >
                     {step.label}
                   </span>
@@ -533,7 +534,9 @@ export default function ValuesWizardModal({
             disabled={wizardProcessing}
             whileHover={!wizardProcessing ? { scale: 1.02 } : {}}
             whileTap={!wizardProcessing ? { scale: 0.98 } : {}}
-            className="inline-flex items-center gap-2 rounded-full border border-success/60 bg-success/20 px-4 py-2 text-xs font-semibold uppercase tracking-[0.3em] text-success-foreground transition hover:border-success/80 hover:bg-success/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-success disabled:cursor-not-allowed disabled:opacity-60"
+            className={`inline-flex items-center gap-2 rounded-full border border-success/60 bg-success/20 px-4 py-2 text-xs font-semibold uppercase tracking-[0.3em] transition hover:border-success/80 hover:bg-success/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-success disabled:cursor-not-allowed disabled:opacity-60 ${
+              resolvedTheme === "dark" ? "text-white" : "text-foreground"
+            }`}
           >
             {wizardStep === 3 ? "Finish" : "Next"}
           </motion.button>

dify-helm-watchdog/src/components/theme-toggle.tsx

@@ -55,7 +55,9 @@ export function ThemeToggle() {
         stiffness: 260,
         damping: 20,
       }}
-      className="inline-flex h-10 w-10 items-center justify-center rounded-full border border-border bg-card text-muted-foreground shadow-sm transition-colors hover:border-primary hover:bg-primary/10 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary"
+      className={`inline-flex h-10 w-10 items-center justify-center rounded-full border border-border bg-card text-muted-foreground shadow-sm transition-colors hover:border-primary hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary ${
+        isDark ? "hover:text-white" : "hover:text-primary"
+      }`}
       aria-label={`Switch to ${isDark ? "light" : "dark"} mode`}
       title={`Switch to ${isDark ? "light" : "dark"} mode`}
     >

dify-helm-watchdog/src/components/version-explorer.tsx

@@ -589,7 +589,9 @@ export function VersionExplorer({ data }: VersionExplorerProps) {
               href="https://langgenius.github.io/dify-helm/#/"
               target="_blank"
               rel="noopener noreferrer"
-              className="inline-flex items-center gap-1.5 rounded-full border border-primary bg-primary/10 px-3 py-0.5 text-[10px] font-semibold uppercase tracking-[0.3em] text-primary transition hover:bg-primary/20 active:bg-primary active:text-primary-foreground"
+              className={`inline-flex items-center gap-1.5 rounded-full border border-primary bg-primary/10 px-3 py-0.5 text-[10px] font-semibold uppercase tracking-[0.3em] transition hover:bg-primary/20 active:bg-primary active:text-primary-foreground ${
+                resolvedTheme === "dark" ? "text-white" : "text-primary"
+              }`}
             >
               <ArrowUpRight className="h-2.5 w-2.5" />
               Dify Helm
@@ -605,7 +607,7 @@ export function VersionExplorer({ data }: VersionExplorerProps) {
         </div>
         <div className="flex shrink-0 items-center gap-2">
           <div className="flex items-center gap-2 rounded-xl border border-border bg-card px-3 py-2 text-xs text-muted-foreground">
-            <CalendarClock className="h-4 w-4 text-primary" />
+            <CalendarClock className={`h-4 w-4 ${resolvedTheme === "dark" ? "text-white" : "text-primary"}`} />
             <div className="flex flex-col leading-tight">
               <span className="text-[10px] uppercase tracking-widest text-muted-foreground">
                 Last sync