DD Dark Mode

Grafický přepínač světlého/tmavého režimu s CSS filter inverzí. Použito na tomto webu.

Výjimky: img, svg, video, iframe, canvas, .dd-dm-off. Override: .dd-dm-on. Exclude: .dd-dm-exclude.

Pokud chci nějaký vyloučený prvek zahrnout do dark mode:

html.dd-dark .title-with-logo img {
	filter: none !important;
}

Pokud jej chci z toggle vyloučit:

document.addEventListener('DOMContentLoaded', function () {
	document.querySelectorAll('.scroll-to-top').forEach(el => el.classList.add('dd-dm-exclude'));
});

Pokud jej chci chránit před invertováním:

document.addEventListener('DOMContentLoaded', function () {
	document.querySelectorAll('.nv-post-cover').forEach(el => el.classList.add('dd-dm-off'));
});

Screenshots