Color
TailPro using default Tilwindcss pallet for our main color.
Skin colors
Tailpro is supported dark mode version. Very simple to activate dark mode, just add .dark classes in html code.
<!doctype html>
<html lang="en" class="dark" dir="ltr">
For more information about dark mode, please read on here https://tailwindcss.com/
Theme colors
We use a subset of Tailwindcss color palette for generating color schemes.
You can use text or bg before color like this text-gray-100 or bg-primary-700
Heading color
-gray-800
Body color
-gray-700
Lead and muted
-gray-600
Text light
-gray-100
Border light
-gray-200
Primary
-primary-700
Success
-green-700
Warning
-yellow-300
Danger
-red-700
Info
-primary-400
Primary:hover
-primary-800
Success:hover
-green-800
Warning:hover
-yellow-400
Danger:hover
-red-800
Info:hover
-primary-500
Dark
-gray-900
Light
-light-50
Black
-black
White
-white
Code
-pink-700
More complete color can see in Official Tailwindcss