Aide pour changer la couleur des boutons

Soutien
1

En me référant à ce message :

Quelque chose a encore changé dans la dernière version et la magnifique solution CSS de Kris ne fonctionne plus. J’ai perdu une heure à fouiller dans le CSS sans trouver de solution élégante. Quelqu’un a-t-il des idées ?

2

Je ne suis pas au courant d’un changement récent qui pourrait en être la cause. Cependant, bonne nouvelle : si vous avez effectué une mise à jour assez récemment, vous devriez pouvoir utiliser cette nouvelle fonctionnalité.

Cela signifie que vous n’avez plus besoin de rechercher tous les sélecteurs où la couleur $primary-low est utilisée pour les remplacer. Vous n’avez qu’à la modifier à un seul endroit : dans le fichier about.json de votre thème, où vous définissez la palette de couleurs.

Par exemple, si votre palette ressemble à ceci :

"Solarized Light": {
  "primary": "586E75",
  "secondary": "EEE8D5",
  "tertiary": "268BD2",
  "quaternary": "CB4B16",
  "header_background": "002B36",
  "header_primary": "93A1A1",
  "highlight": "B58900",
  "danger": "CB4B16",
  "success": "859900",
  "love": "DC322F"
}

La seule chose à faire pour remplacer $primary-low est de la définir ici comme suit :

"Solarized Light": {
  "primary": "586E75",
+ "primary-low": "FF0000",
  "secondary": "EEE8D5",
  "tertiary": "268BD2",
  "quaternary": "CB4B16",
  "header_background": "002B36",
  "header_primary": "93A1A1",
  "highlight": "B58900",
  "danger": "CB4B16",
  "success": "859900",
  "love": "DC322F"
}

La nouvelle couleur sera alors automatiquement utilisée partout à la place de celle générée par Discourse.

Si votre thème n’est pas distant — c’est-à-dire qu’il a été créé directement sur votre site Discourse via Admin > Personnaliser — vous devrez l’exporter, appliquer la modification ci-dessus, puis l’importer à nouveau. En effet, il s’agit d’une nouvelle fonctionnalité qui n’est pas encore entièrement intégrée à l’interface utilisateur.

3

Ça a parfaitement fonctionné, merci Joe !