Qual è il modo più semplice per creare un tema chiaro usando un tema scuro con molta personalizzazione

[hipp0]

Sto usando il tema Foundation con una palette scura che ho personalizzato pesantemente con css.

Mi chiedo quale sarebbe il metodo più semplice per creare una versione chiara che segua tutte le stesse regole CSS.

[Moin]

Puoi aggiungere una palette di colori chiari al tuo tema

Puoi aggiornare i colori in base all’utilizzo del tema chiaro o scuro:

@awesomerobot

Quindi in color_definitions.scss puoi fare:

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

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

e poi useresti la nuova proprietà personalizzata che cambia tra scuro/chiaro nel tuo tema:

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

[hipp0]

Quindi devo regolare ogni singola modifica con la modalità scura o chiara (sto usando la modalità scura/chiara predefinita)

[Moin]

Dipende. Devi farlo solo se hai utilizzato colori codificati in modo fisso. Finché fai riferimento ai colori come var(--primary-300) o var(--danger), questi cambiano automaticamente in base alla palette di colori.