Verwendung von Discourse-Thema-Farbvariablen in benutzerdefiniertem Theme-Komponenten?

Unterstützung
5

Ich habe ständig Probleme dieser Art. Sicher, es ist „offensichtlich“, var zu verwenden, aber nur, wenn man es weiß und sich daran erinnern kann!

Ich warte auf etwas, das ausgeführt wird, und habe daher aus Neugier https://ask.discourse.com/ überprüft und gefragt: „Ist es möglich, Discourse-Theme-Farbvariablen in meiner eigenen Theme-Komponente abzurufen?“ und siehe da! Ich habe das hier bekommen:

  1. Verfügbare Farbvariablen:
    Discourse bietet mehrere vordefinierte CSS-benutzerdefinierte Eigenschaften für Farben, wie zum Beispiel:

    var(--primary)
var(--secondary)
var(--tertiary)
var(--quaternary)
var(--header_background)
var(--header_primary)
var(--highlight)
var(--danger)
var(--success)
var(--love)

  2. Beispielverwendung:
    Sie können diese Variablen in Ihrem CSS verwenden, um sicherzustellen, dass Ihr Theme an verschiedene vom Benutzer ausgewählte Farbschemata angepasst wird. Zum Beispiel:

    body {
    background: var(--highlight);
}
1 „Gefällt mir“