sonny/newsreader
1
0
Fork 0
Code Issues 13 Pull requests 2 Projects Releases 58 Packages Wiki Activity Actions

Fix fluff up

Browse source
This commit is contained in:
Sonny Bakker 2021-01-23 13:56:12 +01:00
parent 3df43d4c66
commit c20033e8ea
1 changed files with 8 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/newsreader/js/lib/theme.js
View file

@ -3,16 +3,16 @@ function isCSSVariablesSupported() {
}
function changeTheme(e) {
const isDark = sessionStorage.getItem('t-dark') ? true : false;
const currentPref = sessionStorage.getItem('t-dark');
const isDark = currentPref && currentPref === 'true' ? true : false;
if (isDark) {
document.documentElement.classList.add('js-t-dark');
} else {
document.documentElement.classList.remove('js-t-dark');
} else {
document.documentElement.classList.add('js-t-dark');
}
try {
console.log(`Setting storage to ${!isDark}`);
sessionStorage.setItem('t-dark', !isDark);
} catch (e) {
// do nothing.
@ -23,17 +23,14 @@ function prefersDarkTheme() {
try {
const currentPref = sessionStorage.getItem('t-dark');
if (currentPref === 'true') {
console.log('Current pref set');
if (currentPref && currentPref === 'true') {
return true;
} else if (
!currentPref &&
window.matchMedia('(prefers-color-scheme: dark)').matches
) {
console.log('Media query matches');
return true;
} else {
console.log('Does not prefersDarkTheme');
return false;
}
} catch (e) {
@ -41,15 +38,15 @@ function prefersDarkTheme() {
}
}
function toggleDarkTheme(dark) {
if (dark) {
function toggleDarkTheme(isDark) {
if (isDark) {
document.documentElement.classList.add('js-t-dark');
} else {
document.documentElement.classList.remove('js-t-dark');
}
try {
sessionStorage.setItem('t-dark', dark);
sessionStorage.setItem('t-dark', isDark);
} catch (e) {
// do nothing.
}
@ -60,7 +57,6 @@ function initThemeSelector() {
const mqPrefersDarkTheme = window.matchMedia('(prefers-color-scheme: dark)');
if (prefersDarkTheme()) {
console.log('Prefers dark theme');
toggleDarkTheme(true);
}