A maneira correta de editar CSS para modos claro e escuro

A consulta de contêiner funcionará, mas para simplificar, você também pode usar a função nativa light-dark() do CSS para isso:

.my-thing {
  background: light-dark(#fff, #000);
  color: light-dark(#222, #eee);
}

Geralmente, no Discourse, dependemos de variáveis de cor que mudam automaticamente para evitar definir cores específicas dessa maneira (--primary, --secondary, etc.)… isso permite que as cores funcionem independentemente do esquema de cores.

Você pode ver alguns exemplos aqui: https://meta.discourse.org/styleguide/atoms/colors e como elas mudam se você alternar para os modos escuro/claro. Essas variáveis são configuradas por paletas de cores em /admin/config/colors