spodeli-color.user.js

// ==UserScript==
// @name       blog.spodeli.org colorizer
// @namespace  http://spion.github.io
// @version    0.3.4
// @description  Change the spodeli.org color
// @match      http://b10g.spodeli.org/*
// @copyright  public domain
// @grant      metadata
// ==/UserScript==

;(function() {
        
    function getColor() {
        return localStorage.bgColor || '#ff00ff';
    }
    
    var styleTable = {
        '.tabs-outer': { 'background-color': true },
        '.sidebar .widget a:link' : { 'color': true },
        'a:link' : { 'color': true },
        '.blog-feeds a, .post-feeds a': {'color': true}
    };
    
    var styles = document.createElement('style');
    styles.type = 'text/css';
    document.head.appendChild(styles);
    
    function changeColor(color) {
        var txt = [];
        for (var selector in styleTable) {
            txt.push(selector,'{');
            for (var prop in styleTable[selector])
                txt.push(prop,':', color,';');
            txt.push('}');
        }
        styles.innerHTML = txt.join('');
        localStorage.bgColor = color;
    }
    
    changeColor(getColor());
    
    var i = document.createElement('input');
    i.id = "color";
    i.type = "color"
    i.className = "color";
    i.value = getColor();
    i.style.cursor = 'pointer';
    i.style.position = 'absolute';
    i.style.right = i.style.top = 0;
    i.addEventListener('change', function() {
        changeColor(i.value);
    });
    document.body.appendChild(i);

}());