¿Cuál es la forma más fácil de hacer un tema claro usando un tema oscuro con mucha personalización?

[Moin]

Puede agregar una paleta de colores claros a su tema

Puede actualizar los colores según se utilice el tema claro u oscuro:

@awesomerobot

Entonces, en color_definitions.scss puede hacer:

$my-theme-color: dark-light-choose($primary, red);

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

y luego usaría la nueva propiedad personalizada que cambia entre oscuro/claro en su tema:

body {
  color: var(--my-theme-color);
}