refine dashboard theme and orange accent styling

2026-07-01 22:50:46 +02:00
parent 046d8cad7b
commit 6599158737
9 changed files with 166 additions and 67 deletions
--- a/frontend/src/components/shared/SectionCard.tsx
+++ b/frontend/src/components/shared/SectionCard.tsx
@@ -10,11 +10,11 @@ type Props = {

 export function SectionCard({ title, subtitle, children, action }: Props) {
  return (
-    <Card>
+    <Card className="surface-card-strong">
      <CardHeader className="flex items-start justify-between gap-4">
        <div className="min-w-0 flex flex-col gap-1">
          <CardTitle>{title}</CardTitle>
-          {subtitle && <CardDescription>{subtitle}</CardDescription>}
+          {subtitle && <CardDescription className="section-subtle">{subtitle}</CardDescription>}
        </div>
        {action && <div className="shrink-0">{action}</div>}
      </CardHeader>