diff options
| author | Einar Egilsson <einar@einaregilsson.com> | 2019-12-13 10:33:41 +0000 |
|---|---|---|
| committer | Einar Egilsson <einar@einaregilsson.com> | 2019-12-13 10:33:41 +0000 |
| commit | bc1e30b743968edad31ba54e4fc95f93ee6d39ff (patch) | |
| tree | c6989fca858e6c149545adbc80814ccc264aa1da | |
| parent | b473306d442b92123cf505dd634faeb141714614 (diff) | |
More dark mode issues
| -rw-r--r-- | js/background.js | 6 | ||||
| -rw-r--r-- | js/redirectorpage.js | 12 | ||||
| -rw-r--r-- | manifest.json | 1 |
3 files changed, 19 insertions, 0 deletions
diff --git a/js/background.js b/js/background.js index fbf2572..4bdba26 100644 --- a/js/background.js +++ b/js/background.js @@ -290,6 +290,8 @@ chrome.runtime.onMessage.addListener( }); } }); + } else if (request.type == 'update-icon') { + updateIcon(); } else if (request.type == 'toggle-sync') { // Notes on Toggle Sync feature here https://github.com/einaregilsson/Redirector/issues/86#issuecomment-389943854 // This provides for feature request - issue 86 @@ -463,4 +465,8 @@ function handleStartup(){ }); updateIcon(); //To set dark/light icon... + + //This doesn't work yet in Chrome, but we'll put it here anyway, in case it starts working... + let darkModeMql = window.matchMedia('(prefers-color-scheme: dark)'); + darkModeMql.onchange = updateIcon; }
\ No newline at end of file diff --git a/js/redirectorpage.js b/js/redirectorpage.js index 30e27a9..f82b0b7 100644 --- a/js/redirectorpage.js +++ b/js/redirectorpage.js @@ -202,4 +202,16 @@ function pageLoad() { }); } + +function updateFavicon(e) { + let type = e.matches ? 'dark' : 'light' + el('link[rel="shortcut icon"]').href = `images/icon-${type}-theme-32.png`; + chrome.runtime.sendMessage({type: "update-icon"}); //Only works if this page is open, but still, better than nothing... +} + +let mql = window.matchMedia('(prefers-color-scheme:dark)'); + +mql.onchange = updateFavicon; +updateFavicon(mql); + pageLoad();
\ No newline at end of file diff --git a/manifest.json b/manifest.json index 94b08df..8eb1e13 100644 --- a/manifest.json +++ b/manifest.json @@ -12,6 +12,7 @@ "64": "images/icon-light-theme-64.png", "128": "images/icon-light-theme-128.png" }, + "permissions": [ "webRequest", "webRequestBlocking", |