Ho appena pubblicato un tema su cui ho lavorato per un po’, ora disponibile come open source sotto licenza MIT: un aspetto pulito e moderno costruito attorno a superfici traslucide in vetro smerigliato (intestazione, barra laterale, ricerca) con uno schema di colori chiaro e scuro appositamente progettato — nessun colore hardcodato, tutto legato alle proprietà CSS personalizzate di Discourse, quindi funziona subito con il passaggio automatico tra modalità chiara e scura.
Repo: terraboss/discourse-terraglass
Caratteristiche
- Superfici in vetro smerigliato — intestazione, barra laterale/menu hamburger e il campo di ricerca/intestazione con menu a discesa sono semitrasparenti con sfocatura dello sfondo, sia opacità che intensità della sfocatura sono configurabili
- Schemi di colori chiaro e scuro separati e appositamente progettati (non solo uno schema singolo invertito), verificati in base al contrasto WCAG AA per testo ed elementi dell’interfaccia
- Anteprime dei link onebox in stile X/Twitter con bordo sottile e angoli arrotondati
- Tag a forma di bandiera/frecce in stile etiquette
- Embed video 16:9 fissi su tutti i dispositivi
- Elenco dei topic a righe zebrate con un sottile stato al passaggio del mouse
- Arrotondamento degli angoli configurabile su pulsanti, card, modali e campi di input
- Outline di focus accessibile che utilizza il colore del testo dello schema stesso, in modo da rimanere visibile sia in modalità chiara che scura
- Tutto quanto sopra è un’impostazione del tema — disattiva o regola ciò che non ti serve
Installazione
Personalizza → Temi → Installa → Da un repository git:
https://github.com/terraboss/discourse-terraglass
Questo ti consentirà anche di usare “Verifica aggiornamenti” con un clic in futuro.
Aggiornamento
Il problema con la sfocatura di backdrop-filter segnalato in precedenza è ora risolto — grazie a awesomerobot per aver indicato la causa reale (dettagli qui). Barra laterale, menu hamburger e pannello di ricerca ora vengono tutti sfocati correttamente.
Feedback benvenuti, felice di ricevere richieste di funzionalità o segnalazioni di bug.