diff options
| author | Doge <[email protected]> | 2021-05-11 23:16:57 +0800 |
|---|---|---|
| committer | Doge <[email protected]> | 2021-05-11 23:16:57 +0800 |
| commit | 0b49431daaf26a02b45ac694a95fbbdfae8141fb (patch) | |
| tree | b60bfff6214313b65b5c364199f57f6ee1eb8ca3 /source/js/script.ts | |
| parent | a52af01f4d90176df0dccf3190a99aef11db33b3 (diff) | |
| download | chromate-0b49431daaf26a02b45ac694a95fbbdfae8141fb.tar.gz chromate-0b49431daaf26a02b45ac694a95fbbdfae8141fb.tar.bz2 chromate-0b49431daaf26a02b45ac694a95fbbdfae8141fb.zip | |
Add support for logo with dark mode and icon descriptions
Diffstat (limited to 'source/js/script.ts')
| -rw-r--r-- | source/js/script.ts | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/source/js/script.ts b/source/js/script.ts index e6a2155..912c1d9 100644 --- a/source/js/script.ts +++ b/source/js/script.ts @@ -32,6 +32,19 @@ window.addEventListener("load", () => { }) } darklistener.add(colorman); + + // Add logo color selector + const logoman = (mode: SystemDarkmodePrefrence) => { + const logo = document.getElementById("logo"); + const darksrc = logo?.getAttribute("data-src-darkmode"); + const lightsrc = logo?.getAttribute("data-src-lightmode"); + if (!logo || !darksrc || !lightsrc) + return; + let src = (mode === SystemDarkmodePrefrence.dark) ? darksrc : lightsrc; + logo.setAttribute("src", src); + } + darklistener.add(logoman); + }); /* Darkmode listener */ |