Sometimes, when I’m using Safari Reader, I get distracted by the webpage underneath because the Reader’s background is too transparent (particularly in cluttered websites with light background).
I did a simple hack that allows me to quickly reduce the background transparency hence making it “darker”. If you want to try it out:
Download Reader Background Dimmer 1.1
You need to copy the Reader.html file inside Safari.app/Contents/Resources (backup the original Reader.html before doing that, I personnally duplicated the original file and renamed it Reader.html.original)
The hack works with a mouse gesture:
1) Enter Reader mode, hold down the mouse on the background and drag it down (to make it darker) or up (to make it lighter)
2) Command-click on the background if you want reset to the default value
This is a hack, use it at your own risk. I think there’s no way right now to release this as a Safari Extension, if you think it’s possible, please drop me a line on Twitter.
I’m not a big fan of Palatino (the font used in Safari Reader), so in v1.1 I made a little addition that will replace Palatino with Georgia. It’ll also add a light paper-texture to the page background and use Helvetica Neue for the headings. You can temporarily test the new style by Command-Shift-clicking on the dark overlay. If you like it and want to use it by default, you’ll have to edit the Reader.html file, search for “restyle:false” and replace it with “restyle:true” (then quit and relaunch Safari).