| bg-red-100 |
background-color: #fee2e2; |
|
| bg-red-200 |
background-color: #fecaca; |
|
| bg-red-300 |
background-color: #fca5a5; |
|
| bg-red-400 |
background-color: #f87171; |
|
| bg-red-500 |
background-color: #ef4444; |
|
| bg-red-600 |
background-color: #dc2626; |
|
| bg-red-700 |
background-color: #b91c1c; |
|
| bg-red-800 |
background-color: #991b1b; |
|
| bg-red-900 |
background-color: #7f1d1d; |
|
| bg-blue-100 |
background-color: #dbeafe; |
|
| bg-blue-200 |
background-color: #bfdbfe; |
|
| bg-blue-300 |
background-color: #93c5fd; |
|
| bg-blue-400 |
background-color: #60a5fa; |
|
| bg-blue-500 |
background-color: #3b82f6; |
|
| bg-blue-600 |
background-color: #2563eb; |
|
| bg-blue-700 |
background-color: #1d4ed8; |
|
| bg-blue-800 |
background-color: #1e40af; |
|
| bg-blue-900 |
background-color: #1e3a8a; |
|
| bg-green-100 |
background-color: #d1fae5; |
|
| bg-green-200 |
background-color: #a7f3d0; |
|
| bg-green-300 |
background-color: #6ee7b7; |
|
| bg-green-400 |
background-color: #34d399; |
|
| bg-green-500 |
background-color: #10b981; |
|
| bg-green-600 |
background-color: #059669; |
|
| bg-green-700 |
background-color: #047857; |
|
| bg-green-800 |
background-color: #065f46; |
|
| bg-green-900 |
background-color: #064e3b; |
|
| bg-yellow-100 |
background-color: #fef9c3; |
|
| bg-yellow-200 |
background-color: #fef08a; |
|
| bg-yellow-300 |
background-color: #fde047; |
|
| bg-yellow-400 |
background-color: #facc15; |
|
| bg-yellow-500 |
background-color: #eab308; |
|
| bg-yellow-600 |
background-color: #ca8a04; |
|
| bg-yellow-700 |
background-color: #a16207; |
|
| bg-yellow-800 |
background-color: #854d0e; |
|
| bg-yellow-900 |
background-color: #713f12; |
|
| bg-purple-100 |
background-color: #f3e8ff; |
|
| bg-purple-200 |
background-color: #e9d5ff; |
|
| bg-purple-300 |
background-color: #d8b4fe; |
|
| bg-purple-400 |
background-color: #c084fc; |
|
| bg-purple-500 |
background-color: #a855f7; |
|
| bg-purple-600 |
background-color: #9333ea; |
|
| bg-purple-700 |
background-color: #7e22ce; |
|
| bg-purple-800 |
background-color: #6b21a8; |
|
| bg-purple-900 |
background-color: #581c87; |
|
| bg-pink-100 |
background-color: #fce7f3; |
|
| bg-pink-200 |
background-color: #fbcfe8; |
|
| bg-pink-300 |
background-color: #f9a8d4; |
|
| bg-pink-400 |
background-color: #f472b6; |
|
| bg-pink-500 |
background-color: #ec4899; |
|
| bg-pink-600 |
background-color: #db2777; |
|
| bg-pink-700 |
background-color: #be185d; |
|
| bg-pink-800 |
background-color: #9d174d; |
|
| bg-pink-900 |
background-color: #831843; |
|
| bg-gray-100 |
background-color: #f3f4f6; |
|
| bg-gray-200 |
background-color: #e5e7eb; |
|
| bg-gray-300 |
background-color: #d1d5db; |
|
| bg-gray-400 |
background-color: #9ca3af; |
|
| bg-gray-500 |
background-color: #6b7280; |
|
| bg-gray-600 |
background-color: #4b5563; |
|
| bg-gray-700 |
background-color: #374151; |
|
| bg-gray-800 |
background-color: #1f2937; |
|
| bg-gray-900 |
background-color: #111827; |
|
| bg-orange-100 |
background-color: #ffedd5; |
|
| bg-orange-200 |
background-color: #fed7aa; |
|
| bg-orange-300 |
background-color: #fdba74; |
|
| bg-orange-400 |
background-color: #fb923c; |
|
| bg-orange-500 |
background-color: #f97316; |
|
| bg-orange-600 |
background-color: #ea580c; |
|
| bg-orange-700 |
background-color: #c2410c; |
|
| bg-orange-800 |
background-color: #9a3412; |
|
| bg-orange-900 |
background-color: #7c2d12; |
|
| bg-lime-100 |
background-color: #ecfccb; |
|
| bg-lime-200 |
background-color: #d9f99d; |
|
| bg-lime-300 |
background-color: #bef264; |
|
| bg-lime-400 |
background-color: #a3e635; |
|
| bg-lime-500 |
background-color: #84cc16; |
|
| bg-lime-600 |
background-color: #65a30d; |
|
| bg-lime-700 |
background-color: #4d7c0f; |
|
| bg-lime-800 |
background-color: #3f6212; |
|
| bg-lime-900 |
background-color: #365314; |
|
| bg-teal-100 |
background-color: #ccfbf1; |
|
| bg-teal-200 |
background-color: #99f6e4; |
|
| bg-teal-300 |
background-color: #5eead4; |
|
| bg-teal-400 |
background-color: #2dd4bf; |
|
| bg-teal-500 |
background-color: #14b8a6; |
|
| bg-teal-600 |
background-color: #0d9488; |
|
| bg-teal-700 |
background-color: #0f766e; |
|
| bg-teal-800 |
background-color: #115e59; |
|
| bg-teal-900 |
background-color: #134e4a; |
|
| bg-cyan-100 |
background-color: #cffafe; |
|
| bg-cyan-200 |
background-color: #a5f3fc; |
|
| bg-cyan-300 |
background-color: #67e8f9; |
|
| bg-cyan-400 |
background-color: #22d3ee; |
|
| bg-cyan-500 |
background-color: #06b6d4; |
|
| bg-cyan-600 |
background-color: #0891b2; |
|
| bg-cyan-700 |
background-color: #0e7490; |
|
| bg-cyan-800 |
background-color: #155e75; |
|
| bg-cyan-900 |
background-color: #164e63; |
|
| bg-indigo-100 |
background-color: #e0e7ff; |
|
| bg-indigo-200 |
background-color: #c7d2fe; |
|
| bg-indigo-300 |
background-color: #a5b4fc; |
|
| bg-indigo-400 |
background-color: #818cf8; |
|
| bg-indigo-500 |
background-color: #6366f1; |
|
| bg-indigo-600 |
background-color: #4f46e5; |
|
| bg-indigo-700 |
background-color: #4338ca; |
|
| bg-indigo-800 |
background-color: #3730a3; |
|
| bg-indigo-900 |
background-color: #312e81; |
|
| bg-amber-100 |
background-color: #fef3c7; |
|
| bg-amber-200 |
background-color: #fde68a; |
|
| bg-amber-300 |
background-color: #fcd34d; |
|
| bg-amber-400 |
background-color: #fbbf24; |
|
| bg-amber-500 |
background-color: #f59e0b; |
|
| bg-amber-600 |
background-color: #d97706; |
|
| bg-amber-700 |
background-color: #b45309; |
|
| bg-amber-800 |
background-color: #92400e; |
|
| bg-amber-900 |
background-color: #78350f; |
|
| bg-emerald-100 |
background-color: #d1fae5; |
|
| bg-emerald-200 |
background-color: #a7f3d0; |
|
| bg-emerald-300 |
background-color: #6ee7b7; |
|
| bg-emerald-400 |
background-color: #34d399; |
|
| bg-emerald-500 |
background-color: #10b981; |
|
| bg-emerald-600 |
background-color: #059669; |
|
| bg-emerald-700 |
background-color: #047857; |
|
| bg-emerald-800 |
background-color: #065f46; |
|
| bg-emerald-900 |
background-color: #064e3b; |
|
| bg-fuchsia-100 |
background-color: #fae8ff; |
|
| bg-fuchsia-200 |
background-color: #f5d0fe; |
|
| bg-fuchsia-300 |
background-color: #f0abfc; |
|
| bg-fuchsia-400 |
background-color: #e879f9; |
|
| bg-fuchsia-500 |
background-color: #d946ef; |
|
| bg-fuchsia-600 |
background-color: #c026d3; |
|
| bg-fuchsia-700 |
background-color: #a21caf; |
|
| bg-fuchsia-800 |
background-color: #86198f; |
|
| bg-fuchsia-900 |
background-color: #701a75; |
|
| bg-rose-100 |
background-color: #ffe4e6; |
|
| bg-rose-200 |
background-color: #fecdd3; |
|
| bg-rose-300 |
background-color: #fda4af; |
|
| bg-rose-400 |
background-color: #fb7185; |
|
| bg-rose-500 |
background-color: #f43f5e; |
|
| bg-rose-600 |
background-color: #e11d48; |
|
| bg-rose-700 |
background-color: #be123c; |
|
| bg-rose-800 |
background-color: #9f1239; |
|
| bg-rose-900 |
background-color: #881337; |
|
| bg-sky-100 |
background-color: #e0f2fe; |
|
| bg-sky-200 |
background-color: #bae6fd; |
|
| bg-sky-300 |
background-color: #7dd3fc; |
|
| bg-sky-400 |
background-color: #38bdf8; |
|
| bg-sky-500 |
background-color: #0ea5e9; |
|
| bg-sky-600 |
background-color: #0284c7; |
|
| bg-sky-700 |
background-color: #0369a1; |
|
| bg-sky-800 |
background-color: #075985; |
|
| bg-sky-900 |
background-color: #0c4a6e; |
|
| bg-violet-100 |
background-color: #f5f3ff; |
|
| bg-violet-200 |
background-color: #ede9fe; |
|
| bg-violet-300 |
background-color: #ddd6fe; |
|
| bg-violet-400 |
background-color: #c4b5fd; |
|
| bg-violet-500 |
background-color: #a78bfa; |
|
| bg-violet-600 |
background-color: #8b5cf6; |
|
| bg-violet-700 |
background-color: #7c3aed; |
|
| bg-violet-800 |
background-color: #6d28d9; |
|
| bg-violet-900 |
background-color: #5b21b6; |
|
| bg-stone-100 |
background-color: #f5f5f4; |
|
| bg-stone-200 |
background-color: #e7e5e4; |
|
| bg-stone-300 |
background-color: #d6d3d1; |
|
| bg-stone-400 |
background-color: #a8a29e; |
|
| bg-stone-500 |
background-color: #78716c; |
|
| bg-stone-600 |
background-color: #57534e; |
|
| bg-stone-700 |
background-color: #44403c; |
|
| bg-stone-800 |
background-color: #292524; |
|
| bg-stone-900 |
background-color: #1c1917; |
|
| bg-zinc-100 |
background-color: #f4f4f5; |
|
| bg-zinc-200 |
background-color: #e4e4e7; |
|
| bg-zinc-300 |
background-color: #d4d4d8; |
|
| bg-zinc-400 |
background-color: #a1a1aa; |
|
| bg-zinc-500 |
background-color: #71717a; |
|
| bg-zinc-600 |
background-color: #52525b; |
|
| bg-zinc-700 |
background-color: #3f3f46; |
|
| bg-zinc-800 |
background-color: #27272a; |
|
| bg-zinc-900 |
background-color: #18181b; |
|
| bg-neutral-100 |
background-color: #f5f5f5; |
|
| bg-neutral-200 |
background-color: #e5e5e5; |
|
| bg-neutral-300 |
background-color: #d4d4d4; |
|
| bg-neutral-400 |
background-color: #a3a3a3; |
|
| bg-neutral-500 |
background-color: #737373; |
|
| bg-neutral-600 |
background-color: #525252; |
|
| bg-neutral-700 |
background-color: #404040; |
|
| bg-neutral-800 |
background-color: #262626; |
|
| bg-neutral-900 |
background-color: #171717; |
|
| bg-slate-100 |
background-color: #f1f5f9; |
|
| bg-slate-200 |
background-color: #e2e8f0; |
|
| bg-slate-300 |
background-color: #cbd5e1; |
|
| bg-slate-400 |
background-color: #94a3b8; |
|
| bg-slate-500 |
background-color: #64748b; |
|
| bg-slate-600 |
background-color: #475569; |
|
| bg-slate-700 |
background-color: #334155; |
|
| bg-slate-800 |
background-color: #1e293b; |
|
| bg-slate-900 |
background-color: #0f172a; |
|
| Clases personalizadas |
| bg-[#ff6347] |
background-color: #ff6347; |
|
| bg-[rgb(30,144,255)] |
background-color: rgb(30, 144, 255); |
|
| bg-[hsl(0,100%,70%)] |
background-color: hsl(0, 100%, 70%); |
|
| bg-[rebeccapurple] |
background-color: rebeccapurple; |
|