← Tutti gli articoli

Tutorial

Dark mode completo nell'estensione, tema auto e un nuovo selettore a 3 pulsanti

Il dark mode nell'estensione JustZix era finora incompleto — il popup browser-action mostrava sempre una superficie bianca anche con il tema scuro attivo, e una parte dei modali aveva testo nero codificato a mano su sfondo scuro. A maggio 2026 abbiamo rilasciato tre cose: dark mode completo ovunque, un tema auto che segue il sistema operativo e un nuovo selettore a 3 pulsanti invece di un singolo pulsante ciclico.

Dark mode completo nel popup (v3.2.78)

Il popup browser-action — la finestra che si apre quando clicchi sull'icona dell'estensione nella barra degli strumenti del browser — era sempre chiaro fino alla v3.2.77, anche con il tema scuro attivato nel pannello opzioni. Era un vecchio "residuo" — il popup era stato aggiunto prima dell'introduzione del sistema di temi. Ora ogni elemento nel popup ha :hover + i colori giusti in entrambi i temi; anche l'icona delle impostazioni e il link a justzix.com sono visibili su sfondo scuro.

Più di 18 modali hanno ricevuto il dark mode (v3.2.77)

Il dark mode copriva prima le viste principali del pannello — l'albero del catalogo, l'editor di regole, il pulsante flottante. I modali — "Esporta", "Importa", "Aggiungi azione", "Selettore colore", "Selettore icona" — usavano colori chiari codificati a mano (testo nero su bianco), che davano un contrasto forte e illeggibile in dark mode. Abbiamo introdotto le classi modal-subtitle, modal-meta, modal-error, modal-code-input che reagiscono al cambio di tema. Ogni campo, banner, blocco di codice e selettore nei 18+ modali ora prende colori adatti al tema.

Tema auto — l'estensione segue il tuo sistema (v3.2.78)

Un nuovo valore dell'impostazione tema — auto — ascolta il prefers-color-scheme del sistema operativo. Attiva auto una volta e l'estensione:

La tua preferenza si sincronizza tra i dispositivi — imposta auto sul laptop e l'estensione sul telefono segue il sistema del telefono.

Controllo segmentato — 3 pulsanti invece del ciclo (v3.2.79)

Il vecchio pulsante del tema nell'intestazione del pannello passava ciclicamente: chiaro → scuro → auto → chiaro. La parte fastidiosa: per saltare da scuro a chiaro dovevi cliccare due volte e ricordare l'ordine. Il nuovo selettore è un controllo segmentato — tre pulsanti affiancati — ☀️ chiaro, 🌙 scuro, ⊙ auto. Clicchi direttamente su quello che vuoi. La scelta attuale è evidenziata.

L'icona themeAuto è una nuova aggiunta al set di icone JustZix — un cerchio con una metà riempita (il classico simbolo auto-contrast / giorno-notte).

Dove trovare il selettore

Il selettore del tema si trova nell'intestazione del pannello opzioni, proprio accanto al selettore della lingua. L'impostazione è immediata — niente riavvio, niente ricaricamento; ogni finestra (il pannello opzioni, il popup browser-action, le finestre TEMP, la finestra AI Helper) reagisce all'istante.

Perché è importante

L'estensione è uno strumento che innesti nel tuo browser — e deve essere parte del tuo ambiente, non un'isola. Se usi un tema scuro del browser, il tuo OS è in modalità notturna e l'estensione ti sbatte ancora in faccia un popup bianco — è un segnale piccolo ma costante di "strumento estraneo". Dark mode + tema auto è il gesto di "apparteniamo al tuo setup".

Vedi anche

Installa JustZix — e tieni il dark mode sincronizzato con il resto del tuo setup.

Valuta questo articolo

Nessuna valutazione — sii il primo.

Provalo tu stesso

Installa JustZix e incolla qualsiasi snippet di questo articolo. Due minuti da zero a una regola funzionante su tutti i tuoi dispositivi.

Ottieni JustZix

Funzionalità · Come funziona · Esempi · Casi d'uso