La consulta de contenedor funcionará, pero para simplificar, también puedes usar la función nativa light-dark() de CSS para lograrlo:
.my-thing {
background: light-dark(#fff, #000);
color: light-dark(#222, #eee);
}
Por lo general, en Discourse confiamos en variables de color que cambian automáticamente para evitar establecer colores específicos de esta manera (--primary, --secondary, etc.)… esto permite que los colores funcionen independientemente del esquema de color.
Puedes ver algunos ejemplos aquí: https://meta.discourse.org/styleguide/atoms/colors y cómo cambian si alternas entre los modos oscuro y claro. Estas variables se configuran mediante paletas de color en /admin/config/colors