From 4668a59b4d49fc9aad5bb248264a507f764b138b Mon Sep 17 00:00:00 2001
From: ShenQingchuan <tmy991106@gmail.com>
Date: Mon, 30 Mar 2026 01:17:27 +0800
Subject: [PATCH] fix(web): skills page uses theme colors for dark mode

- Remove bg-white/80 override on skill cards so bg-card/text-card-foreground apply
- Use bg-muted + text-foreground for skill path block readability

Made-with: Cursor
---
 web/frontend/src/components/skills/skills-page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/frontend/src/components/skills/skills-page.tsx b/web/frontend/src/components/skills/skills-page.tsx
index d8eeb1d93..7e0d66d47 100644
--- a/web/frontend/src/components/skills/skills-page.tsx
+++ b/web/frontend/src/components/skills/skills-page.tsx
@@ -169,7 +169,7 @@ export function SkillsPage() {
                   {data.skills.map((skill) => (
                     <Card
                       key={`${skill.source}:${skill.name}`}
-                      className="border-border/60 gap-4 bg-white/80"
+                      className="border-border/60 gap-4"
                       size="sm"
                     >
                       <CardHeader>
@@ -211,7 +211,7 @@ export function SkillsPage() {
                         <div className="text-muted-foreground text-[11px] tracking-[0.18em] uppercase">
                           {t("pages.agent.skills.path")}
                         </div>
-                        <div className="bg-muted/60 overflow-x-auto rounded-lg px-3 py-2 font-mono text-xs leading-relaxed">
+                        <div className="bg-muted text-foreground overflow-x-auto rounded-lg px-3 py-2 font-mono text-xs leading-relaxed">
                           {skill.path}
                         </div>
                       </CardContent>