Thème Zeronoise

:discourse2: Résumé Zeronoise se concentre sur des accents de couleur clairs et des zones de contenu subtilement différenciées afin de créer une expérience de lecture agréable.
:eyeglasses: Aperçu Aperçu sur Discourse Theme Creator
:hammer_and_wrench: Lien vers le dépôt https://github.com/discourse/zeronoise
:open_book: Nouveau sur les thèmes Discourse ? Guide pour débutants sur l’utilisation des thèmes Discourse

Installer ce thème

Fonctionnalités

Bonjour Meta ! J’ai créé un thème pour Discourse en me concentrant sur des accents de couleur clairs et des zones de contenu subtilement différenciées afin de créer une expérience de lecture agréable.

Dans la version bureau, j’ai également déplacé l’avatar du créateur de sujet vers le côté gauche du titre afin de lui donner une hiérarchie plus élevée dans la conception.

Il a aussi été amusant de jouer avec des polices à empattements et, au final, “Playfair Display” donne vraiment du caractère (héhé) au thème.

Une autre chose amusante est que, puisque l’en-tête du thème est noir, vous pouvez jouer avec certains aspects du logo via les paramètres du thème (inversion des couleurs, rotation de la teinte et luminosité).

J’espère que vous l’apprécierez, que vous l’utiliserez et que vous le forkerez :100: !

Paramètres

Nom Description
Inversion des couleurs du logo
Rotation de la teinte du logo Spécifiez une valeur en degrés pour changer la couleur de votre logo. Si vous ne savez pas ce que c’est, vous pouvez laisser la valeur à 0 ou chercher sur Google ‘css filter hue rotation’
Luminosité du logo Définissez la quantité de luminosité que vous souhaitez ajouter à votre logo (si vous souhaitez l’assombrir, définissez un nombre négatif)

Crédits

Créé par @ruidovisual


:discourse2: Hébergé par nous ? Les thèmes sont disponibles pour une utilisation sur nos plans Standard, Business et Entreprise.

51 « J'aime »

Wouah ! Un magnifique thème ! Beaucoup d’éléments devraient honnêtement être intégrés dans Material Theme, mais les deux thèmes sont géniaux. Excellent travail ! :+1:

2 « J'aime »

Ce thème a vraiment l’air bien. Je vais certainement l’essayer sur mon site web.

4 « J'aime »

Le nouveau sujet est-il un composant ?

2 « J'aime »

Honnêtement, c’est l’un des plus beaux thèmes que j’aie trouvés ! Merci beaucoup :slight_smile:

J’aurais juste besoin d’un petit coup de main, si cela ne vous dérange pas trop @ruidovisual :slight_smile:

  • Je suis un complet débutant dans tout cela, alors pardonnez ma naïveté. J’ai réussi à forker votre fichier et à modifier les thèmes de couleurs. Je dois changer la police et je vois que je peux le faire en important ma propre famille de polices dans la variable SCSS ?
  • Ce que je n’arrive pas à comprendre, c’est comment définir deux polices différentes, l’une pour les titres, les en-têtes, etc., et l’autre pour le corps du texte.

Ce serait génial si vous pouviez m’aider là-dessus. Je sais que cela pourrait être totalement hors de portée, mais cela m’aiderait énormément :slight_smile:

5 « J'aime »

Salut Karthikk ! Je suis ravi que tu aimes le thème : )

Le moyen le plus simple serait de définir une police pour le corps de page (je pense que le faire dans common.scss serait le mieux) :

body {
  font-family: 'Le Nom de Ta Famille de Polices', [FALLBACKS];
}

Je ne sais pas si tu ajoutes tes propres polices ou si tu utilises des polices Google, mais je te conseillerais de choisir une famille dans le catalogue Google.

N’oublie pas de remplacer [FALLBACKS] par tes polices de repli en fonction du type de police que tu as choisi ; tu peux en savoir plus sur les polices de repli pour font-family ici.

Concernant le changement de police pour les titres et les en-têtes, je pense que tu as déjà résolu cette partie, mais pour rappel, en plus de l’importer, tu dois la déclarer à la ligne 116 de variables.scss.

J’espère que cela t’aidera ! Passe un bon week-end : )

7 « J'aime »

Vous voulez dire un composant personnalisé pour le thème ? Dans ce cas, la réponse est non. Il est présent avec position: fixed. Voir la ligne 36 de mobile.scss

Passez un bon week-end et merci pour votre patience : )

4 « J'aime »

Très beau thème ! J’ai hâte de créer un nouveau thème pour notre Discourse basé sur zeronoise.
Merci de l’avoir partagé !

5 « J'aime »

Thème excellent. Il figure en bonne place sur ma liste personnelle de favoris. :slight_smile:

Ce serait encore plus intéressant si la police pouvait être optionnellement identique à celle choisie dans l’assistant.

4 « J'aime »

Bonjour @ruidovisual,

J’aime beaucoup votre thème.

Est-il possible de changer la couleur violette en rouge ? Pourriez-vous publier une version rouge de votre thème ?

J’ai essayé moi-même, mais après cela, j’ai perdu les effets du thème et ce n’était pas rouge. :grin:

2 « J'aime »

@ruidovisual Merci pour l’explication, j’ai réussi à modifier les polices, grâce à vous !

Je m’amuse actuellement à créer mes propres versions claire et sombre du thème. J’utilise les palettes de couleurs pour y parvenir, car je souhaite éviter d’utiliser du CSS autant que possible.

J’ai réussi à ajuster presque tout, sauf ces deux éléments :

  1. La barre d’état sous le post a un effet spécial dans votre thème et je ne parviens pas à la contrôler avec la palette de couleurs. Comment puis-je l’ajuster en utilisant du CSS ? Quelle partie dois-je cibler ?

  2. La barre située au-dessus de tous les sujets dans la vue par catégorie séparée reste blanche, quelle que soit la couleur que je définis dans la palette

Ce serait génial si vous pouviez m’aider avec ces points :slight_smile:

P.S. Voici ma palette de couleurs pour référence :

1 « J'aime »

Super thème.

Une question : est-ce que quelqu’un a réussi à le faire fonctionner avec des catégories de type « Boîte » ? Elles prennent des formes aléatoires et le texte reste blanc.

1 « J'aime »

C’est extrêmement épuré et moderne. La communauté crée les meilleurs thèmes de tous les temps !

1 « J'aime »

Bonjour,
Ce thème est super.
Cependant, il semble y avoir quelques problèmes de style sur le forum chinois.

Thème zeronoise

Thème par défaut

3 « J'aime »

Probablement un problème de formatage avec les caractères chinois.

2 « J'aime »

Tout d’abord, merci beaucoup pour ce beau thème @ruidovisual. Je l’utilise pour mon forum communautaire depuis près de 2 mois maintenant.

J’ai une question. Est-il possible de supprimer la liste déroulante de navigation sur mobile ?

Merci d’avance.

1 « J'aime »

Merci pour ce thème, je l’adore pour l’instant ! L’un des styles de discourse les plus agréables que j’ai vus jusqu’à présent :slight_smile:

Un seul problème : lors de l’exécution d’opérations de masse dans une catégorie, les cases à cocher n’apparaissent pas, je ne peux donc pas sélectionner plusieurs sujets. Cela me dérange vraiment et je suis incapable d’utiliser régulièrement le thème, en raison de ce problème. Cela pourrait-il être corrigé ? <3

1 « J'aime »

Cela n’a rien à voir avec les caractères chinois, c’est un problème avec le réglage category style “box”.

.badge {
  &-category-bg,  /* <------ mauvais !! */
  &-wrapper.bullet &-category-parent-bg,
  &-wrapper.bullet &-category-parent-bg + &-category-bg {
    border-radius: 50%;
    width: 9px;
  }

Pour résoudre ce problème, appliquez ceci en tant que composant de thème

.badge {
  &-wrapper.bar &-category-bg,
  &-wrapper.bar &-category-parent-bg,
  &-wrapper.bar &-category-parent-bg + &-category-bg {
     border-radius: 0%;
  }
  &-wrapper.box &-category-bg,
  &-wrapper.box &-category-parent-bg,
  &-wrapper.box &-category-parent-bg + &-category-bg {
    border-radius: 0%;
    width: 100%;
  }
}
3 « J'aime »

J’adore le thème mais… :wink:

Pourriez-vous m’aider ou corriger cette vue d’impression car elle n’est pas utilisable :

  • le titre doit être petit
  • la bordure avec ombre ne doit pas être visible

De plus, la sélection du sujet ne fonctionne pas

CleanShot 2022-11-20 at 00.12.18

Aussi, comment puis-je changer globalement la police de ce thème ?

Très impressionnant, merci beaucoup.

Je vais déployer maintenant, j’espère pouvoir contribuer davantage bientôt :slight_smile: