Diferentes cambios de CSS para diferentes esquemas de color

Si entiendo bien el problema, hay algo específico que hacer para esto.

He estado trabajando en una guía sobre esto, pero me está costando un poco fusionar la información para que sea lo suficientemente clara como para usarla directamente en un tema, pero que aún explique las cosas técnicas subyacentes.

Para explicar cómo hacerlo de la manera más clara posible…

Sugiero que crees un tema localmente (usar Install the Discourse Theme CLI console app to help you build themes te ayudará).
Luego, crea un archivo common/color_definitions.scss en tu tema, en el que escribas:

$my-color: dark-light-choose(#FC3468, #FF93AC);

:root {
  --my-color: #{$my-color};
}

Luego, en common/common.scss, puedes usar la variable así:

h1 {
  color: var(--my-color);
}

Automáticamente elegirá el color correcto cuando esté en modo oscuro o claro.

3 Me gusta