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>