diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/background/background.js | 5 | ||||
| -rw-r--r-- | src/pages/options/init.js | 12 | ||||
| -rw-r--r-- | src/pages/options/new_release.html | 1 | ||||
| -rw-r--r-- | src/pages/options/widgets/services.pug | 2 | ||||
| -rw-r--r-- | src/pages/stylesheets/styles.css | 37 | ||||
| -rw-r--r-- | src/pages/widgets/links.pug | 7 | ||||
| -rw-r--r-- | src/pages/widgets/switches.pug | 5 |
7 files changed, 26 insertions, 43 deletions
diff --git a/src/pages/background/background.js b/src/pages/background/background.js index 22499579..021ad4cc 100644 --- a/src/pages/background/background.js +++ b/src/pages/background/background.js @@ -9,10 +9,7 @@ window.browser = window.browser || window.chrome browser.runtime.onInstalled.addListener(async details => { if (details.previousVersion != browser.runtime.getManifest().version) { // ^Used to prevent this running when debugging with auto-reload - browser.tabs.create({ - url: browser.runtime.getURL("/pages/options/new_release.html") - }); - + browser.runtime.openOptionsPage() switch (details.reason) { case "install": browser.storage.local.get("options", async r => { diff --git a/src/pages/options/init.js b/src/pages/options/init.js index cac23748..015daac7 100644 --- a/src/pages/options/init.js +++ b/src/pages/options/init.js @@ -9,18 +9,30 @@ function changeTheme() { case "dark": document.body.classList.add("dark-theme") document.body.classList.remove("light-theme") + for (const element of document.body.getElementsByClassName('dark')) { + element.style.display = 'none'; + } break case "light": document.body.classList.add("light-theme") document.body.classList.remove("dark-theme") + for (const element of document.body.getElementsByClassName('light')) { + element.style.display = 'none'; + } break default: if (matchMedia("(prefers-color-scheme: light)").matches) { document.body.classList.add("light-theme") document.body.classList.remove("dark-theme") + for (const element of document.body.getElementsByClassName('light')) { + element.style.display = 'none'; + } } else { document.body.classList.add("dark-theme") document.body.classList.remove("light-theme") + for (const element of document.body.getElementsByClassName('dark')) { + element.style.display = 'none'; + } } } resolve() diff --git a/src/pages/options/new_release.html b/src/pages/options/new_release.html deleted file mode 100644 index 953f61d4..00000000 --- a/src/pages/options/new_release.html +++ /dev/null @@ -1 +0,0 @@ -Many things happenned in the past months. LibRedirect has gone through some hard decisions; removed Unify Settings, Test Latency, \ No newline at end of file diff --git a/src/pages/options/widgets/services.pug b/src/pages/options/widgets/services.pug index 5bda5d3f..c321012a 100644 --- a/src/pages/options/widgets/services.pug +++ b/src/pages/options/widgets/services.pug @@ -2,7 +2,7 @@ each val, service in services section(class="option-block" id=service+"_page") div(class="some-block option-block") h1 - a(href=services[service].url)=services[service].name + a(target="_blank" href=services[service].url)=services[service].name hr diff --git a/src/pages/stylesheets/styles.css b/src/pages/stylesheets/styles.css index 24628f5c..7d1b93ba 100644 --- a/src/pages/stylesheets/styles.css +++ b/src/pages/stylesheets/styles.css @@ -149,44 +149,11 @@ section.links a.selected { color: var(--active); } -input[type="range"] { - -webkit-appearance: none; - width: 350px; - height: 7px; - border-radius: 50px; - background: var(--text); - cursor: ew-resize; -} - -input[type="range"]:hover { - background: var(--light-grey); -} - -input[type="range"]::-webkit-slider-thumb { - appearance: none; - width: 20px; - height: 20px; - border-radius: 50%; - background: var(--active); - border: none; -} - -input[type="range"]::-moz-range-thumb { - width: 20px; - height: 20px; - border-radius: 50%; - background: var(--active); - border: none; -} - ::placeholder { color: var(--text); opacity: 0.7; } -#volume-value { - color: var(--active); -} /* \25BE */ @@ -392,6 +359,10 @@ div.checklist-popup div div { margin: 0; } +div.custom-checklist { + color: var(--active); +} + button.add { background-color: transparent; border: none; diff --git a/src/pages/widgets/links.pug b/src/pages/widgets/links.pug index 82e82dbe..cc7f86fe 100644 --- a/src/pages/widgets/links.pug +++ b/src/pages/widgets/links.pug @@ -8,12 +8,15 @@ section(class="links" id="links") div(class="title") a(href="#"+key) if services[key].imageType == 'svgMono' - img(src=`/assets/images/${key}-icon.svg`) + img(class='dark' src=`/assets/images/${key}-icon.svg`) + img(class='light' src=`/assets/images/${key}-icon-light.svg`) else img(src=`/assets/images/${key}-icon.${services[key].imageType}`) span(data-localise="__MSG_"+key+"__")=services[key].name div(class="title") a(href="#about") - img(src="/assets/images/about-icon.svg") + img(class='dark' src="/assets/images/about-icon.svg") + img(class='light' src="/assets/images/about-icon-light.svg") + span(data-localise="__MSG_about__") About diff --git a/src/pages/widgets/switches.pug b/src/pages/widgets/switches.pug index 9fbf5201..6b6f0c2b 100644 --- a/src/pages/widgets/switches.pug +++ b/src/pages/widgets/switches.pug @@ -2,8 +2,9 @@ each val, service in services div(class=service + " some-block") a(class="title" href=`/pages/options/index.html#${services[service].name.toLowerCase()}`) if services[service].imageType == 'svgMono' - img(src=`../../assets/images/${service}-icon.svg`) + img(class='dark' src=`/assets/images/${service}-icon.svg`) + img(class='light' src=`/assets/images/${service}-icon-light.svg`) else - img(src=`../../assets/images/${service}-icon.${services[service].imageType}`) + img(src=`/assets/images/${service}-icon.${services[service].imageType}`) h4(data-localise="__MSG_"+service+"__")=services[service].name input(class=service + "-enabled" type="checkbox") \ No newline at end of file |