99 lines
2.6 KiB
PHP
99 lines
2.6 KiB
PHP
<?php
|
|
|
|
function tailwindColorToHex($tailwindColor)
|
|
{
|
|
$conversionMap = [
|
|
'red-200' => '#fecaca',
|
|
'orange-200' => '#fed7aa',
|
|
'amber-200' => '#fde68a',
|
|
'yellow-200' => '#fef08a',
|
|
'lime-200' => '#d9f99d',
|
|
'green-200' => '#bbf7d0',
|
|
'emerald-200' => '#a7f3d0',
|
|
'teal-200' => '#99f6e4',
|
|
'cyan-200' => '#a5f3fc',
|
|
'sky-200' => '#bae6fd',
|
|
'blue-200' => '#dbeafe',
|
|
'gray-200' => '#e5e7eb',
|
|
'indigo-200' => '#c7d2fe',
|
|
'violet-200' => '#ddd6fe',
|
|
'purple-200' => '#e9d5ff',
|
|
'fuchsia-200' => '#f5d0fe',
|
|
'pink-200' => '#fce7f3',
|
|
|
|
'red-300' => '#fca5a5',
|
|
'orange-300' => '#fdba74',
|
|
'amber-300' => '#fcd34d',
|
|
'yellow-300' => '#fde047',
|
|
'lime-300' => '#bef264',
|
|
'green-300' => '#86efac',
|
|
'emerald-300' => '#6ee7b7',
|
|
'teal-300' => '#5eead4',
|
|
'cyan-300' => '#67e8f9',
|
|
'sky-300' => '#7dd3fc',
|
|
'blue-300' => '#93c5fd',
|
|
'gray-300' => '#d1d5db',
|
|
'indigo-300' => '#a5b4fc',
|
|
'violet-300' => '#c4b5fd',
|
|
'purple-300' => '#d8b4fe',
|
|
'fuchsia-300' => '#f0abfc',
|
|
'pink-300' => '#f9a8d4',
|
|
|
|
'red-400' => '#f87171',
|
|
'orange-400' => '#fb923c',
|
|
'amber-400' => '#fbbf24',
|
|
'yellow-400' => '#facc15',
|
|
'lime-400' => '#a3e635',
|
|
'green-400' => '#4ade80',
|
|
'emerald-400' => '#34d399',
|
|
'teal-400' => '#2dd4bf',
|
|
'cyan-400' => '#22d3ee',
|
|
'sky-400' => '#60a5fa',
|
|
'blue-400' => '#60a5fa',
|
|
'gray-400' => '#9ca3af',
|
|
'violet-400' => '#a78bfa',
|
|
'indigo-400' => '#818cf8',
|
|
'purple-400' => '#c084fc',
|
|
'fuchsia-400' => '#e879f9',
|
|
'pink-400' => '#f472b6',
|
|
|
|
'red-600' => '#dc2626',
|
|
'orange-600' => '#ea580c',
|
|
'amber-600' => '#d97706',
|
|
'yellow-600' => '#ca8a04',
|
|
'lime-600' => '#65a30d',
|
|
'green-600' => '#16a34a',
|
|
'emerald-600' => '#059669',
|
|
'teal-600' => '#0d9488',
|
|
'cyan-600' => '#0891b2',
|
|
'sky-600' => '#0284c7',
|
|
'blue-600' => '#2563eb',
|
|
'gray-600' => '#4b5563',
|
|
'indigo-600' => '#4f46e5',
|
|
'violet-600' => '#7c3aed',
|
|
'purple-600' => '#9333ea',
|
|
'fuchsia-600' => '#c026d3',
|
|
'pink-600' => '#db2777',
|
|
|
|
'red-800' => '#991b1b',
|
|
'orange-800' => '#9a3412',
|
|
'amber-800' => '#92400e',
|
|
'yellow-800' => '#854d0e',
|
|
'lime-800' => '#3f6212',
|
|
'green-800' => '#166534',
|
|
'emerald-800' => '#065f46',
|
|
'teal-800' => '#115e59',
|
|
'cyan-800' => '#155e63',
|
|
'sky-800' => '#075985',
|
|
'blue-800' => '#1e40af',
|
|
'gray-800' => '#1f2937',
|
|
'indigo-800' => '#3730a3',
|
|
'violet-800' => '#5b21b6',
|
|
'purple-800' => '#6b21a8',
|
|
'fuchsia-800' => '#86198f',
|
|
'pink-800' => '#9d174d',
|
|
];
|
|
|
|
// Return the HEX value
|
|
return $conversionMap[$tailwindColor] ?? null;
|
|
} |