Problema di compatibilità con il template Foundation (v2026.6)

Ciao a tutti,

A seguito della recente migrazione della nostra istanza alla versione v2026.6 di Discourse, stiamo riscontrando un problema imprevisto con il template Foundation che utilizziamo.

Abbiamo effettuato diverse verifiche da parte nostra (test di base, ispezione dei log, disattivazione di altri componenti, controllo delle tavolozze dei colori), ma a questo punto non siamo riusciti a identificare l’origine esatta del problema né a trovare una soluzione per correggerlo.

Alcuni di voi hanno riscontrato problemi simili con questo template dopo l’aggiornamento? Avreste qualche indizio da suggerirci, modifiche specifiche nel core della v2026.6 da evidenziare, o consigli da proporci?

Ogni aiuto o idea sarà benvenuto.

Grazie in anticipo per i vostri feedback!

Prima dell’aggiornamento:

Dopo:

È in arrivo una modifica Modernizing the Foundation theme che probabilmente è già abilitata per impostazione predefinita.
Al momento, credo che tu possa ancora annullare le modifiche andando su /admin/config/upcoming-changes e selezionando “nessuno” per questa modifica.

Tuttavia, una volta che la modifica diventerà permanente, questa opzione non funzionerà più. In tal caso, sarà necessario un componente di tema personalizzato che sovrascriva il nuovo valore predefinito.

Quali sono i problemi o le differenze che ti stanno dando più fastidio?

Ciao a entrambi,

Grazie per questi primi riscontri.

@NateDhaliwal

1 - È stato aggiunto uno spazio sopra e sotto la barra di ricerca

2 - Il carattere in grassetto è passato a semigrassetto

3 - Il testo ha meno contrasto, con una leggera sfocatura che è apparsa.

Questo può essere modificato aggiungendo questo al CSS del tuo tema:

body {
    --webkit-font-smoothing: auto;
}

Ci sono alcuni dettagli su cosa fa questa proprietà qui: A Modern CSS Reset • Josh W. Comeau

In macOS Mojave, rilasciato nel 2018, Apple ha disabilitato l’antialiasing subpixel su tutto il sistema operativo. Stimo che si siano resi conto che causava più danni che benefici sull’hardware moderno.

Confusamente, i browser macOS come Chrome e Safari utilizzano ancora l’antialiasing subpixel in modo predefinito. Dobbiamo disattivarlo esplicitamente, impostando -webkit-font-smoothing su antialiased.

Per dimostrare la differenza… --webkit-font-smoothing: auto; a sinistra, e --webkit-font-smoothing: antialiased; a destra

macOS rende il testo più scuro in modo predefinito, ma solo nei browser e non nel resto del sistema operativo… antialiased lo avvicina a come il testo viene reso in altri sistemi operativi… in Chrome su Windows il CSS non si applica e il testo ha questo aspetto in modo predefinito: