Pas de classe spécifique pour le mode sombre

Dev
1

Continuant la discussion de Comment ajouter une classe CSS spécifique pour le mode sombre (ou clair) ? :

Est-ce toujours le cas ?

J’aimerais ajouter du CSS spécifique pour un widget externe (une carte Leaflet) lorsqu’on utilise un thème sombre, est-il toujours impossible de l’identifier en utilisant uniquement un sélecteur CSS ?

Bien sûr, je peux créer un composant de thème pour appliquer les modifications et supposer que l’administrateur l’ajoute simplement au schéma sombre, mais cela ne basculera pas automatiquement… (ce qui est la solution actuelle).

5 « J'aime »
2

Est-ce que cela accomplirait ce dont vous avez besoin ? Il faudrait l’ajouter à color_definitions.scss

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

Cependant, une classe semblerait utile, nous pourrions probablement en ajouter une.

6 « J'aime »
3

Merci pour votre suggestion.

Oui, il n’est pas nécessaire que ce soit une classe tant que je peux la distinguer en CSS.

Question stupide : comment puis-je faire cela depuis un composant de thème ou un plugin ?

3 « J'aime »
4

Dans un thème ou un composant distant, vous pouvez créer un fichier common/color_definitions.scss — si vous cherchez à ajouter du CSS via le panneau d’administration, il y a une section là :

Screenshot 2023-02-13 at 10.55.17 AM
Screenshot 2023-02-13 at 10.55.17 AM677×136 9.83 KB

4 « J'aime »
5

Merci @awesomerobot !

3 « J'aime »
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.