Опыт. LESS — это удобно!

§ 274

Если вам нужна гибкость в оформлении — используйте LESS.

Что такое LESS?

LESS расширяет CSS динамическими возможностями, такими как переменные, примешивания, операции и функции. Проще говоря это монстр в коробочке :)

Не стану объяснять детали работы LESS'а, об этом хорошо написано тут, а просто поделюсь с вами своей палитрой для подгонки цветов.

Принцип действия

За основу был взят один цвет и всячески склонялся в разных позах :) Это идеально для быстрой кастомизации любого скина, если все правильно сделать разумеется.
Итак, создаем базовый параметр для цвета: @base

@base: #297090;

Выносим процентное соотношение в отдельный параметр:

@1: percentage(0.1);

Создаем функцию работы с каналом SPIN в обе стороны

@a1: spin(@base, @1);
@aa1: spin(@base, -@1);

Создаем функцию работы с каналом SATURADE и DESATURATE

@b1: saturate(@base, @1);
@c1: desaturate(@base, @1);

Создаем функцию работы с каналом LIGHTEN и DARKEN

@d1: lighten(@base, @1);
@e1: darken(@base, @1);

Создаем инвертор цвета для контента

.invert (@a) when (lightness(@a) >= 50%) {
color: darken(@a, 50%);
}
.invert (@a) when (lightness(@a) < 50%) {
color: lighten(@a, 50%);
}

Ну и посмотреть на результат можно тут, а поиграться с динамической палитрой вот тут.