Hacker News: toggle dark mode
Switches a quick dark theme on or off with a single click whenever you want to change the page brightness.
Code to copy
// Toggle a quick dark theme on and off with one click
const ID = 'jz-hn-dark-toggle';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
const s = document.createElement('style');
s.id = ID;
s.textContent =
'html,body{background:#1a1a1a!important;color:#c8c8c8!important}' +
'#hnmain{background:#1f1f1f!important}' +
'td,.comment,.commtext,.toptext{color:#c8c8c8!important}' +
'.subtext,.comhead,.subtext a,.comhead a,.rank{color:#8a8a8a!important}' +
'a:link,a:visited{color:#b9bfc6!important}' +
'.commtext a:link{color:#6ea8fe!important}';
document.head.appendChild(s);
}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.