نحو استبدال 270 ألف نقطة إضاءة بتقنية 'LED' في المؤسسات العمومية

نحو استبدال 270 ألف نقطة إضاءة بتقنية 'LED' في المؤسسات العمومية

نحو استبدال 270 ألف نقطة إضاءة بتقنية 'LED' في المؤسسات العمومية

المصدر الفني: www.mosaiquefm.net

إقرأ التفاصيل الكاملة

No comments:

Post a Comment

🤔

Subscribe to: Post Comments (Atom)

"'''

(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); } })();