Added ability to change logo image in themes

aopell · Jan 31, 2018 · b99ae33 · b99ae33
1 parent dd46fc0
commit b99ae33
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/css/all.css b/css/all.css
@@ -5,6 +5,7 @@
     --primary-dark: hsl(var(--color-hue), 55%, 40%);
     --primary-very-dark: hsl(var(--color-hue), 90%, 50%);
     --cursor: auto;
+    --background-url: none;
     cursor: var(--cursor);
 }
 
@@ -56,6 +57,10 @@ body #primary-settings .unfold {
     background-image: none !important;
 }
 
+#home a.custom-background-image {
+    background: var(--background-url) no-repeat 0px 0px !important;
+}
+
 #home a.hide-background-image {
     background: none !important;
 }

diff --git a/js/theme.js b/js/theme.js
@@ -14,8 +14,11 @@ class Theme {
                 if (obj.colors) {
                     Theme.setBackgroundColor(obj.colors[0], obj.colors[1], obj.colors[2], obj.colors[3]);
                 }
-                Theme.setLogoVisibility(obj.logo && obj.logo != "schoology");
+                Theme.setLogoVisibility(obj.logo && obj.logo.toLowerCase() != "schoology");
                 Theme.setCursorUrl(obj.cursor);
+                if (obj.logo && obj.logo.toLowerCase() != "schoology" && obj.logo.toLowerCase() != "lausd") {
+                    Theme.setLogoUrl(obj.logo);
+                }
             }
         );
     }
@@ -24,6 +27,7 @@ class Theme {
         Theme.setBackgroundHue(210);
         Theme.setCursorUrl();
         Theme.setLogoVisibility(false);
+        Theme.setLogoUrl();
         theme.onapply(storage);
     }
 
@@ -69,6 +73,23 @@ class Theme {
         }, 50);
     }
 
+    static setLogoUrl(url) {
+        let interval = setInterval(() => {
+            let logo = document.querySelector("#home a");
+            let notLogo = document.querySelector("#home a[role=menuitem]")
+            if (!notLogo && logo) {
+                clearInterval(interval);
+                if (url) {
+                    logo.classList.add("custom-background-image");
+                    document.documentElement.style.setProperty("--background-url", `url(${url})`);
+                }
+                else {
+                    logo.classList.remove("custom-background-image");
+                }
+            }
+        }, 50);
+    }
+
     static setCursorUrl(url) {
         if (url) {
             document.documentElement.style.setProperty("--cursor", url ? `url(${url}), auto` : "auto");

diff --git a/manifest.json b/manifest.json
@@ -3,7 +3,7 @@
     "name": "Schoology Plus",
     "short_name": "Schoology+",
     "description": "Provides some enhancements to your LAUSD Schoology experience",
-    "version": "3.6.1",
+    "version": "3.7",
     "icons": {
         "128": "imgs/[email protected]",
         "64": "imgs/[email protected]",