mangaverse-explorer / script.js
Blejusca's picture
you can make more like : https://mangadex.org
0fd4db9 verified
// Theme toggle functionality
document.addEventListener('DOMContentLoaded', () => {
// Check for saved theme preference or use preferred color scheme
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');
}
// Initialize tooltips
const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl);
});
});
// Manga card hover effect
document.querySelectorAll('.manga-card').forEach(card => {
card.addEventListener('mouseenter', () => {
card.querySelector('.manga-title').classList.add('text-primary-500');
});
card.addEventListener('mouseleave', () => {
card.querySelector('.manga-title').classList.remove('text-primary-500');
});
});