kiwix/kiwix-js-pwa
1
0
Fork 0
mirror of https://github.com/kiwix/kiwix-js-pwa.git synced 2025-09-09 20:32:45 -04:00
Code Issues Packages Projects Releases Wiki Activity

Load and remove dark themes dynamically #54

Browse Source 
Former-commit-id: 13161c5d35f03c8b28662f407686831db3a845e2 [formerly 4691121a0d38bd33e558742d22775a0d4f0ecd90]
Former-commit-id: c442478fb2080c8be1316f02714ee3e8cbafcf69
This commit is contained in:
Jaifroid 2018-02-28 22:19:20 +00:00
parent 6b09a663b3
commit 7304fea803
2 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
www/-/s/style-dark-invert.css
View File

@ -4,5 +4,5 @@
} }
body { body {
background: black; background: black !important;
} }

22
www/js/app.js
View File

@ -613,14 +613,32 @@ define(['jquery', 'zimArchiveLoader', 'util', 'uiUtil', 'cookies', 'q', 'module'
document.getElementById('darkInvert').style.display = this.checked ? "inline" : "none"; document.getElementById('darkInvert').style.display = this.checked ? "inline" : "none";
params.cssTheme = document.getElementById('cssWikiDarkThemeInvertCheck').checked && params.cssTheme == 'dark' ? 'invert' : params.cssTheme; params.cssTheme = document.getElementById('cssWikiDarkThemeInvertCheck').checked && params.cssTheme == 'dark' ? 'invert' : params.cssTheme;
cookies.setItem('cssTheme', params.cssTheme, Infinity); cookies.setItem('cssTheme', params.cssTheme, Infinity);
params.themeChanged = true; switchTheme();
}); });
$('input:checkbox[name=cssWikiDarkThemeInvert]').on('change', function (e) { $('input:checkbox[name=cssWikiDarkThemeInvert]').on('change', function (e) {
if (params.cssTheme == "light" && this.checked) document.getElementById('cssWikiDarkThemeInvertCheck').checked = true; if (params.cssTheme == "light" && this.checked) document.getElementById('cssWikiDarkThemeInvertCheck').checked = true;
params.cssTheme = this.checked ? 'invert' : 'dark'; params.cssTheme = this.checked ? 'invert' : 'dark';
cookies.setItem('cssTheme', params.cssTheme, Infinity); cookies.setItem('cssTheme', params.cssTheme, Infinity);
params.themeChanged = true; switchTheme();
}); });
function switchTheme() {
var doc = window.frames[0].frameElement.contentDocument;
var styleSheets = doc.getElementsByTagName("link");
//Remove any dark theme, as we don't know whether user switched from light to dark or from inverted to dark, etc.
for (var i = 0; i < styleSheets.length; i++) {
if (~styleSheets[i].href.search(/\/style-dark/)) {
styleSheets[i].disabled = true;
styleSheets[i].parentNode.removeChild(styleSheets[i]);
}
}
if (params.cssTheme != "light") {
var link = doc.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", (params.cssTheme == "dark" ? "../-/s/style-dark.css" : "../-/s/style-dark-invert.css"));
doc.head.appendChild(link);
}
}
$('input:checkbox[name=rememberLastPage]').on('change', function (e) { $('input:checkbox[name=rememberLastPage]').on('change', function (e) {
if (params.rememberLastPage && this.checked) document.getElementById('rememberLastPageCheck').checked = true; if (params.rememberLastPage && this.checked) document.getElementById('rememberLastPageCheck').checked = true;
params.rememberLastPage = this.checked ? true : false; params.rememberLastPage = this.checked ? true : false;