Палитра цветов

PipUI дает возможность менять цвет текста и фона без необходимости изменять CSS стили. Для этого в нем заготовлены специальные классы, а палитра выбрана на основе Material UI от Google.

Чтобы задать цвет фона элемента, используйте класс .bg-{COLOR}-{INTENSITY}, где {COLOR} - цвет, а {INTENCITY} - интенсивность от 50 до 900 с шагом 100 (после 100).

Чтобы задать цвет текста, используйте класс .text-{COLOR}-{INTENSITY}

Цвета тона 500 можно использовать без суффикса -500

Пример работы цветовых наборов

Вы можете менять цвет текста и фона наведения, используя те же имена классов с суффиксом -h, в случае с префиксом -i, класс будет первостепенно иметь префикс -h, а уже затем -i, например .bg-blue-gray-h-i