Tema Zeronoise

:discourse2: Sintesi Zeronoise si concentra su accenti di colore chiari e aree di contenuto leggermente differenziate, cercando di creare un’esperienza di lettura piacevole.
:eyeglasses: Anteprima Anteprima su Discourse Theme Creator
:hammer_and_wrench: Link al repository https://github.com/discourse/zeronoise
:open_book: Nuovo a Discourse Themes? Guida per principianti all’uso di Discourse Themes

Installa questo tema

Caratteristiche

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à).

Spero che vi piaccia, lo usiate e lo forkiate :100:!

Impostazioni

Nome Descrizione
inverti i colori del logo
rotazione della tonalità del logo 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)

Crediti

Creato da @ruidovisual


:discourse2: Ospitato da noi? I temi sono disponibili per l’uso nei nostri piani Standard, Business ed Enterprise.

51 Mi Piace

Wow! Tema stupendo! Onestamente, molti degli elementi dovrebbero essere integrati nel Material Theme, ma entrambi i temi sono fantastici. Ottimo lavoro! :+1:

2 Mi Piace

Questo tema in realtà sembra bello. Lo proverò sicuramente sul mio sito web.

4 Mi Piace

Un nuovo argomento è un componente?

2 Mi Piace

Onestamente, questo è uno dei temi più belli che abbia mai trovato! Grazie mille :slight_smile:

Ho solo bisogno di un piccolo aiuto, se non è troppo disturbo @ruidovisual :slight_smile:

  • 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 :slight_smile:

5 Mi Piace

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

Spero che ti sia utile! Buon fine settimana : )

7 Mi Piace

Intendi un componente personalizzato per il tema? In questo caso la risposta è no. È presente con position: fixed. Vedi riga 36 di mobile.scss

Buon fine settimana e grazie per la tua pazienza : )

4 Mi Piace

Tema molto bello! Non vedo l’ora di costruire un nuovo tema per il nostro Discourse basato su zeronoise.
Grazie per averlo condiviso!

5 Mi Piace

Tema eccellente. È in cima alla mia lista personale di preferiti. :slight_smile:

Sarebbe ancora più interessante se il carattere potesse essere opzionalmente lo stesso di quello scelto nella procedura guidata.

4 Mi Piace

Ciao @ruidovisual,

mi piace molto il tuo tema.

È possibile cambiare il colore viola in rosso? Potresti rilasciare una versione rossa del tuo tema?

Ho provato a farlo io stesso, ma dopo ho perso gli effetti del tema e non è diventato rosso. :grin:

2 Mi Piace

@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:

  1. 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?

  2. La barra in cima a tutti gli argomenti nella visualizzazione della categoria separata rimane bianca indipendentemente dal colore che imposto nella palette

Sarebbe fantastico se potessi aiutarmi con questi :slight_smile:

P.S. Questa è la mia Palette Colori per riferimento:

1 Mi Piace

Ottimo tema.

Una domanda: è riuscito a qualcuno a farlo funzionare con le categorie di tipo “Box”? Assumono forme casuali e il testo rimane bianco.

1 Mi Piace

È estremamente pulito e moderno. La community crea i migliori temi di sempre!

1 Mi Piace

Ciao, questo tema è fantastico.
Tuttavia, sembrano esserci alcuni problemi con lo stile nel forum cinese.

tema zeronoise

tema predefinito

3 Mi Piace

Probabilmente un problema di formattazione con i caratteri cinesi

2 Mi Piace

Prima di tutto, grazie mille per questo bellissimo tema @ruidovisual. Lo sto usando per il mio forum della community da quasi 2 mesi.

Ho una domanda. È possibile rimuovere il menu a discesa di navigazione su mobile?

Grazie in anticipo.

1 Mi Piace

Grazie per questo tema, mi piace molto finora! Uno degli stili di discorso più piacevoli che abbia mai visto :slight_smile:

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

1 Mi Piace

Questo non ha nulla a che fare con i caratteri cinesi, è un problema con l’impostazione dello stile della categoria “box”.

.badge {
  &-category-bg,  /* <------ male!! */
  &-wrapper.bullet &-category-parent-bg,
  &-wrapper.bullet &-category-parent-bg + &-category-bg {
    border-radius: 50%;
    width: 9px;
  }

Per risolvere questo problema, applica quanto segue come componente del tema

.badge {
  &-wrapper.bar &-category-bg,
  &-wrapper.bar &-category-parent-bg,
  &-wrapper.bar &-category-parent-bg + &-category-bg {
     border-radius: 0%;
  }
  &-wrapper.box &-category-bg,
  &-wrapper.box &-category-parent-bg,
  &-wrapper.box &-category-parent-bg + &-category-bg {
    border-radius: 0%;
    width: 100%;
  }
}
3 Mi Piace

Adoro il tema ma… :wink:

Potresti aiutarmi o correggere questa vista di stampa poiché non è utilizzabile:

  • il titolo dovrebbe essere piccolo
  • il bordo con l’ombra non dovrebbe essere visibile

Inoltre, la selezione dell’argomento non funziona

CleanShot 2022-11-20 at 00.12.18

Inoltre, come posso cambiare globalmente il font per questo tema?

Molto impressionante, grazie mille.

Ora effettuerò il deploy, spero di poter contribuire presto :slight_smile: