Quelle est la manière la plus simple de créer un thème clair à partir d'un thème sombre très personnalisable

[hipp0]

J’utilise le thème Foundation avec une palette sombre que j’ai lourdement personnalisée avec du CSS.

Je me demande quelle serait la méthode la plus simple pour créer une version claire qui suive toutes les mêmes règles CSS.

[Moin]

Vous pouvez ajouter une palette de couleurs claires à votre thème

Vous pouvez mettre à jour les couleurs en fonction de l’utilisation du thème clair ou sombre :

@awesomerobot

Donc, dans color_definitions.scss, vous pouvez faire :

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

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

et ensuite vous utiliseriez la nouvelle propriété personnalisée qui change entre le mode sombre/clair dans votre thème :

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

[hipp0]

D’accord, je dois ajuster chaque changement avec le thème sombre ou clair (j’utilise le thème sombre/clair par défaut)

[Moin]

Cela dépend. Vous n’avez besoin de le faire que si vous avez utilisé des couleurs codées en dur. Tant que vous faites référence aux couleurs comme var(--primary-300) ou var(--danger), elles changent automatiquement en fonction de la palette de couleurs.