La requête de conteneur fonctionnera, mais pour simplifier, vous pouvez également utiliser la fonction native light-dark() en CSS pour cela :
.my-thing {
background: light-dark(#fff, #000);
color: light-dark(#222, #eee);
}
En général, dans Discourse, nous nous appuyons sur des variables de couleur qui changent automatiquement pour éviter de définir des couleurs spécifiques de cette manière (--primary, --secondary, etc.)… cela permet aux couleurs de fonctionner indépendamment du schéma de couleurs.
Vous pouvez voir quelques exemples ici : https://meta.discourse.org/styleguide/atoms/colors et comment elles changent si vous basculez entre les modes sombre et clair. Ces variables sont configurées par des palettes de couleurs dans /admin/config/colors