Keine spezifische Klasse für den Dark Mode

[merefield (Robert)]

Fortsetzung der Diskussion von Wie füge ich eine bestimmte Body-Klasse für den dunklen (oder hellen) Modus hinzu?:

Ist das immer noch der Fall?

Ich möchte spezifisches CSS für ein externes Widget (eine Leaflet-Karte) hinzufügen, wenn ein dunkles Thema verwendet wird. Ist es immer noch nicht möglich, dies nur mit einem CSS-Selektor zu identifizieren?

Natürlich kann ich eine Theme-Komponente erstellen, um die Änderungen anzuwenden, und davon ausgehen, dass der Administrator diese zum Dark Scheme hinzufügt, aber das wird nicht automatisch umgeschaltet … (was die aktuelle Lösung ist)

[awesomerobot (Kris)]

Würde dies das bewirken, was Sie brauchen? Dies müsste zu color_definitions.scss hinzugefügt werden

@if #{schemeType()} == dark {
    body {
        background: red;
    }
} @else {
     body {
        background: blue;
    }
}

Eine Klasse scheint jedoch nützlich zu sein, wir können wahrscheinlich eine hinzufügen.

[merefield (Robert)]

Vielen Dank für Ihren Vorschlag.

Ja, es muss keine Klasse sein, solange ich sie in CSS unterscheiden kann.

@awesomerobot

dies müsste zu color_definitions.scss hinzugefügt werden

Dumme Frage: Wie kann ich das von einem Theme Component oder Plugin aus tun?

[awesomerobot (Kris)]

In einem Remote-Theme oder einer Remote-Komponente können Sie eine Datei common/color_definitions.scss erstellen — wenn Sie CSS über das Admin-Panel hinzufügen möchten, gibt es dort einen Abschnitt:

[merefield (Robert)]

Danke @awesomerobot!