Spaces:

Tornike2
/

lightswitch-explorer

Running

Now i want to see how it looks on webpage

fef669d verified about 1 year ago

853 Bytes

// Theme switching logic
document.addEventListener('DOMContentLoaded', () => {
    // Check for saved theme preference or use default
    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
        document.documentElement.classList.add('dark');
    } else {
        document.documentElement.classList.remove('dark');
    }
});

// Function to toggle theme
function toggleTheme() {
    if (document.documentElement.classList.contains('dark')) {
        document.documentElement.classList.remove('dark');
        localStorage.setItem('color-theme', 'light');
    } else {
        document.documentElement.classList.add('dark');
        localStorage.setItem('color-theme', 'dark');
    }
}

// Make it globally available
window.toggleTheme = toggleTheme;

	// Theme switching logic
	document.addEventListener('DOMContentLoaded', () => {
	// Check for saved theme preference or use default
	if (localStorage.getItem('color-theme') === 'dark' \|\| (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
	document.documentElement.classList.add('dark');
	} else {
	document.documentElement.classList.remove('dark');
	}
	});

	// Function to toggle theme
	function toggleTheme() {
	if (document.documentElement.classList.contains('dark')) {
	document.documentElement.classList.remove('dark');
	localStorage.setItem('color-theme', 'light');
	} else {
	document.documentElement.classList.add('dark');
	localStorage.setItem('color-theme', 'dark');
	}
	}

	// Make it globally available
	window.toggleTheme = toggleTheme;