Scrivere un tema elegante... vale la pena inviarlo a monte, o no?

Ciao!

Il mese scorso, il mio forum preferito è passato a Discourse. È stato per lo più un aggiornamento, ma la gente si è lamentata* dell’aspetto. Così ho deciso di sistemarlo, e ho finito per fare un importante restyling. Ora sto cercando di decidere se vale la pena trasformarlo in un vero e proprio tema e integrarlo a monte, o se è irrealistico.

Penso che anche le persone su altri forum potrebbero apprezzarlo come tema alternativo, ma non so quanto sarebbe difficile far accettare le modifiche. Quello che ho fatto si discosta parecchio dal design tipico dei temi di Discourse… il che è sia parte del fascino che parte della difficoltà.

È ancora in lavorazione, ma ecco alcuni screenshot:

È progettato per rendere relativamente facile la creazione e il passaggio tra più palette di colori, e qui ce ne sono tre che esistono finora.

Modalità giorno:

Modalità notte:

Grigio accogliente:

I post dei thread sono disponibili in 4 varianti: Normale (grigio con intestazione blu), amministratore/moderatore (verde), autore del thread (ciano) e utente attualmente connesso (viola o rosa). Sono tutti facili da cambiare.

L’anteprima dell’editor e il grippie corrispondono allo stile dell’“utente corrente”. Inoltre, le barre di scorrimento corrispondono al tema della pagina. Anche la timeline è stilizzata per assomigliare di più a una barra di scorrimento.

L’elenco dei thread utilizza righe a 1 riga quando possibile, con striature a zebra. Gli elementi della mappa di calore assomigliano di più al fuoco.

Menu utente / notifiche:

Annidamento più chiaro dei post incorporati:

Una scheda informativa utente e un’anteprima del link:

Per ora, è solo una grande sovrascrittura di fogli di stile e un foglio di stile più piccolo per definire i colori. Ma se fosse fattibile far accettare il tema a monte, potrei convertirlo in un vero tema Discourse.

13 Mi Piace

Davvero unico, ottimo lavoro!

(Ogni showcase di temi dovrebbe presentare anche Chatbot :wink: )

5 Mi Piace

Oh, ehm, questo è ancora in lavorazione, ma se qualcuno vuole provare quello che ho finora… il modo più semplice è localmente usando una sovrascrittura di fogli di stile nel browser:

  1. Installa Stylus, se non lo hai già.
  2. Con un sito Discourse aperto, fai clic sull’icona di Stylus.
  3. Sotto “Scrivi stile per”, fai clic su “questo-sito.tld”.
  4. Aggiungi un titolo al tema.
  5. Incolla il contenuto del file CSS corrispondente linkato sotto. Idealmente, fai prima il file style.css, poiché gli altri ne dipendono.
  6. Salva.
  7. Ripeti per gli altri file, uno per tema.
  8. Attiva il tema di base e uno degli altri temi. Disattiva gli altri temi.

Sto ancora valutando se convertirlo in un tema installabile lato server. Sul forum per cui l’ho creato, l’amministratore ha semplicemente installato un’altra istanza di Sam’s Simple Theme e ci ha sovrapposto questo come override di fogli di stile… il che funziona, ma non è l’ideale.

1 Mi Piace

Per contesto, ecco di cosa si sono lamentate le persone nel tema predefinito, e quindi cosa ho cercato di correggere:

  • Troppo semplice.
  • Troppo spazio vuoto.
  • Non abbastanza informazioni sullo schermo contemporaneamente. Volevano una maggiore densità di informazioni.
  • A volte non era chiaro quali elementi della pagina fossero cliccabili… come le date di inizio/fine nel widget della timeline.
  • A volte non era chiaro come gli elementi della pagina si relazionassero tra loro… come post, post incorporati e citazioni. Alcune persone pensavano che non ci fossero abbastanza indizi visivi per indicare la struttura.
  • Non abbastanza separazione visiva tra gli elementi della pagina. Tutto sembrava stampato su un unico documento continuo.
  • Le persone hanno specificamente richiesto righe di elenco argomenti su una sola riga e righe a strisce tigrate.

Quindi ho optato per qualcosa di più compatto, più colorato, più tridimensionale, con una struttura visiva più esplicita… come una pila di carte invece di un unico documento continuo. In sostanza, l’opposto dello stile minimalista piatto che è stato popolare ultimamente.

I temi minimalisti sono un buon predefinito poiché sono pratici, accessibili e neutrali. Ma per coloro che desiderano un’alternativa a questo, ho creato qualcosa di… diverso. :sweat_smile:

3 Mi Piace

Questo è ancora tutto in lavorazione, ma ho iniziato ad aggiungere il supporto per il widget della chat…

1 Mi Piace

ottimo lavoro. lo adoro.

1 Mi Piace

Tema fantastico!

Ti ho aggiunto al gruppo degli autori di temi, così puoi creare un argomento per il tuo tema sotto Theme, che permette alle persone di installarlo nelle loro istanze con la pressione di un pulsante.

8 Mi Piace

Grazie!

Sono stato assente per un po’ a causa di un raffreddore, ma ora è quasi passato, quindi spero di poter presto iniziare il processo di creazione di un tema vero e proprio invece di un semplice override di fogli di stile.

3 Mi Piace

Fallo, mettilo su GitHub!!

2 Mi Piace

Dove è arrivato questo? Non lasciare che questo grande lavoro vada non condiviso.

1 Mi Piace

tra l’altro, questo è il senso del tema predefinito: è lì per essere ampliato.

Gli obiettivi di clic/tocco sono in parte la ragione di ciò: non sottovalutare il vantaggio dello spazio quando stai cercando di colpire un controllo specifico con il pollice!

1 Mi Piace