Come cambiare la combinazione di colori CSS applicando la modifica di tonalità con tutti i colori nel file css

Question

Ho un file css e voglio creare automaticamente alcune variazioni di colore del file, usando qualcosa come "colorize" in GIMP per spostare la tonalità del template.

Ho trovato qualcosa che fa esattamente quello che voglio: http://adityabhandari.com/wp-content/uploads/2011/01/ColorChanger.html ma non supporta la notazione rgba() che uso spesso.

Sono un utente Linux, quindi forse uno script di shell complicato con regex lo farà, il problema è che faccio davvero schifo a regex.

Se si invia la soluzione php/python/awk, sono abbastanza intelligente da usarlo.

Answer 1

LESS.css

Si aggiunge un certo numero di metodi di convenienza per i CSS, tra cui hex/RGBA aritmetica, e verrà compilato a CSS 'native' con l'utilità della riga di comando, che si trova intuitiva.

spin(#BEFBA, 10); // return a color with a 10 degree larger in hue than #BEFBA 
@color: #BEFBA;  // just a variable 
spin(@color, -10); // return a color with a 10 degree smaller in hue than @color 

// applied to css class: 
.myStyle{ 
    background-color: spin(@color, 10); 
}