Hacker News: toggle reading mode
Switches a calm reading mode with a narrow column and warm paper background on or off with one click.
Code to copy
// Toggle a distraction-free reading mode on and off
const ID = 'jz-hn-reading-mode';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
const s = document.createElement('style');
s.id = ID;
s.textContent =
'html,body{background:#f6f1e7!important}' +
'#hnmain{background:#fffdf7!important;max-width:760px!important;' +
'margin:16px auto!important;box-shadow:0 1px 8px rgba(0,0,0,.12)!important}' +
'#hnmain>tbody>tr:first-child{display:none!important}' +
'.commtext,.toptext{color:#2b2b2b!important;line-height:1.6!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.