From d21f4708dc83e62fa8cbae5fe3a739c334a75175 Mon Sep 17 00:00:00 2001
From: neodk2004 <barac.daniel@gmail.com>
Date: Thu, 13 Aug 2026 11:06:39 +0200
Subject: [PATCH] fix(landing): keep hero floating-badge text dark in Dark Mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The badges (Neuer Beitrag von Bubi / Likes-Follows-Reaktionen / Story ist
aktiv) intentionally keep a hardcoded white chip background, but their text
followed the text-foreground token, which flips to near-white in Dark Mode —
nearly invisible on the still-white chip.
---
 src/app/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b982cca..3875166 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -154,7 +154,7 @@ export default async function RootPage() {
                 style={{ animationDelay: "0.5s" }}
               >
                 <Heart className="h-4 w-4 shrink-0 fill-orange-500 text-orange-500" aria-hidden="true" />
-                <span className="text-xs font-semibold text-foreground">{t("heroBadge2")}</span>
+                <span className="text-xs font-semibold text-zinc-900">{t("heroBadge2")}</span>
               </div>
 
               <div
@@ -162,7 +162,7 @@ export default async function RootPage() {
                 style={{ animationDelay: "1.2s" }}
               >
                 <Sparkles className="h-4 w-4 shrink-0 text-orange-500" aria-hidden="true" />
-                <span className="text-xs font-semibold text-foreground">{t("heroBadge3")}</span>
+                <span className="text-xs font-semibold text-zinc-900">{t("heroBadge3")}</span>
               </div>
 
               <div
@@ -170,7 +170,7 @@ export default async function RootPage() {
                 style={{ animationDelay: "2.4s" }}
               >
                 <PawPrint className="h-4 w-4 shrink-0 fill-orange-500 text-orange-500" aria-hidden="true" />
-                <span className="text-xs font-semibold text-foreground">{t("heroBadge1")}</span>
+                <span className="text-xs font-semibold text-zinc-900">{t("heroBadge1")}</span>
               </div>
             </div>
           </div>