Hilfe beim Ändern der Button-Farbe

Bezugnehmend auf diesen Beitrag:

Im neuesten Build hat sich erneut etwas geändert, und Kries’ schöne CSS-Lösung funktioniert nicht mehr. Ich habe eine Stunde damit verbracht, im CSS herumzusuchen, aber keine elegante Lösung gefunden. Hat jemand Ideen?

Mir ist keine kürzliche Änderung bekannt, die dies verursachen würde. Die gute Nachricht ist jedoch, dass Sie diese neue Funktion verwenden können, wenn Sie vor nicht allzu langer Zeit aktualisiert haben.

Das bedeutet, dass Sie nicht mehr alle Selektoren finden müssen, in denen die Farbe $primary-low verwendet wird, um sie zu überschreiben. Sie müssen die Änderung nur an einer Stelle vornehmen. Diese befindet sich in der Datei about.json Ihres Themes, wo Sie das Farbpalette definieren.

Nehmen wir beispielsweise an, Ihre Palette sieht so aus:

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

Das Einzige, was Sie tun müssten, um $primary-low zu überschreiben, ist, es hier wie folgt zu definieren:

"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"
}

Die neue Farbe wird dann automatisch überall anstelle der von Discourse generierten Farbe verwendet.

Wenn Ihr Theme nicht remote ist – das heißt, es wurde auf Ihrer Discourse-Website unter Admin > Anpassen erstellt – müssen Sie es exportieren, die oben genannte Änderung vornehmen und es dann wieder importieren. Dies ist eine neue Funktion und noch nicht vollständig in die Benutzeroberfläche integriert.

Das hat wunderbar funktioniert, danke Joe!