Цветовые наборы
PipUI дает возможность менять цвет текста и фона без необходимости изменять CSS стили. Для этого в нем заготовлены специальные классы, а палитра выбрана на основе Material UI от Google. Все доступные цвета представлены ниже. Тона цвета 500 можно использовать без суффикса
Цвета фона - Red
.bg-red-50
.bg-red-100
.bg-red-200
.bg-red-300
.bg-red-400
.bg-red-500
.bg-red-600
.bg-red-700
.bg-red-800
.bg-red-900
Цвета фона - Pink
.bg-pink-50
.bg-pink-100
.bg-pink-200
.bg-pink-300
.bg-pink-400
.bg-pink-500
.bg-pink-600
.bg-pink-700
.bg-pink-800
.bg-pink-900
Цвета фона - Purple
.bg-purple-50
.bg-purple-100
.bg-purple-200
.bg-purple-300
.bg-purple-400
.bg-purple-500
.bg-purple-600
.bg-purple-700
.bg-purple-800
.bg-purple-900
Цвета фона - Deep Purple
.bg-deep-purple-50
.bg-deep-purple-100
.bg-deep-purple-200
.bg-deep-purple-300
.bg-deep-purple-400
.bg-deep-purple-500
.bg-deep-purple-600
.bg-deep-purple-700
.bg-deep-purple-800
.bg-deep-purple-900
Цвета фона - Indigo
.bg-indigo-50
.bg-indigo-100
.bg-indigo-200
.bg-indigo-300
.bg-indigo-400
.bg-indigo-500
.bg-indigo-600
.bg-indigo-700
.bg-indigo-800
.bg-indigo-900
Цвета фона - Blue
.bg-blue-50
.bg-blue-100
.bg-blue-200
.bg-blue-300
.bg-blue-400
.bg-blue-500
.bg-blue-600
.bg-blue-700
.bg-blue-800
.bg-blue-900
Цвета фона - Light Blue
.bg-light-blue-50
.bg-light-blue-100
.bg-light-blue-200
.bg-light-blue-300
.bg-light-blue-400
.bg-light-blue-500
.bg-light-blue-600
.bg-light-blue-700
.bg-light-blue-800
.bg-light-blue-900
Цвета фона - Cyan
.bg-cyan-50
.bg-cyan-100
.bg-cyan-200
.bg-cyan-300
.bg-cyan-400
.bg-cyan-500
.bg-cyan-600
.bg-cyan-700
.bg-cyan-800
.bg-cyan-900
Цвета фона - Teal
.bg-teal-50
.bg-teal-100
.bg-teal-200
.bg-teal-300
.bg-teal-400
.bg-teal-500
.bg-teal-600
.bg-teal-700
.bg-teal-800
.bg-teal-900
Цвета фона - Green
.bg-green-50
.bg-green-100
.bg-green-200
.bg-green-300
.bg-green-400
.bg-green-500
.bg-green-600
.bg-green-700
.bg-green-800
.bg-green-900
Цвета фона - Light Green
.bg-light-green-50
.bg-light-green-100
.bg-light-green-200
.bg-light-green-300
.bg-light-green-400
.bg-light-green-500
.bg-light-green-600
.bg-light-green-700
.bg-light-green-800
.bg-light-green-900
Цвета фона - Lime
.bg-lime-50
.bg-lime-100
.bg-lime-200
.bg-lime-300
.bg-lime-400
.bg-lime-500
.bg-lime-600
.bg-lime-700
.bg-lime-800
.bg-lime-900
Цвета фона - Yellow
.bg-yellow-50
.bg-yellow-100
.bg-yellow-200
.bg-yellow-300
.bg-yellow-400
.bg-yellow-500
.bg-yellow-600
.bg-yellow-700
.bg-yellow-800
.bg-yellow-900
Цвета фона - Amber
.bg-amber-50
.bg-amber-100
.bg-amber-200
.bg-amber-300
.bg-amber-400
.bg-amber-500
.bg-amber-600
.bg-amber-700
.bg-amber-800
.bg-amber-900
Цвета фона - Orange
.bg-orange-50
.bg-orange-100
.bg-orange-200
.bg-orange-300
.bg-orange-400
.bg-orange-500
.bg-orange-600
.bg-orange-700
.bg-orange-800
.bg-orange-900
Цвета фона - Deep Orange
.bg-deep-orange-50
.bg-deep-orange-100
.bg-deep-orange-200
.bg-deep-orange-300
.bg-deep-orange-400
.bg-deep-orange-500
.bg-deep-orange-600
.bg-deep-orange-700
.bg-deep-orange-800
.bg-deep-orange-900
Цвета фона - Brown
.bg-brown-50
.bg-brown-100
.bg-brown-200
.bg-brown-300
.bg-brown-400
.bg-brown-500
.bg-brown-600
.bg-brown-700
.bg-brown-800
.bg-brown-900
Цвета фона - Gray
.bg-gray-50
.bg-gray-100
.bg-gray-200
.bg-gray-300
.bg-gray-400
.bg-gray-500
.bg-gray-600
.bg-gray-700
.bg-gray-800
.bg-gray-900
Цвета фона - Blue Gray
.bg-blue-gray-50
.bg-blue-gray-100
.bg-blue-gray-200
.bg-blue-gray-300
.bg-blue-gray-400
.bg-blue-gray-500
.bg-blue-gray-600
.bg-blue-gray-700
.bg-blue-gray-800
.bg-blue-gray-900
Черно-белые тона
Цвет текста
Цвет текста меняется по тому же принципу, что и фон, только вместо префикса .bg- следует использовать префикс .text-
Вы можете менять цвет текста и фона наведения, используя те же имена классов с суффиксом -h, в случае с префиксом -i, класс будет первостепенно иметь префикс -h, а уже затем -i, например .bg-blue-gray-h-i