Как изменить цветовую схему CSS, применив изменение оттенка ко всем цветам в файле CSS - PullRequest
6 голосов
/ 27 октября 2011

У меня есть файл CSS, и я хочу автоматически создать несколько цветовых вариаций файла, используя что-то вроде «colorize» в GIMP для изменения оттенка шаблона.

Я нашел то, что делает то, что я хочу: http://adityabhandari.com/wp-content/uploads/2011/01/ColorChanger.html но он не поддерживает запись rgba(), которую я часто использую.

Я - пользователь Linux, так что, может быть, подойдет какой-нибудь хитрый сценарий оболочки с regex, проблема в том, что я действительно отстой в regex.

Если вы опубликуете решение php/python/awk, я достаточно умен, чтобы использовать его.

1 Ответ

0 голосов
/ 05 декабря 2012

LESS.css

Он добавляет ряд удобных методов в CSS, включая арифметику hex / rgba, и компилируется в «нативный» CSS с помощью утилиты командной строки, которую вы найдете интуитивно понятной.

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 );  
}
...