ourworld_web/www_zola_template
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update dark logo

Browse Source
This commit is contained in:
ehab-hassan
2025-05-13 13:29:22 +03:00
parent fe1df2ac35
commit a36bfae87d
6 changed files with 75 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
static/js/main.js
View File

@@ -76,6 +76,10 @@ document.addEventListener('DOMContentLoaded', function() {
console.log("Initial dark mode state:", isDarkMode);
// Get logo elements
const logoLight = document.getElementById('logo-light');
const logoDark = document.getElementById('logo-dark');
// Set initial theme
if (isDarkMode) {
document.documentElement.classList.add('dark');
@@ -83,12 +87,22 @@ document.addEventListener('DOMContentLoaded', function() {
themeToggleLightIcon.classList.remove('hidden');
themeToggleDarkIcon.classList.add('hidden');
}
// Show dark logo, hide light logo
if (logoLight && logoDark) {
logoLight.classList.add('hidden');
logoDark.classList.remove('hidden');
}
} else {
document.documentElement.classList.remove('dark');
if (themeToggleLightIcon && themeToggleDarkIcon) {
themeToggleLightIcon.classList.add('hidden');
themeToggleDarkIcon.classList.remove('hidden');
}
// Show light logo, hide dark logo
if (logoLight && logoDark) {
logoLight.classList.remove('hidden');
logoDark.classList.add('hidden');
}
}
// Toggle theme function
@@ -102,6 +116,10 @@ document.addEventListener('DOMContentLoaded', function() {
const isDark = document.documentElement.classList.contains('dark');
console.log("Current dark mode:", isDark);
// Get logo elements
const logoLight = document.getElementById('logo-light');
const logoDark = document.getElementById('logo-dark');
if (isDark) {
document.documentElement.classList.remove('dark');
localStorage.setItem('color-theme', 'light');
@@ -109,6 +127,11 @@ document.addEventListener('DOMContentLoaded', function() {
themeToggleLightIcon.classList.add('hidden');
themeToggleDarkIcon.classList.remove('hidden');
}
// Show light logo, hide dark logo
if (logoLight && logoDark) {
logoLight.classList.remove('hidden');
logoDark.classList.add('hidden');
}
console.log("Switched to light mode");
} else {
document.documentElement.classList.add('dark');
@@ -117,6 +140,11 @@ document.addEventListener('DOMContentLoaded', function() {
themeToggleLightIcon.classList.remove('hidden');
themeToggleDarkIcon.classList.add('hidden');
}
// Show dark logo, hide light logo
if (logoLight && logoDark) {
logoLight.classList.add('hidden');
logoDark.classList.remove('hidden');
}
console.log("Switched to dark mode");
}