Meilleure pratique pour créer un thème simple ?

Salut !

J’ai des connaissances en CSS correctes, bien qu’un peu datées, mais je ne suis en aucun cas un designer.

Pour créer un thème simple avec uniquement des remplacements CSS, quels devraient être les points de départ ? Je ne parle pas d’outils (discourse_theme et autres), mais purement d’un point de vue design.

Un bon exemple de ce que j’aimerais faire est de refaire la conception des menus de navigation (nav-pills).
Chaque fois que j’obtiendrai quelque chose, cela va « casser » quelque chose ailleurs, car les contextes dans lesquels les éléments modifiés se trouvent sont différents.
Si je modifie leurs dimensions via le rembourrage (padding), elles n’auront pas la même hauteur que les boutons adjacents (nouveau sujet) ou les sélecteurs (catégorie, tags) et il y aura une incohérence.
Si j’ajoute une bordure à mes pilules, cela sera moche sur les pages de préférences utilisateur car les barres de navigation sont déjà séparées par des bordures.

J’ai également essayé d’ajouter des modifications à select-kit et il est apparu que ce serait un cauchemar de rendre mes modifications correctes pour chaque variation de select-kit.

J’ai des problèmes presque à chaque fois que j’essaie de refaire la conception d’un élément.

Donc, je suppose que commencer une refonte à partir d’une page donnée n’est pas la bonne solution. J’ai pensé commencer par la page /styleguide car c’est probablement son objectif, mais on remarque facilement que le problème est souvent assez similaire. Chaque élément affiché dans le guide de style manque du contexte dans lequel il est utilisé sur une vraie page.

Il y a tellement d’éléments et d’interactions entre les éléments et les pages que cela devient vite accablant et je commence à corriger de manière exponentielle mes modifications pour les « réparer », ce qui est exactement ce que je ne devrais pas faire.

J’espère que la description de mon problème n’est pas trop vague.

Si vous avez des conseils à partager qui pourraient m’aider à apporter mes petites modifications, j’apprécierais beaucoup ! :hugs:

Ma question est assez large, mais pour montrer le type de modifications que je vise à apporter, voici le thème par défaut de mon forum, et mon travail actuel.


Visuellement, ce ne sera pas beaucoup plus que ce qui est affiché et cette page a l’air bien, mais actuellement, il y a trop de zones sur d’autres pages qui sont buggées ou laides à cause de mes ajustements actuels (et d’autres que je n’ai pas encore découverts, bien sûr).

4 « J'aime »