Variables personnalisées pour les palettes de couleurs

Je pense qu’une fonctionnalité nous permettant d’ajouter des variables CSS personnalisées aux thèmes de couleurs serait utile.

Mon cas d’utilisation est que j’ai un en-tête personnalisé sur mon forum et je veux que le logo de notre entreprise soit bleu dans le thème de couleurs clair et blanc dans le thème de couleurs sombre. Étant donné qu’il n’y a aucun moyen d’écrire du CSS qui cible un thème de couleurs spécifique, je ne vois pas comment je peux faire cela actuellement. Ce que je pourrais faire, c’est avoir des thèmes sombre et clair séparés, mais je perdrais alors la capacité d’utiliser le mode sombre automatique, qui ne peut changer que le thème de couleurs et non le thème.

Alternativement, le simple fait d’avoir une classe CSS dans html ou body indiquant le thème de couleurs sélectionné résoudrait également ce problème, car je pourrais écrire du CSS ciblant le thème de couleurs spécifique.

1 « J'aime »

Si vous avez juste besoin de modifier le logo, il existe des emplacements dédiés pour les logos à schéma sombre dans les paramètres du backend :

1 « J'aime »

Vous pouvez avoir du CSS qui se comporte différemment en mode clair/sombre si cela peut vous aider — nous avons une feuille de style spéciale appelée color_definitions… il y a un exemple de la façon dont vous pourriez l’utiliser ici : Why might dark-light-choose() not work? - #2 by awesomerobot

6 « J'aime »

Merci, je ne savais pas que c’était déjà possible, c’est exactement ce dont j’avais besoin ! Le logo en thème sombre est également une bonne idée, je ne savais pas que ça existait.

1 « J'aime »