Tema Mint

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

Installa questo tema

Caratteristiche

Un tema moderno con una nota di menta. :slight_smile:

:herb: :ice_cube:

Homepage (categorie)

Più recenti

Discussione

Ricerca avanzata

Questo tema include il seguente componente:

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.

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

67 Mi Piace

Davvero un bel tema :slight_smile:

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

Grazie :smiley:

5 Mi Piace

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

5 Mi Piace

Tema stupendo! Grazie per averlo creato :slight_smile:

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

3 Mi Piace

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

6 Mi Piace

Grazie mille, Tomasz, lo apprezzo molto :smiley:

2 Mi Piace

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?

2 Mi Piace

Grazie! :slight_smile:

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%);

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"

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?

1 Mi Piace

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

Ci sono due piccoli problemi con il composer. :slightly_smiling_face: 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:

1 Mi Piace

Risolto entrambi i problemi tramite:

2 Mi Piace

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?

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?

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

  • discourse-search-banner
  • Categorie in vetrina

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

1 Mi Piace

Il problema del banner è ora risolto tramite:

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

3 Mi Piace

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

1 Mi Piace

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.

1 Mi Piace

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

1 Mi Piace