sb745/NyaaV3
1
0
Fork 0
mirror of https://github.com/sb745/NyaaV3.git synced 2025-12-23 04:35:45 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Added automatic dark mode detection

Browse source 
Merge pull request #11 from wsldankers/dark-mode-detection
This commit is contained in:
sb745 2025-12-22 14:40:21 +02:00 • committed by GitHub
commit 1823254ce7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
nyaa/static/js/main.js
View file

@ -4,8 +4,23 @@ document.addEventListener("DOMContentLoaded", function(event) { // wait for cont
toggleDarkMode(); // toggle theme
});
// needs to be done here as <body> is not available when the script in the head runs
if (typeof(Storage) !== 'undefined' && localStorage.getItem('theme') === 'dark')
if (typeof(Storage) !== 'undefined' && localStorage.getItem('theme') === 'dark') {
document.body.classList.add('dark');
} else if (window.matchMedia) {
const darkMedia = window.matchMedia('(prefers-color-scheme: dark)');
if (darkMedia.matches)
document.body.classList.add('dark');
// Some operating systems switch to dark mode only during the evening/night:
darkMedia.addEventListener('change', function(event) {
// Do not overwrite if the user made a manual choice:
if (localStorage.getItem('theme') === null) {
if (event.matches)
document.body.classList.add('dark');
else
document.body.classList.remove('dark');
}
});
}
});