From 1a99bd8029bdc0a7826a4ab6cff9b0124a8a0b46 Mon Sep 17 00:00:00 2001
From: Andreas Knuth <andreas.knuth@gmail.com>
Date: Sat, 27 Jun 2026 16:32:47 -0500
Subject: [PATCH] bessere Farbe

---
 app/components/Bracket.tsx | 2 +-
 app/globals.css            | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/Bracket.tsx b/app/components/Bracket.tsx
index eb7562e..7427184 100644
--- a/app/components/Bracket.tsx
+++ b/app/components/Bracket.tsx
@@ -70,7 +70,7 @@ function Tie({
   return (
     <div className={`tie ${isFinal ? "final-tie" : ""}`}>
       <div className="match-badge">{tie.matchNumber}</div>
-      <div className="tie-head">
+      <div className="tie-meta">
         {matchInfo || `Spiel ${tie.matchNumber}`}
       </div>
       <Side s={tie.home} prob={tie.prob?.home} teams={teams} onShowTip={onShowTip} onHideTip={onHideTip} />
diff --git a/app/globals.css b/app/globals.css
index 06450c6..b33b2a5 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -220,8 +220,8 @@ table.standings { width: 100%; border-collapse: collapse; }
   border-radius: var(--radius-sm); position: relative;
 }
 .tie.final-tie { border-color: var(--gold); box-shadow: 0 0 0 1px rgba(255,210,74,0.2); }
-.tie-head {
-  font-family: var(--font-mono); font-size: 9px; color: var(--ink-faint);
+.tie-meta {
+  font-family: var(--font-mono); font-size: 9px; color: rgba(255,255,255,0.55);
   letter-spacing: 0.04em; padding: 5px 10px 0;
   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 }
@@ -230,7 +230,7 @@ table.standings { width: 100%; border-collapse: collapse; }
   font-family: var(--font-mono); font-size: 9px; font-weight: 700;
   line-height: 18px; min-width: 18px; text-align: center;
   border-radius: 999px; padding: 0 4px;
-  background: var(--ink-faint); color: var(--bg-card);
+  background: #1a2744; color: #ffffff; border: 1px solid rgba(255,255,255,0.15);
 }
 .side {
   display: flex; align-items: center; justify-content: space-between;
@@ -349,7 +349,7 @@ table.standings { width: 100%; border-collapse: collapse; }
   .round { min-width: 170px; }
   .round-label { font-size: 10px; }
   .round-matches { gap: 8px; }
-  .tie-head { font-size: 8px; padding: 3px 8px 0; }
+  .tie-meta { font-size: 8px; padding: 3px 8px 0; }
   .side { padding: 6px 8px; font-size: 11px; }
   .side .nm { gap: 5px; }
   .prov-mark { font-size: 10px; }