UX/UI tweaks

package.json

@@ -14,12 +14,12 @@
 	},
 	"repository": {
 		"type": "git",
-		"url": "git+https://codeberg.org/LibRedirect/LibRedirect.git"
+		"url": "git+https://github.com/libredirect/libredirect.git"
 	},
 	"author": "LibRedirect",
 	"license": "GPL-3.0-only",
 	"bugs": {
-		"url": "https://codeberg.org/LibRedirect/LibRedirect/issues"
+		"url": "https://github.com/libredirect/libredirect/issues"
 	},
 	"homepage": "https://libredirect.github.io",
 	"devDependencies": {

src/config.json

@@ -84,7 +84,7 @@
 			],
 			"name": "Youtube",
 			"options": {
-				"enabled": true,
+				"enabled": false,
 				"redirectType": "both",
 				"frontend": "invidious"
 			},
@@ -110,7 +110,7 @@
 			],
 			"name": "YT Music",
 			"options": {
-				"enabled": true,
+				"enabled": false,
 				"frontend": "beatbump"
 			},
 			"imageType": "png",
@@ -134,7 +134,7 @@
 			],
 			"name": "Twitter",
 			"options": {
-				"enabled": true,
+				"enabled": false,
 				"redirectType": "both"
 			},
 			"imageType": "png",
@@ -154,7 +154,7 @@
 			],
 			"name": "TikTok",
 			"options": {
-				"enabled": true
+				"enabled": false
 			},
 			"imageType": "png",
 			"embeddable": false,
@@ -179,7 +179,7 @@
 			],
 			"name": "Reddit",
 			"options": {
-				"enabled": true,
+				"enabled": false,
 				"frontend": "libreddit"
 			},
 			"imageType": "png",
@@ -199,7 +199,7 @@
 			],
 			"name": "Imgur",
 			"options": {
-				"enabled": true,
+				"enabled": false,
 				"redirectType": "both"
 			},
 			"imageType": "png",
@@ -236,7 +236,7 @@
 			],
 			"name": "Medium",
 			"options": {
-				"enabled": true
+				"enabled": false
 			},
 			"imageType": "svg",
 			"embeddable": false,
@@ -255,7 +255,7 @@
 			],
 			"name": "Quora",
 			"options": {
-				"enabled": true
+				"enabled": false
 			},
 			"imageType": "png",
 			"embeddable": false,
@@ -274,7 +274,7 @@
 			],
 			"name": "IMDb",
 			"options": {
-				"enabled": true
+				"enabled": false
 			},
 			"imageType": "svg",
 			"embeddable": false,
@@ -293,7 +293,7 @@
 			],
 			"name": "Fandom",
 			"options": {
-				"enabled": true
+				"enabled": false
 			},
 			"imageType": "svg",
 			"embeddable": false,
@@ -320,7 +320,7 @@
 			],
 			"name": "LBRY",
 			"options": {
-				"enabled": true,
+				"enabled": false,
 				"frontend": "librarian",
 				"redirectType": "both"
 			},
@@ -356,7 +356,7 @@
 			],
 			"name": "Search",
 			"options": {
-				"enabled": true,
+				"enabled": false,
 				"frontend": "searxng"
 			},
 			"imageType": "svgMono",
@@ -387,7 +387,7 @@
 			],
 			"name": "Translate",
 			"options": {
-				"enabled": true,
+				"enabled": false,
 				"frontend": "simplyTranslate"
 			},
 			"imageType": "svgMono",
@@ -435,7 +435,7 @@
 			],
 			"name": "Send Files",
 			"options": {
-				"enabled": true
+				"enabled": false
 			},
 			"imageType": "svgMono",
 			"embeddable": false,
@@ -454,7 +454,7 @@
 			],
 			"name": "Paste Text",
 			"options": {
-				"enabled": true
+				"enabled": false
 			},
 			"imageType": "svgMono",
 			"embeddable": false,

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 => {

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()

src/pages/options/new_release.html

@@ -1 +0,0 @@
-Many things happenned in the past months. LibRedirect has gone through some hard decisions; removed Unify Settings, Test Latency, 

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
 

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;

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

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")