||||\n-|-|-|\n:discourse2: | Riepilogo | Mint - Un tema moderno con un tocco di menta.
\n|
| Anteprima | Anteprima su Discourse Theme Creator\n:hammer_and_wrench: | Link Repository | \u003chttps://github.com/discourse/discourse-mint-theme\u003e\n:open_book: |Nuovo ai temi di Discourse? | Guida per principianti all’utilizzo dei temi di Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-mint-theme\" repoName="Mint Theme"]\nInstalla questo tema\n[/wrap]\n\n[quote]\n\n:discourse2: Poiché si tratta di un tema #ufficiale mantenuto dal team di Discourse, i problemi di #supporto, le segnalazioni di Bug, i suggerimenti UX e le richieste di consigli Dev possono essere presentati nelle rispettive categorie qui su Meta, e contrassegnati con il tag del tema appropriato. Clicca su un link qui sotto per iniziarne uno.
\n\n\u003ckbd\u003e [
\u0026nbsp;Supporto](https://meta.discourse.org/new-topic?category_id=6\u0026tags=mint-theme "Chiedi supporto sulla configurazione e l’utilizzo del tema Mint") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Bug](https://meta.discourse.org/new-topic?category_id=1\u0026tags=mint-theme " Una segnalazione di bug significa che qualcosa non funziona, impedendo l’uso normale/tipico del tema") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;UX](https://meta.discourse.org/new-topic?category_id=9\u0026tags=mint-theme "Discussione sull’interfaccia utente del tema Mint, e su come vengono presentate le funzionalità (inclusi lingua ed elementi UI)") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Dev](https://meta.discourse.org/new-topic?category_id=7\u0026tags=mint-theme "Consigli su come personalizzare questo tema per il tuo sito")\u003c/kbd\u003e\n\n[/quote]\n\n### Funzionalità\n\nUn tema moderno con un tocco di menta.
\n\n:herb:
\n\nHomepage (categorie)\n\n
\n\n
\n\nUltimi\n\n
\n\nArgomento\n\n
\n\n\nRicerca Avanzata\n\n
\n\nQuesto tema include il seguente componente:\n\n- Discourse Showcased Categories\n\n### Suggerimenti\n\n### Impostazioni di Discourse\n\nLe seguenti modifiche alle impostazioni sono richieste affinché questo tema venga visualizzato correttamente:\n\n- top menu deve essere impostato su category, latest, new, unread, top\n- desktop category page style deve essere impostato su Boxes with Subcategories\n\n### Banner di Benvenuto\n\nVai alla pagina Admin \u003e Welcome banner (/admin/config/welcome-banner).\n\n- nel menu a discesa Enabled on themes… seleziona Mint Theme\n- nel menu a discesa Page visibility seleziona Homepage only\n- nel menu a discesa Location seleziona Below site header\n- Background image può essere impostata in base alle tue esigenze\n\n[^update]: A partire dal 4 ottobre 2022 e questo commit, il tema stesso imposterà e ordinerà automaticamente i componenti del tema nelle uscite corrette.\n\n### Discourse Showcased Categories\n\nNelle opzioni per il componente tema Showcased Categories, sono necessarie le seguenti modifiche affinché questo tema venga visualizzato correttamente:\n\n- seleziona feed one category e feed two category in base alle tue esigenze\n- compila feed one title e feed two title in base alle tue esigenze\n- il valore consigliato per max list length è 3.\n\n\u003cbr\u003e\n\n\u003e:discourse2: Ospitato da noi? I temi sono disponibili per l’uso sui nostri piani Standard, Business e Enterprise.
Davvero un bel tema ![]()
Potrei anche provarlo con il blu reale (il mio colore preferito) sul mio sito di test.
Grazie ![]()
@meghna a sfornare temi incredibili. Sembra fantastico. Lo deployerò e proverò.
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 ![]()
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 ![]()
Grazie mille, Tomasz, lo apprezzo molto ![]()
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?
Grazie! ![]()
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?
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:
Risolto entrambi i problemi tramite:
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?
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.
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.
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.
Prego, Meghna! Penso che basterebbe applicare il valore revert ad alcuni elementi con bianco.


