fix styling issues for new interface; bump version

css/all.css

@@ -18,10 +18,28 @@
     background-color: var(--primary-color) !important;
 }
 
+nav li button._1Z0RM,
+nav li a._1Z0RM {
+    background-color: var(--primary-color) !important;
+}
+
+nav button._1wP6w,
+nav a._1Z0RM {
+    color: var(--contrast-text-color) !important;
+}
+
+nav button svg.KebabIcon-kebab-icon-2-N7X {
+    filter: Invert(1) !important;
+}
+
 ._2kpZl:focus:not(:active),
 ._2T2dA,
 ._2W23R:active,
-._3OAXJ:hover:not(:active) {
+._3OAXJ:hover:not(:active),
+nav li button._1Z0RM:hover:not(:active),
+nav li button._1Z0RM:focus:not(:active),
+nav li a._1Z0RM:hover:not(:active),
+nav li a._1Z0RM:focus:not(:active) {
     background-color: var(--hover-color) !important;
 }
 
@@ -64,6 +82,7 @@ footer button {
     background-color: transparent !important;
 }
 
+#site-navigation-footer > div._3W1Kw,
 footer._2T2dA {
     background-color: var(--primary-color) !important;
 }
@@ -74,7 +93,18 @@ footer._2T2dA {
     background-color: var(--primary-color) !important;
 }
 
-.use-custom-url #header>header nav>ul>li>a._2JX1Q {
+/* This version is used for the old header style (pre 23/24 school year) */
+.use-custom-url #header>header nav>ul>li>a._2JX1Q:not(:has(> div._3UYz2)) {
+    background: var(--background-url) no-repeat !important;
+    background-image: var(--background-url) !important;
+    background-size: 160px !important;
+    background-position: center center !important;
+    height: 60px !important;
+    margin-top: 0 !important;
+}
+
+/* This version is used for the new header style (23/24 school year) */
+.use-custom-url #header>header nav>ul>li>a._2JX1Q div._3UYz2 {
     background: var(--background-url) no-repeat !important;
     background-image: var(--background-url) !important;
     background-size: 160px !important;
@@ -750,6 +780,9 @@ ul.tabs li a {
 }
 
 footer li a,
+footer div button,
+#copyright,
+footer li.Footer-vertical-divider-3-9qQ::after,
 header li a,
 .splus-modal-footer-text a,
 body a.link-btn.active,

css/modern/all.css

@@ -274,7 +274,9 @@ variable-intellisense {
 [modern=true]:root body a.link-btn.active,
 [modern=true]:root div.courses-left-menu,
 [modern=true]:root .portfolio-list a.btn,
-[modern=true]:root a._3_bfp {
+[modern=true]:root a._3_bfp,
+[modern=true]:root nav li a._1Z0RM,
+[modern=true]:root nav li button._1Z0RM {
   color: var(--contrast-text) !important;
 }
 
@@ -2325,7 +2327,7 @@ variable-intellisense {
 
 [modern=true]:root ._1IGEH:focus:not(:active),
 [modern=true]:root ._1oxpz:hover:not(:active),
-[modern=true]:root ._1Z0RM,
+[modern=true]:root #wrapper ._1Z0RM,
 [modern=true]:root .Dkh_K:active {
   background-color: var(--accent);
   color: var(--text);
@@ -2357,7 +2359,7 @@ variable-intellisense {
 
 [modern=true]:root ._1IGEH:focus:not(:active),
 [modern=true]:root ._1oxpz:hover:not(:active),
-[modern=true]:root ._1Z0RM,
+[modern=true]:root #wrapper ._1Z0RM,
 [modern=true]:root .Dkh_K:active {
   background-color: var(--accent) !important;
 }

manifest.json

@@ -10,7 +10,7 @@
             "update_url": "https://schoologypl.us/firefox_updates.json"
         }
     },
-    "version": "7.8.1",
+    "version": "7.8.2",
     "icons": {
         "128": "imgs/[email protected]",
         "64": "imgs/[email protected]",

scss/modern/all.scss

@@ -305,7 +305,9 @@ variable-intellisense {
     body a.link-btn.active,
     div.courses-left-menu,
     .portfolio-list a.btn,
-    a._3_bfp {
+    a._3_bfp,
+    nav li a._1Z0RM,
+    nav li button._1Z0RM {
         color: var(--contrast-text) !important;
     }
 
@@ -2558,7 +2560,7 @@ variable-intellisense {
 
     ._1IGEH:focus:not(:active),
     ._1oxpz:hover:not(:active),
-    ._1Z0RM,
+    #wrapper ._1Z0RM,
     .Dkh_K:active {
         background-color: var(--accent);
         color: var(--text);
@@ -2596,7 +2598,7 @@ variable-intellisense {
 
     ._1IGEH:focus:not(:active),
     ._1oxpz:hover:not(:active),
-    ._1Z0RM,
+    #wrapper ._1Z0RM,
     .Dkh_K:active {
         background-color: var(--accent) !important;
     }