/** * Admin shell theme (หลังบ้าน) — ควบคุมด้วย data-admin-theme บน * ค่า: light | dark */ html[data-admin-theme="dark"] { color-scheme: dark; } html[data-admin-theme="dark"] body { background-color: #0f1214; color: #e7e8e9; } /* Root app shell */ html[data-admin-theme="dark"] #app .min-h-full.bg-surface { background-color: #121518 !important; color: #e7e8e9 !important; } html[data-admin-theme="dark"] #app .text-on-background { color: #e7e8e9 !important; } html[data-admin-theme="dark"] #app .bg-surface-container-lowest { background-color: #161a1d !important; } html[data-admin-theme="dark"] #app .bg-white { background-color: #1a1f24 !important; color: #e7e8e9 !important; } html[data-admin-theme="dark"] #app .border-slate-100, html[data-admin-theme="dark"] #app .border-slate-200 { border-color: #2d3339 !important; } html[data-admin-theme="dark"] #app .text-slate-900 { color: #eceef0 !important; } html[data-admin-theme="dark"] #app .text-slate-800 { color: #dfe2e5 !important; } html[data-admin-theme="dark"] #app .text-slate-700, html[data-admin-theme="dark"] #app .text-slate-600 { color: #b8bdc4 !important; } html[data-admin-theme="dark"] #app .text-slate-500 { color: #8f969e !important; } html[data-admin-theme="dark"] #app .bg-slate-50 { background-color: #181c20 !important; } html[data-admin-theme="dark"] #app .bg-slate-100 { background-color: #1e2328 !important; } html[data-admin-theme="dark"] #app .hover\:bg-slate-50:hover, html[data-admin-theme="dark"] #app .hover\:bg-slate-100:hover { background-color: #252b32 !important; } /* Navbar */ html[data-admin-theme="dark"] header.border-b.border-slate-200 { border-color: #2d3339 !important; background-color: rgba(22, 26, 29, 0.92) !important; } /* Sidebar */ html[data-admin-theme="dark"] aside.bg-slate-100 { background-color: #14181b !important; } html[data-admin-theme="dark"] aside .border-slate-200 { border-color: #2d3339 !important; } html[data-admin-theme="dark"] aside .bg-white { background-color: #1a1f24 !important; } /* Inputs */ html[data-admin-theme="dark"] #app input, html[data-admin-theme="dark"] #app textarea, html[data-admin-theme="dark"] #app select { background-color: #1e2328 !important; border-color: #3d454d !important; color: #e7e8e9 !important; } /* หน้า public แบบไม่ล็อกอิน — คงพื้นขาว */ html[data-admin-theme="dark"] #app main.min-h-screen.bg-white { background-color: #ffffff !important; color: #191c1d !important; }