web-dev-qa-db-fra.com

Comment introduire correctement un mode lumière / sombre dans Bootstrap?

J'utilise bootstrap 4.5 et utilisez bg-dark Dans mon modèle HTML. Je souhaite mettre en place un commutateur "léger/noir".

Donc, Bootstrap a un bg-light classe CSS, mais je ne suis pas sûr de l'approche actuelle sur laquelle l'utiliser. Permettez-moi de clarifier ma confusion:

  1. Suis-je censé remplacer toutes les occurrences de bg-dark avec bg-light Une fois que le "commutateur" est activé?

  2. Si je veux modifier légèrement les couleurs de bg-light et bg-dark, est-ce que "thème" la bonne approche? Je ne trouve aucun exemples pour remplacer ces variables (via Sass), sauf les écraser manuellement dans mon CSS comme .bg-dark { ... }

Merci beaucoup!

8
Daniel Stephens

Vérifiez ceci: https://getbootstrap.com/docs/4.5/geting-Started/theming

"Personnaliser Bootstrap 4 avec nos nouvelles variables de sass intégrées pour des préférences de style global pour des changements de thème et de composant faciles."

Une fois que vous souhaitez appliquer les modifications par SASS, cela semble être le bon chemin

Et par leur documentation, les variables pour le changement sont sur le fichier "SCSS/_VARIBES.SSS".

Voici un autre sujet avec quelques informations supplémentaires comment y parvenir: Customizing Bootstrap CSS Modèle

0