Modo oscuro completo en la extensión, tema auto y un nuevo selector de 3 botones
El modo oscuro en la extensión JustZix era hasta ahora incompleto — el popup browser-action siempre mostraba una superficie blanca incluso con el tema oscuro activado, y una parte de los modales tenía texto negro fijado a mano sobre fondo oscuro. En mayo de 2026 lanzamos tres cosas: modo oscuro completo en todas partes, un tema auto que sigue al sistema operativo y un nuevo selector de 3 botones en lugar de un único botón cíclico.
Modo oscuro completo en el popup (v3.2.78)
El popup browser-action — la ventana que se abre al hacer clic en el icono de la extensión en la barra de herramientas del navegador — era siempre claro hasta la v3.2.77, incluso con el tema oscuro activado en el panel de opciones. Era una vieja "reliquia" — el popup se añadió antes de que llegara el sistema de temas. Ahora cada elemento del popup tiene :hover + los colores adecuados en ambos temas; el icono de ajustes y el enlace a justzix.com también son visibles sobre fondo oscuro.
Más de 18 modales recibieron modo oscuro (v3.2.77)
El modo oscuro antes cubría las vistas principales del panel — el árbol del catálogo, el editor de reglas, el botón flotante. Los modales — "Exportar", "Importar", "Añadir acción", "Selector de color", "Selector de icono" — usaban colores claros fijados a mano (texto negro sobre blanco), lo que en modo oscuro daba un contraste fuerte e ilegible. Hemos introducido las clases modal-subtitle, modal-meta, modal-error, modal-code-input que reaccionan al cambio de tema. Cada campo, banner, bloque de código y selector en los 18+ modales toma ahora colores que encajan con el tema.
Tema auto — la extensión sigue a tu sistema (v3.2.78)
Un nuevo valor del ajuste de tema — auto — escucha el prefers-color-scheme del sistema operativo. Activa auto una vez y la extensión:
- muestra el tema claro durante el día (cuando el sistema está en modo claro),
- pasa automáticamente a oscuro por la noche (cuando el sistema cambia a modo oscuro) — sin clic manual,
- reacciona a los cambios del sistema en vivo (macOS Night Shift, Windows "Elegir tu modo", GNOME "Estilo").
Tu preferencia se sincroniza entre dispositivos — pon auto en tu portátil y la extensión en tu móvil también sigue al sistema del móvil.
Control segmentado — 3 botones en vez del ciclo (v3.2.79)
El antiguo botón de tema en la cabecera del panel iba en ciclo: claro → oscuro → auto → claro. Lo molesto: para saltar de oscuro a claro tenías que hacer clic dos veces y recordar el orden. El nuevo selector es un control segmentado — tres botones uno al lado del otro — ☀️ claro, 🌙 oscuro, ⊙ auto. Haces clic directamente en lo que quieres. La opción actual queda resaltada.
El icono themeAuto es una nueva incorporación al conjunto de iconos de JustZix — un círculo con una mitad rellena (el clásico símbolo de auto-contraste / día-noche).
Dónde encontrar el selector
El selector de tema está en la cabecera del panel de opciones, justo al lado del selector de idioma. El ajuste es inmediato — sin reinicio, sin recarga; cada ventana (el panel de opciones, el popup browser-action, las ventanas TEMP, la ventana de AI Helper) reacciona al instante.
Por qué importa
La extensión es una herramienta que enchufas a tu navegador — y tiene que ser una pieza de tu entorno, no una isla. Si usas un tema oscuro de navegador, tu SO está en modo nocturno, y la extensión todavía te suelta un popup blanco a la cara — es una señal pequeña pero constante de "herramienta ajena". Modo oscuro + tema auto es el gesto de "pertenecemos a tu configuración".
Ver también
- Ventanas en la página — todas las ventanas de desarrollador que trae la extensión reaccionan al tema
- Atajos de teclado de JustZix — la chuleta completa del uso por teclado
- Tutorial interactivo de onboarding — un recorrido guiado por tu primer proyecto
Instalar JustZix — y mantén el modo oscuro sincronizado con el resto de tu configuración.
Valora este artículo
Sin valoraciones — sé el primero.