28 lines
987 B
JavaScript
28 lines
987 B
JavaScript
// تهيئة مكتبة AOS للتأثيرات الحركية
|
|
AOS.init({
|
|
duration: 800,
|
|
once: true
|
|
});
|
|
|
|
// تبديل السمة (الوضع الليلي/النهاري)
|
|
const themeToggle = document.getElementById('themeToggle');
|
|
const body = document.body;
|
|
const icon = themeToggle.querySelector('i');
|
|
|
|
// التحقق من وجود تفضيل سابق للسمة
|
|
const savedTheme = localStorage.getItem('theme');
|
|
if (savedTheme) {
|
|
body.classList.toggle('dark-theme', savedTheme === 'dark');
|
|
icon.classList.toggle('bi-sun', savedTheme === 'dark');
|
|
icon.classList.toggle('bi-moon-stars', savedTheme === 'light');
|
|
}
|
|
|
|
// إضافة مستمع حدث للزر
|
|
themeToggle.addEventListener('click', () => {
|
|
body.classList.toggle('dark-theme');
|
|
const isDark = body.classList.contains('dark-theme');
|
|
icon.classList.toggle('bi-sun', isDark);
|
|
icon.classList.toggle('bi-moon-stars', !isDark);
|
|
localStorage.setItem('theme', isDark ? 'dark' : 'light');
|
|
});
|