fix(web): skills page uses theme colors for dark mode (#2166)

- 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
This commit is contained in:
沈青川 2026-03-30 01:33:08 +08:00 committed by GitHub
parent 1fc5345857
commit 93f4c4a843
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -169,7 +169,7 @@ export function SkillsPage() {
{data.skills.map((skill) => ( {data.skills.map((skill) => (
<Card <Card
key={`${skill.source}:${skill.name}`} key={`${skill.source}:${skill.name}`}
className="border-border/60 gap-4 bg-white/80" className="border-border/60 gap-4"
size="sm" size="sm"
> >
<CardHeader> <CardHeader>
@ -211,7 +211,7 @@ export function SkillsPage() {
<div className="text-muted-foreground text-[11px] tracking-[0.18em] uppercase"> <div className="text-muted-foreground text-[11px] tracking-[0.18em] uppercase">
{t("pages.agent.skills.path")} {t("pages.agent.skills.path")}
</div> </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} {skill.path}
</div> </div>
</CardContent> </CardContent>