jonny
/
MBO-Tech-IT-Webseite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: improve dark mode contrast in StatsBar and Footer 

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>
This commit is contained in:
MBO-Tech-IT 2026-04-26 16:47:50 +02:00
parent 9c7cd0bfec
commit 20d038ec77
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/Footer.tsx
View File

@ -93,10 +93,10 @@ export default function Footer() {
{/* Bottom bar */} {/* 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"> <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. &copy; {year} MBO-Tech-IT. Alle Rechte vorbehalten.
</p> </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="/impressum" className="hover:text-orange-400 transition-colors">Impressum</Link>
<Link href="/datenschutz" className="hover:text-orange-400 transition-colors">Datenschutz</Link> <Link href="/datenschutz" className="hover:text-orange-400 transition-colors">Datenschutz</Link>
<span className="flex items-center gap-2"> <span className="flex items-center gap-2">

2
components/StatsBar.tsx
View File

@ -62,7 +62,7 @@ export default function StatsBar() {
{stats.map((stat) => ( {stats.map((stat) => (
<div key={stat.label} className="text-center"> <div key={stat.label} className="text-center">
<Counter value={stat.value} suffix={stat.suffix} accent={stat.accent} /> <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>
))} ))}
</div> </div>