/* |------------------------------------------------------------------ | ملف تعريف الثيمات المتعددة للمكتبة | يسمح هذا الملف بتغيير مظهر الموقع ديناميكياً عبر تعيين خاصية | data-theme على عنصر أو . | الثيمات المتوفرة حالياً: | 1. light : ثيم فاتح افتراضي | 2. dark : ثيم داكن احترافي | 3. modern : ثيم حديث بألوان أرجوانية/فيروزية | 4. sepia : ثيم يشبه ورق الكتب القديمة |------------------------------------------------------------------ */ /* متغيرات الثيم الافتراضي (light) */ :root { --bg-color: #ffffff; --bg-card: #f8f9fa; --text-color: #212529; --primary-color: #009688; --secondary-color: #607d8b; --border-color: #dee2e6; --link-color: #007bff; --shadow-color: rgba(0, 0, 0, 0.1); /* متغيرات إضافية من الثيم الداكن السابق */ --accent-color: #c5a880; /* ذهبي فاتح افتراضي */ --bg-hover: #e9ecef; --crumb-home-bg: var(--accent-color); --crumb-main-bg: var(--secondary-color); --crumb-sub-bg: #ffe57f; --crumb-current-bg: var(--bg-hover); --text-muted: #767676; --shelf-color: #8B4513; /* لون رف الكتب الافتراضي */ --bg-dark: #ffffff; --bg-dark-lighter: #f0f0f0; --text-primary: #212529; --text-secondary: #495057; } /* ثيم داكن احترافي */ [data-theme="dark"] { --bg-color: #121212; --bg-card: #1e1e1e; --text-color: #e0e0e0; --primary-color: #00bcd4; --secondary-color: #424242; --border-color: #2c2c2c; --link-color: #03a9f4; --shadow-color: rgba(0, 0, 0, 0.6); --bg-dark: #121212; --bg-dark-lighter: #1e1e1e; --text-primary: #e0e0e0; --text-secondary: #b0b0b0; --shelf-color: #424242; } /* ثيم حديث بألوان أرجوانية/فيروزية */ [data-theme="modern"] { --bg-color: #f4f5ff; --bg-card: #ffffff; --text-color: #33334d; --primary-color: #7c4dff; --secondary-color: #18ffff; --border-color: #d6d7ff; --link-color: #651fff; --shadow-color: rgba(124, 77, 255, 0.25); --bg-dark: #eaeaff; --bg-dark-lighter: #d6d7ff; --text-primary: #33334d; --text-secondary: #4f4f66; --shelf-color: #5e35b1; } /* ثيم سيبيا مستوحى من الكتب الورقية القديمة */ [data-theme="sepia"] { --bg-color: #f5ecd9; --bg-card: #faf5e6; --text-color: #5b4636; --primary-color: #c19a6b; --secondary-color: #8b6f47; --border-color: #e5dcc7; --link-color: #b58958; --shadow-color: rgba(91, 70, 54, 0.25); --bg-dark: #f1e7d2; --bg-dark-lighter: #ede3ce; --text-primary: #5b4636; --text-secondary: #7a5f4b; --shelf-color: #a66a3a; } /* ثيم المحيط (ocean) */ [data-theme="ocean"] { --bg-color: #e0f7fa; --bg-card: #ffffff; --text-color: #004d40; --primary-color: #00acc1; --secondary-color: #00796b; --border-color: #b2ebf2; --link-color: #00838f; --shadow-color: rgba(0, 150, 136, 0.25); --bg-dark: #e0f7fa; --bg-dark-lighter: #b2ebf2; --text-primary: #004d40; --text-secondary: #00695c; --shelf-color: #006064; } /* ثيم الغابة (forest) */ [data-theme="forest"] { --bg-color: #edf7ed; --bg-card: #ffffff; --text-color: #2e4600; --primary-color: #4caf50; --secondary-color: #795548; --border-color: #c8e6c9; --link-color: #2e7d32; --shadow-color: rgba(46, 70, 0, 0.25); --bg-dark: #e8f5e9; --bg-dark-lighter: #c8e6c9; --text-primary: #2e4600; --text-secondary: #455a32; --shelf-color: #4e342e; } /* ثيم الورود (rose) */ [data-theme="rose"] { --bg-color: #fff0f6; --bg-card: #ffffff; --text-color: #880e4f; --primary-color: #ec407a; --secondary-color: #ab47bc; --border-color: #f8bbd0; --link-color: #c2185b; --shadow-color: rgba(136, 14, 79, 0.25); --bg-dark: #fce4ec; --bg-dark-lighter: #f8bbd0; --text-primary: #880e4f; --text-secondary: #ad1457; --shelf-color: #880e4f; } /* ثيم الغروب (sunset) */ [data-theme="sunset"] { --bg-color: #fff3e0; --bg-card: #ffffff; --text-color: #e65100; --primary-color: #ff7043; --secondary-color: #f4511e; --border-color: #ffe0b2; --link-color: #ef6c00; --shadow-color: rgba(230, 81, 0, 0.25); --bg-dark: #ffecb3; --bg-dark-lighter: #ffe0b2; --text-primary: #e65100; --text-secondary: #ff6f00; --shelf-color: #a84300; } /* ثيم منتصف الليل (midnight) */ [data-theme="midnight"] { --bg-color: #0d1017; --bg-card: #161b22; --text-color: #c9d1d9; --primary-color: #58a6ff; --secondary-color: #1f6feb; --border-color: #30363d; --link-color: #58a6ff; --shadow-color: rgba(0, 0, 0, 0.6); --bg-dark: #0d1017; --bg-dark-lighter: #161b22; --text-primary: #c9d1d9; --text-secondary: #8b949e; --shelf-color: #30363d; } /* ثيم النهضة */ [data-theme="nahda"] { --bg-color: #ffffff; --bg-card: #f8f9fa; --text-color: #246A85; --primary-color: #246A85; --secondary-color: #C6AD8F; --border-color: #e0e0e0; --link-color: #246A85; --shadow-color: rgba(36, 106, 133, 0.18); --bg-dark: #ffffff; --bg-dark-lighter: #f0f4f7; --text-primary: #246A85; --text-secondary: #5a5a5a; --shelf-color: #C6AD8F; } /* ثيم cyberpunk */ [data-theme="cyberpunk"] { --bg-color: #050505; --bg-card: #111111; --text-color: #e0e0e0; --primary-color: #ff00ff; --secondary-color: #00eaff; --border-color: #333; --link-color: #ff00ff; --shadow-color: rgba(255, 0, 255, 0.3); --bg-dark: #050505; --bg-dark-lighter: #111111; --text-primary: #e0e0e0; --text-secondary: #bbbbbb; --shelf-color: #ff00ff; } /* عناصر عامة تستخدم المتغيّرات */ body { background-color: var(--bg-color); /* خلفية الصفحة الرئيسية */ color: var(--text-color); /* لون النص الأساسي */ font-family: 'Cairo', sans-serif; /* خط افتراضي للقالب */ transition: background-color 0.3s ease, color 0.3s ease; /* انتقال سلس عند تغيير الثيم */ } .card, .navbar, .footer, .modal-content { background-color: var(--bg-card); /* خلفية البطاقات والمكونات */ border-color: var(--border-color); /* لون الإطار وفق الثيم */ box-shadow: 0 2px 6px var(--shadow-color); /* ظل خفيف موحد */ transition: background-color 0.3s ease, box-shadow 0.3s ease; /* سلاسة التغيير */ } a { color: var(--link-color); /* لون الروابط حسب الثيم */ transition: color 0.3s ease; /* تغيير سلس عند التحويم */ } a:hover { opacity: 0.85; /* خفض الشفافية لتوضيح التحويم */ } .btn-primary { background-color: var(--primary-color); /* خلفية الزر الأساسي */ border-color: var(--primary-color); /* إطار بنفس اللون */ color: #fff; /* نص أبيض */ } .btn-secondary { background-color: var(--secondary-color); /* خلفية الزر الثانوي */ border-color: var(--secondary-color); /* إطار مطابق */ color: #fff; /* نص أبيض */ } .btn-primary:hover, .btn-secondary:hover { opacity: 0.9; /* خفض الشفافية عند التحويم لإبراز الزر */ }