Radiant, un tema elegante per Discourse

Questo tema mira a essere minimale e allo stesso tempo ha un appeal moderno. Tutto lo stile è implementato tramite CSS e non è stata utilizzata alcuna immagine.

:rainbow: :dizzy: :rocket:

Homepage:

Pagina del topic:

Ricerca a pagina intera:

Modale:

Fatemmi sapere come questo tema può essere ulteriormente migliorato. Buon divertimento! :smiley:

31 Mi Piace

Design molto bello!

Esiste un modo per personalizzare le forme e i colori dello sfondo? Anche la possibilità di personalizzare il “bagliore” del corpo principale sullo sfondo potrebbe essere utile.

3 Mi Piace

Ciao,

Lavoro incredibile :heart: Questo tema sembra davvero figo :heart_eyes:
Ho un suggerimento: angoli arrotondati uniformi e ombre. Intendo popup, menu, campi di input, ecc… Sarebbero fantastici con il nuovo caricamento a slider :heart_eyes:

2 Mi Piace

No, lo sfondo è realizzato tramite gradienti lineari CSS e aggiungere la possibilità di personalizzarlo aumenterebbe la complessità per gli amministratori del forum.

Sentiti libero di fare un fork del tema per personalizzarlo ulteriormente in base alle tue esigenze.

Ottimo punto. Lo aggiungerò alla mia lista di miglioramenti. :+1:

6 Mi Piace

Ho migliorato il tema per rendere gli input dei moduli, il menu dell’intestazione e le finestre modali coerenti con lo stile del tema. Ho aggiornato il primo post con gli ultimi screenshot. :slight_smile:

5 Mi Piace

Tema incantevole. Potrei usarlo presto. Grazie, ottimo lavoro.

2 Mi Piace

Ciao, il tema è molto bello. C’è un modo per ridurre quello spazio in alto (vedi freccia)?

2 Mi Piace

Ho ridotto il margin-top predefinito a 30px, tramite:

Sentiti libero di fare un fork del tema e personalizzarlo ulteriormente in base alle tue esigenze. :slight_smile:

3 Mi Piace

Personalmente, penso che il margine più piccolo renda il gradiente troppo evidente. :confused:

Potresti indicarmi la strada giusta per implementarlo come sfondo? https://codepen.io/chris22smith/pen/RZogMa

1 Mi Piace

Adoro assolutamente questo tema; lo proporrei anche sul forum in cui sono iscritto, ma volevo prima chiederti alcune cose.

Non sono una persona che usa Discourse per creare forum; sono solo un utente di questi forum, quindi alcune cose potrebbero risultare sbagliate o troppo ovvie, dato che non ho mai usato Discourse per costruire nulla.

Ci sono piani per creare una versione in modalità scura di questo tema? Personalmente ho attivato l’opzione “Forza la modalità scura per i contenuti web” su Edge. È disponibile anche su Chrome. Di solito aiuta, ecco alcuni risultati che ho ottenuto:

Nel complesso, con quell’opzione attiva, l’aspetto è accettabile, ma ci sono alcuni elementi che sembrano fuori posto senza una ragione apparente. Mi piacerebbe molto vedere questi adattati o corretti per la modalità scura, se possibile :)

Non sarebbe necessario modificare tutto per creare una versione specifica per la modalità scura; basta sistemare le strane differenze di colore nelle pagine dei profili e funzionerebbe perfettamente con l’opzione attivata.

4 Mi Piace

Non ancora, ma ci darò un’occhiata. Dovrò comunque optare per una combinazione di colori diversa.

Grazie per i suggerimenti! Ci darò un’occhiata e apporterò le modifiche se non influenzeranno la versione luminosa predefinita (originale). :slight_smile:

5 Mi Piace

Ho appena configurato un Discourse e non vedevo l’ora di personalizzarlo. Sono davvero felice di aver trovato il tuo tema: è fresco, colorato e bellissimo. Grazie!

– ben

6 Mi Piace

Tema davvero bello, ma ultimamente sembra che questo tema sia incompatibile con Discourse. La barra laterale è completamente schiacciata.

`

3 Mi Piace

Ottima osservazione! Ora corretto tramite:

3 Mi Piace

Grazie, sembra fantastico e il problema è risolto

2 Mi Piace

Ciao

Dall’ultimo aggiornamento sembra che tutto il contenuto sia “bloccato” su entrambi i lati. È come se il padding/margine destro e sinistro fossero scomparsi

È intenzionale? Nelle immagini di anteprima del tema non è così. Come posso risolvere?

Grazie mille

2 Mi Piace

Ora è stato corretto:

Grazie per aver segnalato questo problema :+1:

3 Mi Piace

Confermo che è stato risolto!
È stato incredibilmente veloce, grazie mille
Fantastico tema tra l’altro :slight_smile:

3 Mi Piace

Puoi aiutarmi a capire come cambiare il colore della barra d’accento blu in alto?

Vedo che in desktop.scss è definito:

#main-outlet {
  border-top: 8px solid $tertiary;
}

Dove $tertiary presumo provenga dalle variabili definite dal core SCSS di Discourse e dovrebbe attingere dalla palette di colori selezionata dall’utente.

Posso vedere in devtools che la barra è impostata su #3977ff che puoi vedere come la barra blu nello screenshot qui sotto. Ma nella mia palette di colori, ho un colore giallo impostato per il “terziario” e non ho un colore #3977ff definito da nessuna parte.

Quindi, cosa sta succedendo qui e come posso impostare il colore?

1 Mi Piace

Oh! Vedo che tertiary è definito in about.json:

  "color_schemes": {
    "radiant": {
      "primary": "000000",
      "tertiary": "3977FF",
      "header_primary": "4d4d4d"
    }
  },

Quindi presumo che sia da qui che sta prendendo il valore del colore. Ma perché dovrebbe prenderlo da qui se non ho selezionato lo schema di colori “radiant”?