/* I PEZZI COMUNI DELL'INTERFACCIA: uno per tutta la macchina. Sta in un foglio suo, non dentro stile.css, perche' qualche pagina - quella delle macchine - ha un suo stile completo e prendersi anche quello comune le cambierebbe i pulsanti sotto i piedi. Questi pezzi invece hanno nomi loro e non toccano niente di chi li ospita. */ /* I COLORI CHE I PEZZI USANO, con un valore di partenza. Una pagina che ha una tavolozza sua - quella delle macchine - puo' non avere tutti questi nomi: li' il verde si chiama --viva, e --acceso non esiste. Un colore che non esiste non lascia la regola com'era: la annulla, e l'interruttore resta senza fondo e senza pallina. Qui ognuno ha un valore di partenza; chi li dichiara dopo, come fa il foglio comune, li sovrascrive e vince lui. */ :root{ --fondo:#f4f3f1; --carta:#fff; --riga:#e0ddd8; --inchiostro:#171b1d; --tenue:#6a7075; --fioco:#9aa0a4; --acceso:#0b6b58; --male:#a4322c; --nota:#b5710a; --ombra:0 1px 2px rgba(0,0,0,.05), 0 4px 14px rgba(0,0,0,.04); } @media (prefers-color-scheme: dark){ :root{ --fondo:#101416; --carta:#171c1f; --riga:#262d31; --inchiostro:#e8ecee; --tenue:#8e979d; --fioco:#5d666c; --acceso:#3fd39f; --male:#ff6a5e; --nota:#f0b429; --ombra:0 1px 2px rgba(0,0,0,.4); } } /* ── L'INTERRUTTORE, UNO SOLO PER TUTTA LA MACCHINA ────────────────────── Stava scritto in ogni pagina che ne aveva uno - il riquadro di WhatsApp, il pannello delle notifiche, il centro - e ogni copia aveva misure sue. Una si e' rotta in Safari e le altre no, e nessuno poteva accorgersene guardando la pagina giusta. Da qui in avanti si scrive: L'etichetta e' facoltativa. SI AZZERANO LE PROPRIETA' UNA PER UNA, non con `all:unset`: quello cancella anche le variabili dei colori ereditate, e dentro l'interruttore --fondo, --tenue e --acceso smettevano di esistere - la pallina spariva e il bordo diventava del colore del testo. Si e' visto nella pagina delle macchine. La pallina sta dentro `.pista` e non dentro il pulsante, perche' Safari non tratta un