Hallo ![]()
Discourse kann zwei Farbschemata verarbeiten: Hell und Dunkel. Wenn Sie Ihr Gerät also in den Dunkelmodus wechseln, wird standardmäßig die Website-Einstellung default dark mode color scheme id verwendet.
Sie können Discourse weitere benutzerdefinierte Farbpaletten hinzufügen.
Neue Farbpaletten können Sie auf der Seite /admin/customize/colors festlegen.
Oder
Wenn Sie beispielsweise ein benutzerdefiniertes Theme verwenden, können Sie diese in der Datei about.json festlegen.
Wie wir es z.B. im FKB Pro Theme verwenden.
In diesem Fall werden diese Farbpaletten zu /admin/customize/colors hinzugefügt.
Wenn diese Farbpaletten hinzugefügt wurden, können Benutzer sie auf der Benutzeroberfläche der Benutzereinstellungen auswählen. Wenn Sie sie aktivieren.
dark-light-choose()
Die Funktion dark-light-choose() kann nur die beiden Farbschemata Hell/Dunkel verarbeiten, nicht die Farbpalette. Ich schlage vor, sie nur zur Erstellung benutzerdefinierter Farbvariablen zu verwenden, nicht zur Überschreibung der Standardvariablen. Um die Standard-Farbvariablen zu überschreiben, können Sie wie oben gezeigt vorgehen.
Wenn der Benutzer auf der Benutzeroberfläche der Benutzereinstellungen eine andere Farbpalette als die standardmäßige helle/dunkle Website-Einstellung konfiguriert, wird die von Ihnen mit dark-light-choose() erstellte Farbvariable für alle hellen oder dunklen Farbpaletten für Farbschemata verwendet.
Dies ist einer der Gründe, warum ich die folgende Theme component erstellt habe.
In dieser Theme-Komponente können Sie die color-scheme="id"s separat ansprechen.
Was Sie tun können, ist
Erstellen Sie Farbpaletten (Hell, Gedimmt, Dunkel)
Verwenden Sie die obige Komponente, um bei Bedarf Modifikationen an den Farben von
color-scheme="id"Gedimmt oder anderen Dingen vorzunehmen.
