Zeronoise si concentra su accenti di colore chiari e aree di contenuto leggermente differenziate, cercando di creare un’esperienza di lettura piacevole.
Ciao Meta! Ho creato un tema per Discourse concentrandomi su accenti di colore chiari e aree di contenuto leggermente differenziate, cercando di creare un’esperienza di lettura piacevole.
Nella versione desktop ho anche spostato l’avatar del creatore dell’argomento sul lato sinistro del titolo per conferirgli una gerarchia più alta nel design.
È stato anche divertente giocare con i caratteri serif e alla fine “Playfair Display” dà davvero carattere (hehe) al tema.
Un’altra cosa divertente è che, dato che l’intestazione del tema è nera, puoi giocare con alcuni aspetti del logo tramite le Impostazioni del tema (inversione dei colori, rotazione della tonalità e luminosità).
Specifica un valore in gradi per cambiare il colore del tuo logo. Se non sai di cosa si tratta, puoi lasciarlo a 0 o cercare su Google ‘css filter hue rotation’
luminosità del logo
Imposta la quantità di luminosità che desideri aggiungere al tuo logo (se vuoi renderlo più scuro, imposta un numero negativo)
Wow! Tema stupendo! Onestamente, molti degli elementi dovrebbero essere integrati nel Material Theme, ma entrambi i temi sono fantastici. Ottimo lavoro!
Onestamente, questo è uno dei temi più belli che abbia mai trovato! Grazie mille
Ho solo bisogno di un piccolo aiuto, se non è troppo disturbo @ruidovisual
Sono un completo principiante in tutto questo, quindi perdonate la mia ingenuità. Sono riuscito a fare il fork del tuo file e a modificare i temi di colore. Devo cambiare il font e vedo che posso farlo importando la mia famiglia di font all’interno della variabile SCSS?
Quello che non riesco a capire è come impostare due font diversi: uno per i titoli, le intestazioni, ecc., e l’altro per il corpo del testo.
Sarebbe fantastico se potessi aiutarmi in questo, so che potrebbe essere totalmente fuori dagli argomenti trattati, ma mi aiuterebbe sicuramente molto
Ciao Karthikk! Sono felice che ti piaccia il tema : )
Il modo più semplice sarebbe definire un font-family per il body (penso che farlo in common.scss sia la scelta migliore):
body {
font-family: 'Il Nome della Tua Famiglia di Font', [FALLBACKS];
}
Non so se stai aggiungendo i tuoi font o ne stai selezionando alcuni da Google Fonts, ma ti consiglio di scegliere una famiglia dal catalogo di Google.
Ricorda di sostituire [FALLBACKS] con i fallback adatti in base al tipo di font che hai scelto; puoi saperne di più sui fallback per font-family qui
Per quanto riguarda la modifica del font per titoli e intestazioni, credo che tu abbia già risolto quella parte, ma come promemoria, oltre a importarlo, devi dichiararlo alla riga 116 di variables.scss
@ruidovisual Grazie per la spiegazione, sono riuscito a capire come cambiare i font, grazie a te!
Sto ora sperimentando con la mia versione chiara e scura del tema. Uso le Palette Colori per raggiungere questo obiettivo, poiché desidero evitare il CSS il più possibile.
Sono riuscito a modificare quasi tutto tranne questi due elementi:
La barra di stato sotto il post ha un effetto speciale nel tuo tema e non riesco a controllarla con la Palette Colori. Come posso modificarla usando il CSS? Quale parte devo prendere di mira?
La barra in cima a tutti gli argomenti nella visualizzazione della categoria separata rimane bianca indipendentemente dal colore che imposto nella palette
Grazie per questo tema, mi piace molto finora! Uno degli stili di discorso più piacevoli che abbia mai visto
Solo un problema: quando si eseguono operazioni di massa in una categoria, le caselle di controllo non appaiono, quindi non posso selezionare più argomenti. Questo mi sta davvero infastidendo e non sono in grado di utilizzare regolarmente il tema, a causa di questo problema. Potrebbe essere risolto? <3