Tema Mint

[Discourse]

	Riepilogo	Mint - Un tema moderno con una nota di menta.
	Anteprima	Anteprima su Discourse Theme Creator
	Link al repository	https://github.com/discourse/discourse-mint-theme
	Sei nuovo ai temi di Discourse?	Guida introduttiva all’uso dei temi di Discourse

Installa questo tema

Poiché si tratta di un tema #ufficiale mantenuto dal team di Discourse, è possibile segnalare #supporto, Contribute > Bug report, #contribute:suggerimenti UX e richieste di Development advice nelle rispettive categorie qui su Meta, aggiungendo il tag appropriato del tema. Clicca su un link qui sotto per iniziare.

 Supporto  Bug  UX  Dev

Caratteristiche

Un tema moderno con una nota di menta.

Homepage (categorie)

Più recenti

Discussione

Ricerca avanzata

Questo tema include il seguente componente:

• Discourse Showcased Categories

Suggerimenti

Impostazioni di Discourse

Sono necessarie le seguenti modifiche alle impostazioni affinché il tema venga visualizzato correttamente:

• top menu deve essere impostato su category, latest, new, unread, top
• desktop category page style deve essere impostato su Boxes with Subcategories

Banner di benvenuto

Vai alla pagina Admin > Welcome banner (/admin/config/welcome-banner).

• nel menu a discesa Enabled on themes… seleziona Mint Theme
• nel menu a discesa Page visibility seleziona Homepage only
• nel menu a discesa Location seleziona Below site header
• Background image può essere impostato in base alle tue esigenze

Discourse Showcased Categories

Nelle opzioni del componente tema Showcased Categories, sono necessarie le seguenti modifiche affinché il tema venga visualizzato correttamente:

• seleziona feed one category e feed two category in base alle tue esigenze
• inserisci feed one title e feed two title in base alle tue esigenze
• il valore consigliato per max list length è 3.

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

[IAmGav (Gavin Perch)]

Davvero un bel tema

Potrei anche provarlo con il blu reale (il mio colore preferito) sul mio sito di test.

Grazie

[P2W (Mike Riddick)]

@meghna a sfornare temi incredibili. Sembra fantastico. Lo deployerò e proverò.

[Rebecca_Chen]

Tema stupendo! Grazie per averlo creato

Mi chiedevo se ci fosse un modo per rimuovere il quadrato e il cerchio sullo sfondo. Apprezzo qualsiasi consiglio che possa indicarmi la strada giusta

[tjot (Tomasz)]

Rimuovi

#main-outlet:after  {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 500px;
  height: 500px;
  border-radius: 2000px;
  background: $color-blue;
  right: 1px;
  top: -57px;
}

#main-outlet:before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 300px;
  height: 300px;
  border-radius: 30px;
  background: -webkit-linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
  // background: linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
  background: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
  left: 70px;
  top: 350px;
  transform: rotate(74deg);
  transform-origin: 0 100%;
}

da desktop.scss e dovresti essere a posto

[Rebecca_Chen]

Grazie mille, Tomasz, lo apprezzo molto

[adalo_jesse (Jesse Haywood)]

Questo tema è fantastico. Grazie per averlo creato! Sono nuovo nel mondo di Discourse. So come caricare questo tema, ma non sono sicuro di come modificare alcune cose. Ciò che vorrei cambiare sono i colori dei blocchi sullo sfondo (il cerchio e il quadrato). Inoltre, vorrei cambiare il colore di sfondo. Devo scaricare il file del tema, modificarlo e poi creare il mio tema? O esiste un modo più semplice?

[meghna (Meghna Jalan)]

@adalo_jesse

Questo tema è fantastico. Grazie per averlo creato!

Grazie!

@adalo_jesse

Devo scaricare il file del tema e modificarlo lì?

Sì. Per cambiare i colori devi fare un fork del tema e aggiornare il codice colore in base alle tue esigenze. Ecco come puoi farlo:

In variables.scss modifica il codice colore secondo i tuoi gusti:

$color-blue: #e5f8ff;
$color-square-gradient: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
$color-square-webkit-gradient: -webkit-linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);

@adalo_jesse

Vorrei cambiare il colore di sfondo

Per cambiare il colore di sfondo, aggiorna il colore secondary in about.json (nota che questo cambierà anche il colore del testo di alcuni pulsanti):

"secondary": "F6FBFC"

[Nick_Chomey]

Adoro questo tema: si adatta perfettamente al branding del nostro progetto! Tuttavia, se attivo la modalità scura, il tema si scombina. È un comportamento previsto? Esiste un modo per impedire agli utenti di attivare la modalità scura?

[Nick_Chomey]

Sarebbe anche fantastico poter modificare il CSS dal front-end, come con i temi predefiniti.

[cvx (Jarek Radosz)]

Ci sono due piccoli problemi con il composer. Il pulsante dell’ingranaggio ha uno sfondo sempre attivo e la forma al passaggio del mouse del primo pulsante non corrisponde alla curvatura del frame:

[meghna (Meghna Jalan)]

Risolto entrambi i problemi tramite:

UX: better composer button styling

[Pika (Patrick)]

Mi piace molto il tuo tema e l’ho installato.
Lo sfondo del mio banner di ricerca non ha angoli arrotondati ed è a tutta larghezza.
Come posso cambiarlo nel tuo layout?

[meghna (Meghna Jalan)]

Potrebbe esserci la possibilità che un altro tema o componente stia interferendo con lo stile del tema mint. Puoi provare a disabilitare altri temi/componenti che potresti aver installato?

[Pika (Patrick)]

è una clean install con il tema predefinito inattivo e solo questi componenti:

• discourse-search-banner
• Categorie in vetrina

[meghna (Meghna Jalan)]

È strano. Puoi inviarmi un messaggio privato con l’URL della tua istanza Discourse e posso dare un’occhiata?

[meghna (Meghna Jalan)]

@Pika

Lo sfondo del mio banner di ricerca non ha angoli arrotondati ed è a tutta larghezza.

Il problema del banner è ora risolto tramite:

UX: custom banner styling for mint theme (#3)

C’era anche un problema nel plugin delle categorie in vetrina che Patrick mi ha segnalato. Risolto anche quello.

UX: fix header for showcased category boxes (#11)

[Ivan_Rapekas]

Ciao, ho giocato con la modalità scura su un dispositivo con un bel tema Mint. Ho apportato alcune modifiche per supportare la modalità scura. Solo per test.

discourse-mint.zip (5.1 KB) Potrebbe contenere errori, ovviamente Per questo motivo non creerò una PR da github.

Ho apportato alcune modifiche per blocchi di codice, formattazione in stile gitlab, pagina larga, ecc… Non ho testato su dispositivi mobili.

[meghna (Meghna Jalan)]

Grazie per gli sforzi qui Ivan! Ho esaminato il tuo lavoro e ci sono alcune modifiche personalizzate che non necessitano di essere nel core. Mi occuperò delle modifiche specifiche per la modalità scura e le implementerò nel core dopo ulteriori test.

[Ivan_Rapekas]

Prego, Meghna! Penso che basterebbe applicare il valore revert ad alcuni elementi con bianco.