Qual a maneira mais fácil de criar um tema claro usando um tema escuro com muita personalização

[Moin]

Você pode adicionar uma paleta de cores claras ao seu tema

Você pode atualizar as cores com base se o tema claro ou escuro está sendo usado:

@awesomerobot

Então, em color_definitions.scss você pode fazer:

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

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

e então você usaria a nova propriedade customizada que muda entre claro/escuro no seu tema:

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