I've just been playing with Greasemonkey and managed to get the site looking like this:
Using this simple script:
// ==UserScript==
// @name MonkeyTheme
// @namespace monkey
// @description change monkey theme
// @include http://www.monkey-x.com/*.*
// @version 1
// @grant none
// ==/UserScript==
(function () {
var defColor = '#333333', defBGColor = '#eeeeee';
var ORIGINAL_STYLE = 'original_style';
var NO_INLINE_STYLE = 'no inline style';
document.body.setAttribute("style", "background-color: #000000;");
var ps=document.getElementsByTagName('p');
var color = defColor;
var bgColor = defBGColor;
for (var i=0, node; i<ps.length; i++){
node=ps[i];
if (node.hasAttribute('style')) {
node.setAttribute(ORIGINAL_STYLE, node.getAttribute('style'));
}
else {
node.setAttribute(ORIGINAL_STYLE, NO_INLINE_STYLE);
}
node.style.color = color;
node.style.backgroundColor = bgColor;
node.style.lineHeight = 1;
}
var ps=document.getElementsByTagName('small');
var color = defColor;
var bgColor = defBGColor;
for (var i=0, node; i<ps.length; i++){
node=ps[i];
if (node.hasAttribute('style')) {
node.setAttribute(ORIGINAL_STYLE, node.getAttribute('style'));
}
else {
node.setAttribute(ORIGINAL_STYLE, NO_INLINE_STYLE);
}
node.style.color = color;
node.style.backgroundColor = bgColor;
node.style.lineHeight = 1;
}
})();
Only "issue" is that I think GM only works in FF, and my main browsers are IE and Chrome...
|