← Tous les exemples

Action Apparence

Bascule mode sombre

Une action qui active et désactive le mode sombre d'un seul clic sur un bouton.

Code à copier

(function () {
    var ID = 'jz-dark-toggle-style';
    var existing = document.getElementById(ID);
    if (existing) { existing.remove(); return; }
    var st = document.createElement('style');
    st.id = ID;
    st.textContent =
        'html{filter:invert(1) hue-rotate(180deg)!important;background:#fff!important}' +
        'img,video,picture,canvas,iframe,svg,[style*="background-image"]' +
        '{filter:invert(1) hue-rotate(180deg)!important}';
    document.documentElement.appendChild(st);
})();

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Activez le panneau d'actions, ajoutez un bouton dans l'onglet Actions et collez-y le code — lancez-le en un clic.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage