La query del contenitore funzionerà, ma per semplificare puoi usare anche la funzione nativa light-dark() in CSS:
.my-thing {
background: light-dark(#fff, #000);
color: light-dark(#222, #eee);
}
In genere, su Discourse, facciamo affidamento su variabili di colore che cambiano automaticamente per evitare di impostare colori specifici in questo modo (--primary, --secondary, ecc.)… questo permette ai colori di funzionare indipendentemente dallo schema di colori.
Puoi vedere alcuni esempi qui: https://meta.discourse.org/styleguide/atoms/colors e come cambiano se passi alla modalità scura/chiaro. Queste variabili sono configurate dalle tavolozze di colori in /admin/config/colors