سامي بوڨيلة: 03/17/17

"'''

(function() { // 1. تعريف مجموعات الألوان المتناسقة (كل مجموعة هي "هوية" كاملة) const themes = [ { name: "Cyberpunk", bg: "#050505", txt: "#e0e0e0", acc: "#00ffd5", muted: "#1a1a1a" }, { name: "Deep Sea", bg: "#0d1b2a", txt: "#e0e1dd", acc: "#4cc9f0", muted: "#1b263b" }, { name: "Forest Night", bg: "#1b4332", txt: "#d8f3dc", acc: "#95d5b2", muted: "#081c15" }, { name: "Industrial", bg: "#2b2d42", txt: "#edf2f4", acc: "#ef233c", muted: "#8d99ae" }, { name: "Luxury Gold", bg: "#1c1c1c", txt: "#f5f5f5", acc: "#d4af37", muted: "#333333" }, { name: "Midnight Purple", bg: "#240046", txt: "#ff9e00", acc: "#c77dff", muted: "#3c096c" } ]; function applyTheme() { // التحقق مما إذا كان هناك سمة مختارة مسبقاً في هذه الجلسة let selectedTheme; const savedTheme = sessionStorage.getItem('current_site_theme'); if (savedTheme) { selectedTheme = JSON.parse(savedTheme); } else { // اختيار عشوائي لمجموعة متناسقة selectedTheme = themes[Math.floor(Math.random() * themes.length)]; sessionStorage.setItem('current_site_theme', JSON.stringify(selectedTheme)); } // 2. إنشاء ستايل يعتمد على المتغيرات (CSS Variables) لسهولة التعديل const style = document.createElement('style'); style.id = 'dynamic-coordinated-theme'; style.innerHTML = ` :root { --bg-color: ${selectedTheme.bg}; --text-color: ${selectedTheme.txt}; --accent-color: ${selectedTheme.acc}; --muted-color: ${selectedTheme.muted}; } /* تطبيق الألوان على العناصر الأساسية */ body, .main-outer, .footer-outer { background-color: var(--bg-color) !important; color: var(--text-color) !important; } /* العناوين والروابط */ h1, h2, h3, a, .post-title, .title { color: var(--accent-color) !important; } /* النصوص الجانبية أو الأقل أهمية */ .sidebar, .description, .post-footer { color: var(--text-color) !important; opacity: 0.9; } /* الحواجز والخطوط الفاصلة */ hr, .border, .widget { border-color: var(--muted-color) !important; } /* الأزرار أو العناصر المميزة */ .button, .badge, .selected { background-color: var(--accent-color) !important; color: var(--bg-color) !important; } `; document.head.appendChild(style); console.log("تم تطبيق السمة: " + selectedTheme.name); } // التنفيذ الفوري if (document.readyState === 'complete' || document.readyState === 'interactive') { applyTheme(); } else { document.addEventListener('DOMContentLoaded', applyTheme); } })();