'#f97316', // Vibrant orange accents for dark mode
'primary-hover' => '#ea580c',
'bg' => '#0f172a', // Slate-900
'card-bg' => '#1e293b', // Slate-800
'text' => '#f8fafc', // Slate-50
'text-secondary' => '#94a3b8', // Slate-400
'border' => '#334155', // Slate-700
'header-bg' => '#1e293b', // Dark slate header
];
case 'blue':
return [
'primary' => '#2563eb', // Luxury tech blue
'primary-hover' => '#1d4ed8',
'bg' => '#f8fafc', // Slate-50 light
'card-bg' => '#ffffff',
'text' => '#1e293b',
'text-secondary' => '#64748b',
'border' => '#cbd5e1',
'header-bg' => '#1e3a8a', // Royal blue header
];
case 'shopee':
default:
return [
'primary' => '#ee4d2d', // Shopee traditional orange-red
'primary-hover' => '#d83f20',
'bg' => '#f5f5f5', // Light gray bg
'card-bg' => '#ffffff',
'text' => '#1f2937', // Slate-800
'text-secondary' => '#6b7280', // Gray-500
'border' => '#e5e7eb', // Gray-200
'header-bg' => '#ee4d2d',
];
}
}
/**
* Inject the Tailwind configurations and styling variables
*/
function injectThemeStyles() {
$vars = getThemeVars();
$theme = $_SESSION['theme'] ?? 'shopee';
$isDark = ($theme === 'dark') ? 'true' : 'false';
?>
'🍊 สีส้ม Shopee',
'dark' => '🌙 โหมดมืด (Dark)',
'blue' => '💎 สีน้ำเงินหรูหรา'
];
?>