colors

app/components/Groups.tsx

@@ -36,6 +36,8 @@ export default function Groups({
       {tables.map((t) => {
         const live = liveMatchFor(t.group, matches);
         const liveIds = liveTeamIdsFor(t.group, matches);
+        const groupMatches = matches.filter((m) => m.group === t.group);
+        const groupComplete = groupMatches.length > 0 && groupMatches.every((m) => m.status === "FINISHED");
         return (
           <div className="group-card" key={t.group}>
             <button
@@ -43,7 +45,7 @@ export default function Groups({
               onClick={() => onOpenGroup(t.group)}
               title={`Spiele der Gruppe ${t.group} ansehen`}
             >
-              <span className="group-name">Gruppe {t.group}</span>
+              <span className={`group-name${groupComplete ? " group-complete" : ""}`}>Gruppe {t.group}</span>
               <span className="group-tag">
                 {live ? "● LIVE" : "Spiele ansehen →"}
               </span>

app/globals.css

@@ -118,6 +118,7 @@ a { color: inherit; text-decoration: none; }
   font-family: var(--font-display); font-weight: 800; font-size: 16px;
   text-transform: uppercase; letter-spacing: 0.02em;
 }
+.group-name.group-complete { color: var(--turf); }
 .group-tag { font-family: var(--font-mono); font-size: 10px; color: var(--ink-faint); }
 
 table.standings { width: 100%; border-collapse: collapse; }