Tema Mint

||||\n-|-|-|\n:discourse2: | Riepilogo | Mint - Un tema moderno con un tocco di menta. :slight_smile: \n| :eyeglasses: | 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. :+1: \n\n\u003ckbd\u003e [:question:\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 [:bug:\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 [:eyes:\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 [:artist:\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. :slight_smile: \n\n:herb: :ice_cube: \n\nHomepage (categorie)\n\nScreenshot 2021-09-06 at 19.48.04\n\nScreenshot 2021-09-06 at 19.48.43\n\nUltimi\n\nScreenshot 2021-09-07 at 17.08.01\n\nArgomento\n\nScreenshot 2021-09-07 at 17.22.56\n\n\nRicerca Avanzata\n\nScreenshot 2021-09-07 at 17.22.11\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.

66 Mi Piace

really nice theme :slight_smile:

I might even test it out with royal blue (my favourite colour) on my test site.

Thank you :smiley:

5 Mi Piace

@meghna churning out the amazing themes. Looks great. I will deploy and play.

5 Mi Piace

Beautiful theme! Thank you for creating this :slight_smile:

I was wondering if it was a way for me to remove the square and circle in the background? Appreciate anything that can point me in the right direction :pray:

3 Mi Piace

remove

#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%;
}

from desktop.scss and you should be good to go :slight_smile:

6 Mi Piace

Thank you so much Tomasz, appreciate it :smiley:

2 Mi Piace

This theme is awesome. Thank you for making this! I’m new to the Discourse scene. I know how to upload this theme, but I’m not sure how to change certain things. What I want to change are the colors of the blocks in the back (the circle and square). Additionally, I would like to change the background color. Do I download the theme file and edit it there, then create my own theme? Or is there an easier way?

2 Mi Piace

Thanks! :slight_smile:

Yes. To change the colors you need to fork the theme and update the color code as per your requirement. Here’s how you can do it:

In variables.scss change the color code as per your liking:


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

To change the background color update the secondary color in about.json (note that this will also change text color of some buttons):

"secondary": "F6FBFC"

I love this theme - it fits our project’s branding perfectly! However, if I turn on dark mode, the theme is messed up. Is this to be expected? Is there a way to prevent users from turning on dark mode?

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