Saltar al contenido
Carlos Estrada
Frontend

Firefox 157 estrena diseño Nova y novedades para CSS

3 min de lectura
Una persona escribe en el teclado de una computadora de escritorio blanca con monitor clásico

Mozilla lanzó Firefox 157 el 29 de septiembre de 2026, y esta vez el cambio se nota a simple vista. El navegador estrena un diseño llamado Nova, que la propia Mozilla describe como su renovación visual más grande en años.

Además del nuevo aspecto, la versión trae ajustes de seguridad y dos funciones de CSS que les interesan a quienes hacen páginas web.

¿Qué pasó?

Según las notas oficiales, Firefox 157 renueva las barras de herramientas, la barra lateral y los menús, e incluye temas claro y oscuro integrados. El sitio OMG! Ubuntu detalla que las pestañas, menús y la barra de direcciones ahora tienen esquinas más redondeadas y degradados suaves, en Windows, macOS y Linux.

También regresa el modo compacto, que reduce los espacios alrededor de pestañas y barras para que veas más contenido de la página. Tiene una opción automática que ajusta el espacio según el tamaño de tu pantalla.

Otros cambios: las videollamadas por WebRTC pueden usar la tarjeta gráfica para decodificar video AV1, Amazon deja de venir como buscador predeterminado y Firefox ahora te avisa si alguien configuró el equipo para guardar las llaves de cifrado, algo que permitiría a otro programa leer tu tráfico protegido.

Lo nuevo para desarrolladores

La primera novedad es la función at-rule() dentro de @supports. Con ella puedes preguntarle al navegador si entiende una regla de CSS completa, como @scope, y dar estilos alternativos si no. También funciona al importar hojas de estilo con @import.

La segunda es el valor chain para la propiedad overscroll-behavior. Sirve para que, al llegar al final de una zona con scroll, el desplazamiento pase a la zona de afuera sin el efecto de rebote del navegador. Es útil en menús, chats o modales con scroll propio.

Mozilla también ajustó cómo se comportan Animation.reverse() y playbackRate en animaciones ligadas al scroll, y añadió a WebGPU un tipo de textura que ahorra memoria de video.

¿Por qué te importa?

Si das soporte, prepárate para preguntas como “¿por qué mi Firefox se ve distinto?”. El cambio llega solo con la actualización automática. Para quien no se acostumbre, OMG! Ubuntu explica que el diseño anterior se puede recuperar cambiando la preferencia browser.nova.enabled a false en about:config, sin reiniciar.

Si haces páginas web, at-rule() te ayuda a usar CSS moderno sin romper navegadores que todavía no lo soportan, y chain resuelve un detalle de scroll que antes requería JavaScript.

¿Qué puedes hacer?

  • Actualiza desde el menú de ayuda, en la sección Acerca de Firefox, para tener también las correcciones de esta versión.
  • Si administras equipos, avisa a tus usuarios del cambio de diseño para evitar llamadas de soporte por confusión.
  • Prueba el modo compacto en laptops con pantalla pequeña.
  • Revisa tus sitios en Firefox 157, sobre todo menús y ventanas con scroll propio.
  • Antes de usar at-rule() en producción, confirma qué otros navegadores ya la soportan y deja siempre un estilo de respaldo.

Fuentes

Imagen de portada: foto de cottonbro studio en Pexels.