From 35c49247a8d7d8e3cd04acf5ddf86e1f6c140e1d Mon Sep 17 00:00:00 2001
From: Davide Grilli <davide.grilli@outlook.com>
Date: Wed, 15 Jul 2026 10:25:46 +0200
Subject: [PATCH] style(referto): allinea i colori squadra a quelli del
 segnapunti live
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Punti in striscia e nomi in "Formazione di partenza" ora usano lo
stesso giallo (#f5c518) per la squadra di casa e blu (#2196f3) per
gli ospiti già usati in display/controller, invece di una palette
scollegata dal resto dell'app.
---
 src/referto.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/referto.js b/src/referto.js
index e23e82e..5524804 100644
--- a/src/referto.js
+++ b/src/referto.js
@@ -34,11 +34,11 @@ export function buildRefertoHtml(state, now = new Date()) {
         return `
           <div class="form-row">
             <div class="form-team">
-              <div class="form-team-name">${nomi.home}</div>
+              <div class="form-team-name form-team-name-h">${nomi.home}</div>
               <div class="giocatori">${formazioneSet.home.map(giocatoreHtml).join('')}</div>
             </div>
             <div class="form-team">
-              <div class="form-team-name">${nomi.guest}</div>
+              <div class="form-team-name form-team-name-g">${nomi.guest}</div>
               <div class="giocatori">${formazioneSet.guest.map(giocatoreHtml).join('')}</div>
             </div>
           </div>`
@@ -154,8 +154,8 @@ export function buildRefertoHtml(state, now = new Date()) {
 
     .punti-grid { display: flex; flex-wrap: wrap; gap: 0; padding: 0; border-top: 1px solid #111; }
     .punto { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; padding: 3px 4px; font-size: 11px; font-family: 'Courier New', monospace; white-space: nowrap; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
-    .punto-h { background: #d0e8ff; color: #003a6e; }
-    .punto-g { background: #ffddc0; color: #6e2700; }
+    .punto-h { background: #f5c518; color: #111; }
+    .punto-g { background: #2196f3; color: #fff; }
 
     .eventi-set { padding: 6px 12px; border-bottom: 1px solid #111; }
     .eventi-label { font-size: 10px; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; color: #0f8faf; margin-bottom: 4px; }
@@ -167,6 +167,8 @@ export function buildRefertoHtml(state, now = new Date()) {
     .form-row { display: flex; gap: 40px; }
     .form-team { flex: 1; }
     .form-team-name { font-weight: bold; font-size: 12px; margin-bottom: 5px; }
+    .form-team-name-h { color: #f5c518; }
+    .form-team-name-g { color: #2196f3; }
     .giocatori { display: flex; gap: 5px; flex-wrap: wrap; }
     .giocatore { background: #fff; border-radius: 50%; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 11px; border: 2px solid #111; }