summaryrefslogtreecommitdiff
path: root/source/js/script.js
diff options
context:
space:
mode:
authorDoge <[email protected]>2021-05-09 15:28:52 +0800
committerDoge <[email protected]>2021-05-09 15:28:52 +0800
commit582b8b355dc87bdbaa729442882461f2975f8d27 (patch)
treec9580f478decec1f9592a87b775bfafc05ee3778 /source/js/script.js
parent832ebd0038ccecbd6bbd5baa337c8d59e19542f7 (diff)
downloadchromate-582b8b355dc87bdbaa729442882461f2975f8d27.tar.gz
chromate-582b8b355dc87bdbaa729442882461f2975f8d27.tar.bz2
chromate-582b8b355dc87bdbaa729442882461f2975f8d27.zip
Fix darkmode bug
Diffstat (limited to 'source/js/script.js')
-rw-r--r--source/js/script.js25
1 files changed, 15 insertions, 10 deletions
diff --git a/source/js/script.js b/source/js/script.js
index c12b9aa..21eda5d 100644
--- a/source/js/script.js
+++ b/source/js/script.js
@@ -17,17 +17,21 @@ window.addEventListener("load", function () {
}
// Add header hover page class changer
var colorman = function (mode) {
- var page = document.getElementById("header-page");
- if (mode === SystemDarkmodePrefrence.dark) {
- page === null || page === void 0 ? void 0 : page.classList.add("is-dark");
- page === null || page === void 0 ? void 0 : page.classList.remove("is-light");
- }
- else {
- page === null || page === void 0 ? void 0 : page.classList.add("is-light");
- page === null || page === void 0 ? void 0 : page.classList.remove("is-dark");
- }
+ var clsname = ".is-light";
+ if (darklistener.mode() === SystemDarkmodePrefrence.dark)
+ clsname = ".is-dark";
+ var elements = Array.prototype.slice.call(document.querySelectorAll(clsname), 0);
+ elements.forEach(function (element) {
+ if (mode === SystemDarkmodePrefrence.dark) {
+ element === null || element === void 0 ? void 0 : element.classList.add("is-dark");
+ element === null || element === void 0 ? void 0 : element.classList.remove("is-light");
+ }
+ else {
+ element === null || element === void 0 ? void 0 : element.classList.add("is-light");
+ element === null || element === void 0 ? void 0 : element.classList.remove("is-dark");
+ }
+ });
};
- colorman(darklistener.mode());
darklistener.add(colorman);
});
/* Darkmode listener */
@@ -57,6 +61,7 @@ var DarkmodeListener = /** @class */ (function () {
media.addEventListener("change", callback);
};
DarkmodeListener.prototype.add = function (callback) {
+ callback(this._mode);
this._handlers.push(callback);
};
DarkmodeListener.prototype.mode = function () {