Skin for the monkey website? (Eyestrain)
Monkey Archive Forums/Monkey Discussion/Skin for the monkey website? (Eyestrain)
| ||
Hi all, I'm new here, and learning a lot from the tutorials and code snippets people have posted (thanks to all concerned) but I'm running into a non-programming issue: eye strain. Switching from dark text on light background to light text on dark background and back again is painful after a while and I have to stop looking things up. Needless to say this is a problem, because being really new I have to look everything up. Is there a way to make the website appear differently so I can work around this? I know some forums allow the users to pick the skin but I can't find this option here. I realise this is not a problem everyone has, but it would make a real difference to me if all the text was black on white, including the code snippets. If there is a browser-side solution to this, I would be very happy to know about that, too. Thanks for your time. |
| ||
Jear i use a browser site solution ;) Look to Stylisch. You can edit the site with css with a profile. What i also use is greasemonkey. With them you can inject javascript files. Monkey-x example: background dark and whote text with stylisch and better code boxes (like popout boxes) with greasmonkey. |
| ||
You may also want to try adjusting your monitor, or use something like f.lux. I use it personally, but I also configured it to be more subtle. |
| ||
far to bright, far to white its all wrong. |
| ||
Malublu, thanks for the tip. Stylish does look like what I need. It's been ages since I wrote CSS though! You couldn't possibly post your code for the monkey site, could you? Immutable, I love f.lux. Maybe I could get it installed in work on health and safety grounds. Hm... Thanks all. |
| ||
Hmmm sorry i haven't write it yet, it was only an example what you can do. The new monkey2 site is dark! But i can write a simple css file. (Not beauty or perfect, but it should work). Here a simple and crazy hack ^^: @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("monkey-x.com") { body { filter: invert(100%); background-color: #2A2E43; } img, .img, .flag, svg, .at-icon-wrapper, .code, .sub, .navbar, .btn { filter: invert(100%); } } |
| ||
Thanks, man. I'll try and get it to work. |