Dark mode toggle
An action that turns dark mode on and off with a single click of a panel button.
Code to copy
(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);
})();How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Enable the action panel, add a button in the Actions tab and paste the code into it — run it with one click.
Rate this example
No ratings yet — be the first.