Die Container-Abfrage funktioniert, aber zur Vereinfachung können Sie auch die native light-dark()-Funktion in CSS verwenden:
.my-thing {
background: light-dark(#fff, #000);
color: light-dark(#222, #eee);
}
In der Regel verlassen wir uns in Discourse auf Farbvariablen, die sich automatisch ändern, um spezifische Farben auf diese Weise zu vermeiden (--primary, --secondary usw.)… Dies ermöglicht es, dass Farben unabhängig vom Farbschema funktionieren.
Sie können einige Beispiele hier sehen: https://meta.discourse.org/styleguide/atoms/colors und wie sie sich ändern, wenn Sie zum dunklen/hellen Modus wechseln. Diese Variablen werden durch Farbpaletten in /admin/config/colors eingerichtet.