From 6f2512ce9a16fb5fc01ee394c5a0e98c231d32e5 Mon Sep 17 00:00:00 2001
From: Xubin Ren <52506698+Re-bin@users.noreply.github.com>
Date: Fri, 7 Aug 2026 11:05:49 +0800
Subject: [PATCH] style(webui): retain model preset colors

---
 webui/src/components/settings/SettingsView.tsx | 9 ++-------
 webui/src/tests/settings-view.test.tsx         | 2 +-
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 00953295f..5e2db8d52 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -3453,7 +3453,7 @@ function ModelsSettings({
       key={key}
       id="model-preset-editor"
       data-testid="model-preset-editor"
-      className="divide-y divide-border/45 bg-muted/30 motion-reduce:animate-none animate-in fade-in-0 slide-in-from-top-1 duration-200"
+      className="divide-y divide-border/45 bg-muted/10 motion-reduce:animate-none animate-in fade-in-0 slide-in-from-top-1 duration-200"
     >
       {creating ? (
         <div className="flex min-h-[52px] items-center px-4 py-3 sm:px-5">
@@ -3580,12 +3580,7 @@ function ModelsSettings({
           <Button
             size="sm"
             variant="ghost"
-            className={cn(
-              "self-start rounded-full",
-              selectedPresetOnlyActive
-                ? "text-muted-foreground"
-                : "text-destructive hover:bg-destructive/10 hover:text-destructive",
-            )}
+            className="self-start rounded-full text-muted-foreground hover:text-destructive"
             disabled={selectedPresetOnlyActive || saving || orderSaving}
             title={
               selectedPresetOnlyActive
diff --git a/webui/src/tests/settings-view.test.tsx b/webui/src/tests/settings-view.test.tsx
index a78ede48e..3a3de5baa 100644
--- a/webui/src/tests/settings-view.test.tsx
+++ b/webui/src/tests/settings-view.test.tsx
@@ -2167,7 +2167,7 @@ describe("SettingsView Apps catalog", () => {
     expect(trigger).toHaveAttribute("aria-expanded", "true");
     expect(trigger).toHaveAttribute("aria-controls", "model-preset-editor");
     expect(row.nextElementSibling).toBe(editor);
-    expect(editor).toHaveClass("slide-in-from-top-1", "bg-muted/30");
+    expect(editor).toHaveClass("slide-in-from-top-1", "bg-muted/10");
     expect(within(editor).getByDisplayValue("Primary")).toBeInTheDocument();
     expect(within(editor).getByRole("button", { name: "Delete" })).toBeDisabled();