||||\n-|-|-|\n:discourse2: | Résumé | Mint - Un thème moderne avec une touche de menthe. 
\n| 
| Aperçu | Aperçu sur Discourse Theme Creator\n:hammer_and_wrench: | Lien du dépôt | \u003chttps://github.com/discourse/discourse-mint-theme\u003e\n:open_book: |Nouveau sur les thèmes Discourse ? | Guide du débutant pour utiliser les thèmes Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-mint-theme\" repoName="Mint Theme"]\nInstaller ce thème\n[/wrap]\n\n[quote]\n\n:discourse2: Comme il s’agit d’un official (officiel) thème maintenu par l’équipe Discourse, les problèmes de Support, les rapports de Bug, les suggestions d’ UX et les demandes de conseils de Dev peuvent être faits dans les catégories respectives ici sur Meta, et étiquetés avec le tag de thème approprié. Cliquez sur un lien ci-dessous pour en créer un. 
\n\n\u003ckbd\u003e [
\u0026nbsp;Support](https://meta.discourse.org/new-topic?category_id=6\u0026tags=mint-theme "Demander de l’aide pour configurer et utiliser le thème Mint") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Bug](https://meta.discourse.org/new-topic?category_id=1\u0026tags=mint-theme "Un rapport de bug signifie que quelque chose est cassé, empêchant l’utilisation normale/typique du thème") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;UX](https://meta.discourse.org/new-topic?category_id=9\u0026tags=mint-theme "Discussion sur l’interface utilisateur du thème Mint, et comment les fonctionnalités sont présentées (y compris la langue et les éléments d’interface utilisateur)") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Dev](https://meta.discourse.org/new-topic?category_id=7\u0026tags=mint-theme "Conseils sur la façon de personnaliser ce thème pour votre site")\u003c/kbd\u003e\n\n[/quote]\n\n### Fonctionnalités\n\nUn thème moderne avec une touche de menthe. \n\n:herb: 
\n\nPage d’accueil (catégories)\n\n
\n\n
\n\nDerniers\n\n
\n\nSujet\n\n
\n\n\nRecherche avancée\n\n
\n\nCe thème inclut le composant suivant :\n\n- Discourse Showcased Categories\n\n### Conseils\n\n### Paramètres Discourse\n\nLes changements de paramètres suivants sont nécessaires pour que ce thème s’affiche correctement :\n\n- top menu doit être défini sur category, latest, new, unread, top\n- desktop category page style doit être défini sur Boxes with Subcategories\n\n### Bannière de bienvenue\n\nAllez à la page Admin \u003e Welcome banner (/admin/config/welcome-banner).\n\n- dans le menu déroulant Enabled on themes… sélectionnez Mint Theme\n- dans le menu déroulant Page visibility sélectionnez Homepage only\n- dans le menu déroulant Location sélectionnez Below site header\n- Background image peut être défini selon vos besoins\n\n[^update]: Depuis le 4 octobre 2022 et ce commit, le thème lui-même définira et ordonnera automatiquement les composants du thème dans les sorties correctes.\n\n### Discourse Showcased Categories\n\nDans les options du composant de thème Showcased Categories, les changements suivants sont requis pour que ce thème s’affiche correctement :\n\n- sélectionnez feed one category et feed two category selon vos besoins\n- remplissez feed one title et feed two title selon vos besoins\n- la valeur recommandée pour max list length est 3.\n\n\u003cbr\u003e\n\n\u003e:discourse2: Hébergé par nous ? Les thèmes sont disponibles à l’utilisation sur nos plans Standard, Business et Enterprise.
really nice theme 
I might even test it out with royal blue (my favourite colour) on my test site.
Thank you 
@meghna churning out the amazing themes. Looks great. I will deploy and play.
Beautiful theme! Thank you for creating this
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 
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
Thank you so much Tomasz, appreciate it
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?
Thanks! 
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?
Il serait également formidable de pouvoir modifier le CSS depuis le front-end, comme avec les thèmes par défaut.
Il y a deux petits problèmes avec l’éditeur. 
Le bouton d’engrenage a un arrière-plan toujours actif, et la forme au survol du premier bouton ne correspond pas à la courbure du cadre :
Corrigé les deux problèmes via :
J’aime beaucoup votre thème et je l’ai installé.
L’arrière-plan de ma bannière de recherche n’a pas de coins arrondis et n’est pas pleine largeur.
Comment puis-je le changer pour qu’il corresponde à votre mise en page ?
Il est possible qu’un autre thème ou composant interfère avec le style du thème mint. Pouvez-vous essayer de désactiver les autres thèmes/composants que vous auriez installés ?
C’est une installation propre avec le thème par défaut inactif et uniquement ces composants :
- discourse-search-banner
- Showcased Categories
C’est étrange. Pouvez-vous m’envoyer l’URL de votre instance Discourse par message privé et je pourrai y jeter un œil ?
Le problème de bannière est maintenant résolu via :
Il y avait aussi un problème dans le plugin “showcased categories” que Patrick m’a signalé. Je l’ai également résolu.
Salut, j’ai joué avec le mode sombre sur un appareil avec un joli thème Mint. J’ai apporté quelques modifications pour prendre en charge le mode sombre. Juste pour des tests.
discourse-mint.zip (5.1 Ko) Il peut contenir des erreurs bien sûr Pour cette raison, je ne créerai pas de PR à partir de github.
J’ai apporté quelques modifications pour les blocs de code, le formatage de style gitlab, la page large, etc… Je n’ai pas testé sur mobile.
Merci pour vos efforts, Ivan ! J’ai examiné votre travail et il y a des modifications personnalisées qui n’ont pas besoin d’être dans le cœur. Je vais examiner les modifications spécifiques au mode sombre et les apporterai au cœur après d’autres tests.
De rien, Meghna ! Je pense qu’il suffirait d’appliquer la valeur revert à certains éléments blancs.