Mode sombre complet dans l'extension, thème auto et un nouveau sélecteur à 3 boutons
Le mode sombre dans l'extension JustZix était jusqu'ici incomplet — le popup browser-action affichait toujours une surface blanche même avec le thème sombre activé, et une partie des modales avait du texte noir codé en dur sur fond sombre. En mai 2026, nous avons livré trois éléments : un mode sombre complet partout, un thème auto qui suit le système d'exploitation, et un nouveau sélecteur à 3 boutons au lieu d'un bouton cyclique.
Mode sombre complet dans le popup (v3.2.78)
Le popup browser-action — la fenêtre qui s'ouvre lorsque vous cliquez sur l'icône de l'extension dans la barre d'outils du navigateur — était toujours clair jusqu'à la v3.2.77, même avec le thème sombre activé dans le panneau d'options. C'était un vieux « vestige » — le popup avait été ajouté avant la mise en place du système de thèmes. Désormais, chaque élément du popup possède :hover + les bonnes couleurs dans les deux thèmes ; l'icône des paramètres et le lien vers justzix.com sont également visibles sur fond sombre.
Plus de 18 modales ont reçu le mode sombre (v3.2.77)
Le mode sombre couvrait jusqu'ici les vues principales du panneau — l'arborescence du catalogue, l'éditeur de règles, le bouton flottant. Les modales — « Exporter », « Importer », « Ajouter une action », « Sélecteur de couleur », « Sélecteur d'icône » — utilisaient des couleurs claires codées en dur (texte noir sur blanc), ce qui donnait un contraste agressif et illisible en mode sombre. Nous avons introduit les classes modal-subtitle, modal-meta, modal-error, modal-code-input qui réagissent au changement de thème. Chaque champ, bannière, bloc de code et sélecteur dans les 18 modales et plus prend désormais des couleurs adaptées au thème.
Thème auto — l'extension suit votre système (v3.2.78)
Une nouvelle valeur du paramètre de thème — auto — écoute la prefers-color-scheme du système d'exploitation. Activez auto une seule fois et l'extension :
- affiche le thème clair le jour (quand le système est en mode clair),
- passe automatiquement en sombre la nuit (quand le système bascule en mode sombre) — sans clic manuel,
- réagit aux changements système en direct (macOS Night Shift, Windows « Choisir votre mode », GNOME « Style »).
Votre préférence se synchronise entre les appareils — réglez auto sur votre ordinateur portable, l'extension sur votre téléphone suit également le système du téléphone.
Contrôle segmenté — 3 boutons au lieu d'un cycle (v3.2.79)
L'ancien bouton de thème dans l'en-tête du panneau passait en cycle : clair → sombre → auto → clair. La partie pénible : pour passer de sombre à clair, il fallait cliquer deux fois et se souvenir de l'ordre. Le nouveau sélecteur est un contrôle segmenté — trois boutons côte à côte — ☀️ clair, 🌙 sombre, ⊙ auto. Cliquez directement sur ce que vous voulez. La sélection actuelle est mise en évidence.
L'icône themeAuto est un nouvel ajout au jeu d'icônes JustZix — un cercle dont une moitié est remplie (le symbole classique du contraste automatique / jour-nuit).
Où trouver le sélecteur
Le sélecteur de thème se trouve dans l'en-tête du panneau d'options, juste à côté du sélecteur de langue. Le paramètre est immédiat — pas de redémarrage, pas de rechargement ; chaque fenêtre (le panneau d'options, le popup browser-action, les fenêtres TEMP, la fenêtre AI Helper) réagit instantanément.
Pourquoi c'est important
L'extension est un outil que vous greffez à votre navigateur — et elle doit faire partie de votre environnement, pas être une île. Si vous utilisez un thème de navigateur sombre, que votre OS est en mode nuit, et que l'extension vous projette toujours un popup blanc — c'est un petit mais constant signal d'« outil étranger ». Mode sombre + thème auto est le geste de « nous appartenons à votre configuration ».
Voir aussi
- Fenêtres sur la page — toutes les fenêtres de développement livrées par l'extension réagissent au thème
- Raccourcis clavier JustZix — l'antisèche complète pour l'utilisation au clavier
- Tutoriel d'intégration interactif — une visite guidée de votre premier projet
Installer JustZix — et gardez le mode sombre synchronisé avec le reste de votre configuration.
Notez cet article
Aucune note — soyez le premier.