From 20d038ec77436698d8be598254b7546b9d8f23b2 Mon Sep 17 00:00:00 2001
From: MBO-Tech-IT <jonny@mbo-tech-it.de>
Date: Sun, 26 Apr 2026 16:47:50 +0200
Subject: [PATCH] fix: improve dark mode contrast in StatsBar and Footer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace inverted/missing dark: variants (slate-500→slate-400, slate-600 dark:slate-600→slate-500 dark:slate-400) so text is lighter in dark mode, not darker.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/Footer.tsx   | 4 ++--
 components/StatsBar.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index b0d0e7f..48b11cb 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -93,10 +93,10 @@ export default function Footer() {
 
         {/* Bottom bar */}
         <div className="pt-8 border-t border-slate-200 dark:border-gray-800 flex flex-col sm:flex-row items-center justify-between gap-4">
-          <p className="text-slate-500 dark:text-slate-600 text-sm">
+          <p className="text-slate-500 dark:text-slate-400 text-sm">
             &copy; {year} MBO-Tech-IT. Alle Rechte vorbehalten.
           </p>
-          <div className="flex items-center gap-4 text-slate-500 dark:text-slate-600 text-sm">
+          <div className="flex items-center gap-4 text-slate-500 dark:text-slate-400 text-sm">
             <Link href="/impressum" className="hover:text-orange-400 transition-colors">Impressum</Link>
             <Link href="/datenschutz" className="hover:text-orange-400 transition-colors">Datenschutz</Link>
             <span className="flex items-center gap-2">
diff --git a/components/StatsBar.tsx b/components/StatsBar.tsx
index de2ac5b..9074adb 100644
--- a/components/StatsBar.tsx
+++ b/components/StatsBar.tsx
@@ -62,7 +62,7 @@ export default function StatsBar() {
           {stats.map((stat) => (
             <div key={stat.label} className="text-center">
               <Counter value={stat.value} suffix={stat.suffix} accent={stat.accent} />
-              <p className="text-slate-500 text-sm mt-1">{stat.label}</p>
+              <p className="text-slate-600 dark:text-slate-400 text-sm mt-1">{stat.label}</p>
             </div>
           ))}
         </div>