La última versión de Bootstrap 5.3.0, el marco web CSS, JavaScript y HTML de uso generalizado, incluye importantes mejoras centradas en el modo oscuro y los modos de color personalizados. Con un núcleo reescrito, este marco de aplicaciones mobile-first pretende facilitar a los desarrolladores la incorporación de estas características en sus proyectos.
La versión estable de Bootstrap 5.3.0 se anunció el 30 de mayo y se puede acceder a ella desde GetBootstrap.com. Un cambio significativo de esta actualización es la compatibilidad por defecto con el modo oscuro. Además, ahora los desarrolladores pueden utilizar cualquier número de modos de color para crear temas personalizados o paletas de colores más complejas. El nuevo mixin Sass color-mode()
genera estilos de modo oscuro, permitiendo estilos específicos para cada modo de color.
Una hoja de estilos _variables-dark.scss específica incluye variables Sass específicas del modo oscuro. Además, Bootstrap 5.3.0 aporta otras mejoras:
- Una paleta de colores revisada incluye nuevas variables Sass, variables CSS y utilidades para establecer el color, el color de fondo y el color del borde.
- Los colores de primer plano y de fondo se amplían con colores secundarios, terciarios y de énfasis. Los colores del tema también se han ampliado para incluir sutiles tonos de fondo.
- Las mejoras en el estilo de los enlaces incluyen nuevos ayudantes y utilidades para diseños más sofisticados.
- Los navegadores se benefician de mejores estilos
:focus_visible
, que se alinean mejor con los estilos personalizados de enfoque de los botones. - Las utilidades de anchura de bordes basadas en variables CSS se han revertido para establecer sus propiedades directamente, como ocurría antes de la versión 5.2.0. Esto resuelve los problemas de herencia entre elementos anidados, incluidas las tablas.
De cara al futuro, Bootstrap 5.4.0 pretende mejorar su API de utilidades y el código relacionado. En las próximas semanas se lanzarán parches para la versión 5.3.x con el fin de solucionar los problemas que puedan surgir. Todas estas mejoras amplían la capacidad de las empresas para crear aplicaciones web y móviles sin fisuras utilizando soluciones sin código/low-code como la plataforma AppMaster, que ofrece un conjunto completo de herramientas para el desarrollo de aplicaciones.