Saltar al contenido

¿Cómo introducir correctamente un modo claro/oscuro en Bootstrap?

Encontramos la contestación a esta cuestión, o por lo menos eso deseamos. Si continuas con preguntas coméntalo, que con gusto te ayudaremos

Solución:

Aquí hay algunas respuestas a su pregunta sobre el modo claro u oscuro de Bootstrap:

“¿Se supone que debo reemplazar todas las apariciones de bg-dark con bg-light una vez que se enciende el ‘interruptor’?”

Sí, pero probablemente también quieras cambiar todo -light y -dark clases como text-dark, navbar-dark, btn-darketc..

Si quiero modificar ligeramente los colores de bg-light y bg-dark… No puedo encontrar ningún ejemplo para anular estas variables (a través de SASS), excepto sobrescribirlas manualmente en mi CSS como .bg-dark…

Estos se derivan de $light y $dark Variables SASS para que puedas cambiarlas así…

$light: #dddddd;
$dark: #011100;

@import "bootstrap";

Manifestación Interruptor de modo oscuro de luz Bootstrap

Ver también:
Personalización de la plantilla CSS de Bootstrap
Cómo extender/modificar (personalizar) Bootstrap 4 con SASS

Al final de la artículo puedes encontrar las explicaciones de otros creadores, tú también eres capaz insertar el tuyo si dominas el tema.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *