flowbite
Version:
The most popular library of interactive components built with Tailwind CSS
116 lines (115 loc) • 3.58 kB
CSS
@theme {
--color-transparent: transparent;
--color-white: #ffffff;
--color-black: #000000;
--color-gray-50: #F9FAFB;
--color-gray-100: #F3F4F6;
--color-gray-200: #E5E7EB;
--color-gray-300: #D1D5DB;
--color-gray-400: #9CA3AF;
--color-gray-500: #6B7280;
--color-gray-600: #4B5563;
--color-gray-700: #374151;
--color-gray-800: #1F2937;
--color-gray-900: #111827;
--color-red-50: #FEF2F2;
--color-red-100: #FEE2E2;
--color-red-200: #FECACA;
--color-red-300: #FCA5A5;
--color-red-400: #F87171;
--color-red-500: #EF4444;
--color-red-600: #DC2626;
--color-red-700: #B91C1C;
--color-red-800: #991B1B;
--color-red-900: #7F1D1D;
--color-yellow-50: #FFFBEB;
--color-yellow-100: #FEF3C7;
--color-yellow-200: #FDE68A;
--color-yellow-300: #FCD34D;
--color-yellow-400: #FBBF24;
--color-yellow-500: #F59E0B;
--color-yellow-600: #D97706;
--color-yellow-700: #B45309;
--color-yellow-800: #92400E;
--color-yellow-900: #78350F;
--color-green-50: #ECFDF5;
--color-green-100: #D1FAE5;
--color-green-200: #A7F3D0;
--color-green-300: #6EE7B7;
--color-green-400: #34D399;
--color-green-500: #10B981;
--color-green-600: #059669;
--color-green-700: #047857;
--color-green-800: #065F46;
--color-green-900: #064E3B;
--color-blue-50: #EFF6FF;
--color-blue-100: #DBEAFE;
--color-blue-200: #BFDBFE;
--color-blue-300: #93C5FD;
--color-blue-400: #60A5FA;
--color-blue-500: #3B82F6;
--color-blue-600: #2563EB;
--color-blue-700: #1D4ED8;
--color-blue-800: #1E40AF;
--color-blue-900: #1E3A8A;
--color-indigo-50: #EEF2FF;
--color-indigo-100: #E0E7FF;
--color-indigo-200: #C7D2FE;
--color-indigo-300: #A5B4FC;
--color-indigo-400: #818CF8;
--color-indigo-500: #6366F1;
--color-indigo-600: #4F46E5;
--color-indigo-700: #4338CA;
--color-indigo-800: #3730A3;
--color-indigo-900: #312E81;
--color-purple-50: #F5F3FF;
--color-purple-100: #EDE9FE;
--color-purple-200: #DDD6FE;
--color-purple-300: #C4B5FD;
--color-purple-400: #A78BFA;
--color-purple-500: #8B5CF6;
--color-purple-600: #7C3AED;
--color-purple-700: #6D28D9;
--color-purple-800: #5B21B6;
--color-purple-900: #4C1D95;
--color-pink-50: #FDF2F8;
--color-pink-100: #FCE7F3;
--color-pink-200: #FBCFE8;
--color-pink-300: #F9A8D4;
--color-pink-400: #F472B6;
--color-pink-500: #EC4899;
--color-pink-600: #DB2777;
--color-pink-700: #BE185D;
--color-pink-800: #9D174D;
--color-pink-900: #831843;
--color-orange-50: #FFFAF0;
--color-orange-100: #FEEBC8;
--color-orange-200: #FBD38D;
--color-orange-300: #F6AD55;
--color-orange-400: #ED8936;
--color-orange-500: #DD6B20;
--color-orange-600: #C05621;
--color-orange-700: #9C4221;
--color-orange-800: #7B341E;
--color-orange-900: #652B19;
--color-cyan-50: #ECFEFF;
--color-cyan-100: #CFFAFE;
--color-cyan-200: #A5F3FC;
--color-cyan-300: #67E8F9;
--color-cyan-400: #22D3EE;
--color-cyan-500: #06B6D4;
--color-cyan-600: #0891B2;
--color-cyan-700: #0E7490;
--color-cyan-800: #155E75;
--color-cyan-900: #164E63;
--color-teal-50: #F0FDFA;
--color-teal-100: #CCFBF1;
--color-teal-200: #99F6E4;
--color-teal-300: #5EEAD4;
--color-teal-400: #2DD4BF;
--color-teal-500: #14B8A6;
--color-teal-600: #0D9488;
--color-teal-700: #0F766E;
--color-teal-800: #115E59;
--color-teal-900: #134E4A;
}