Spaces:

SyedFouzan
/

taskflow-titan-workflow-wizardry

Running

taskflow-titan-workflow-wizardry / script.js

{

4595774 verified about 1 year ago

1.21 kB

// Dark mode toggle functionality
document.addEventListener('DOMContentLoaded', () => {
    // Check for saved theme preference or use dark mode as default
    const savedTheme = localStorage.getItem('theme') || 'dark';
    document.documentElement.classList.add(savedTheme);
    
    // Initialize tooltips
    const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
    tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl);
    });
    
    // Smooth scroll for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            document.querySelector(this.getAttribute('href')).scrollIntoView({
                behavior: 'smooth'
            });
        });
    });
});

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

	// Dark mode toggle functionality
	document.addEventListener('DOMContentLoaded', () => {
	// Check for saved theme preference or use dark mode as default
	const savedTheme = localStorage.getItem('theme') \|\| 'dark';
	document.documentElement.classList.add(savedTheme);

	// Initialize tooltips
	const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
	tooltipTriggerList.map(function (tooltipTriggerEl) {
	return new bootstrap.Tooltip(tooltipTriggerEl);
	});

	// Smooth scroll for anchor links
	document.querySelectorAll('a[href^="#"]').forEach(anchor => {
	anchor.addEventListener('click', function (e) {
	e.preventDefault();
	document.querySelector(this.getAttribute('href')).scrollIntoView({
	behavior: 'smooth'
	});
	});
	});
	});

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