/** * ثيمات الواجهة — يُفعَّل عبر data-ui-theme على * لون التمييز --primary يُحدَّد من الإعدادات (theme_color) بعد هذا الملف. */ html[data-ui-theme="emerald"] { --sidebar-bg: #134e4a; --sidebar-hover: #0d9488; --sidebar-text: #ccfbf1; --sidebar-active: #5eead4; --primary-dark: #0f766e; --primary-light: #14b8a6; --primary-lighter: #99f6e4; --primary-bg: #f0fdfa; --bg-main: #f1f5f9; --topbar-tint: rgba(13, 148, 136, 0.06); --lux-sidebar-deep: #0f172a; --lux-ink: #0f172a; --lux-parchment: #f8fafc; --lux-parchment-deep: #f1f5f9; --lux-gold-dim: rgba(13, 148, 136, 0.2); } html[data-ui-theme="ocean"] { --sidebar-bg: #0c4a6e; --sidebar-hover: #0369a1; --sidebar-text: #e0f2fe; --sidebar-active: #7dd3fc; --primary-dark: #0369a1; --primary-light: #0ea5e9; --primary-lighter: #bae6fd; --primary-bg: #f0f9ff; --bg-main: #f0f9ff; --topbar-tint: rgba(14, 165, 233, 0.08); --lux-sidebar-deep: #082f49; --lux-ink: #0c1929; --lux-parchment: #f8fafc; --lux-parchment-deep: #eff6ff; --lux-gold-dim: rgba(14, 165, 233, 0.22); } html[data-ui-theme="royal"] { --sidebar-bg: #3730a3; --sidebar-hover: #4f46e5; --sidebar-text: #e0e7ff; --sidebar-active: #a5b4fc; --primary-dark: #4338ca; --primary-light: #6366f1; --primary-lighter: #c7d2fe; --primary-bg: #eef2ff; --bg-main: #f5f3ff; --topbar-tint: rgba(99, 102, 241, 0.08); --lux-sidebar-deep: #1e1b4b; --lux-ink: #1e1b4b; --lux-parchment: #fafafa; --lux-parchment-deep: #f5f3ff; --lux-gold-dim: rgba(99, 102, 241, 0.2); } html[data-ui-theme="rose"] { --sidebar-bg: #9d174d; --sidebar-hover: #db2777; --sidebar-text: #fce7f3; --sidebar-active: #f9a8d4; --primary-dark: #be185d; --primary-light: #ec4899; --primary-lighter: #fbcfe8; --primary-bg: #fdf2f8; --bg-main: #fdf2f8; --topbar-tint: rgba(236, 72, 153, 0.07); --lux-sidebar-deep: #831843; --lux-ink: #1f2937; --lux-parchment: #fffafb; --lux-parchment-deep: #fce7f3; --lux-gold-dim: rgba(236, 72, 153, 0.18); } html[data-ui-theme="slate"] { --sidebar-bg: #334155; --sidebar-hover: #475569; --sidebar-text: #e2e8f0; --sidebar-active: #94a3b8; --primary-dark: #1e293b; --primary-light: #64748b; --primary-lighter: #cbd5e1; --primary-bg: #f8fafc; --bg-main: #f1f5f9; --topbar-tint: rgba(71, 85, 105, 0.08); --lux-sidebar-deep: #1e293b; --lux-ink: #0f172a; --lux-parchment: #f8fafc; --lux-parchment-deep: #f1f5f9; --lux-gold-dim: rgba(100, 116, 139, 0.2); } html[data-ui-theme="midnight"] { --sidebar-bg: #020617; --sidebar-hover: #1e293b; --sidebar-text: #cbd5e1; --sidebar-active: #38bdf8; --primary-dark: #0284c7; --primary-light: #0ea5e9; --primary-lighter: #7dd3fc; --primary-bg: #f0f9ff; --bg-main: #f1f5f9; --topbar-tint: rgba(14, 165, 233, 0.06); --lux-sidebar-deep: #020617; --lux-ink: #0f172a; --lux-parchment: #f8fafc; --lux-parchment-deep: #e2e8f0; --lux-gold-dim: rgba(56, 189, 248, 0.25); } /* حدود الشريط الجانبي — موحّدة لكل الثيمات */ html[data-ui-theme] { --lux-sidebar-border: rgba(255, 255, 255, 0.12); } html[data-ui-theme="amber"] { --sidebar-bg: #78350f; --sidebar-hover: #b45309; --sidebar-text: #fef3c7; --sidebar-active: #fcd34d; --primary-dark: #b45309; --primary-light: #d97706; --primary-lighter: #fde68a; --primary-bg: #fffbeb; --bg-main: #fffbeb; --topbar-tint: rgba(217, 119, 6, 0.08); --lux-sidebar-deep: #451a03; --lux-ink: #1c1917; --lux-parchment: #fffbf5; --lux-parchment-deep: #fef3c7; --lux-gold-dim: rgba(217, 119, 6, 0.22); }