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.
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 !
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)
Honestly this is one of the best looking themes I have found! Thank you so much
I just need one help, if it’s not too much trouble @ruidovisual
I am a complete noob with all this, so forgive my naivety. I have managed to fork your file and change the colour themes. I need to change the font and I see I can do that by importing my own font family inside the variable SCSS?
What I am not able to figure is how to set two different fonts, one for the titles, headers etc., and the other for the body.
It will be so great if you could help me out here, I know this might be totally out of scope but it would certainly help a lot
The easiest way would be to define a font-family for the body (I think doing it in common.scss would be the best):
body {
font-family: 'The Name of your Font Family', [FALLBACKS];
}
I don’t know if you are adding your own fonts or picking up some google fonts, but, I would advise that you pick a family from the google catalog.
Remember to replace [FALLBACKS] with your fallbacks depending on what type of font you’ve chosen, you can see more on font-family fallbacks here
About changing the font for titles and headers, I think that’s the part that you already figured out, but as a reminder, besides from importing it you need to declare it in the line 116 of variables.scss
@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 :
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 ?
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
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.
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
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
!
Hébergé par nous ? Les thèmes sont disponibles pour une utilisation sur nos plans Standard, Business et Entreprise.
