||||\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.
Vraiment un très beau thème
Je pourrais même le tester avec du bleu roi (ma couleur préférée) sur mon site de test.
Merci 
@meghna qui sort des thèmes incroyables. Ça a l’air super. Je vais déployer et tester.
Magnifique thème ! Merci de l’avoir créé
Je me demandais s’il était possible de supprimer les carrés et les cercles en arrière-plan ? Toute aide pour m’orienter dans la bonne direction serait grandement appréciée 
supprimez
#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%;
}
de desktop.scss et tout devrait fonctionner
Merci beaucoup, Tomasz, je l’apprécie
Ce thème est génial. Merci de l’avoir créé ! Je suis nouveau dans l’univers de Discourse. Je sais comment télécharger ce thème, mais je ne suis pas sûr de savoir comment modifier certains éléments. Ce que je souhaite changer, ce sont les couleurs des blocs en arrière-plan (le cercle et le carré). De plus, je voudrais modifier la couleur de fond. Dois-je télécharger le fichier du thème, l’éditer, puis créer mon propre thème ? Ou existe-t-il une méthode plus simple ?
Merci !
Oui. Pour modifier les couleurs, vous devez bifurquer le thème et mettre à jour le code couleur selon vos besoins. Voici comment procéder :
Dans variables.scss, modifiez le code couleur selon vos préférences :
$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%);
Pour modifier la couleur de fond, mettez à jour la couleur secondary dans about.json (notez que cela modifiera également la couleur du texte de certains boutons) :
"secondary": "F6FBFC"
J’adore ce thème – il correspond parfaitement à l’identité visuelle de notre projet ! Cependant, si j’active le mode sombre, le thème est désorganisé. Est-ce normal ? Existe-t-il un moyen d’empêcher les utilisateurs d’activer le mode sombre ?
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.