Fix UI styling and minor bug in lesson display

src/SEQTA.js

@@ -1540,7 +1540,7 @@ function makeLessonDiv(lesson, num) {
     <div class="day" id="${code + num}" style="${colour}">
       <h2>${description || 'Unknown'}</h2>
       <h3>${staff || 'Unknown'}</h3>
-      <h3>${room || 'Unknown'}</h3>s
+      <h3>${room || 'Unknown'}</h3>
       <h4>${from || 'Unknown'} - ${until || 'Unknown'}</h4>
       <h5>${attendanceTitle || 'Unknown'}</h5>
   `;

src/inject/injected.scss

@@ -430,7 +430,7 @@ div > ol:has(.uiFileHandlerWrapper) {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
-  background-color: var(--background-primary);
+  background-color: transparent;
   height: 69.5px;
   box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
 }
@@ -459,6 +459,10 @@ div > ol:has(.uiFileHandlerWrapper) {
   }
 }
 @media (max-width: 900px) {
+  .student #menu > ul::before {
+    background-color: var(--background-primary);
+  }
+
   #menuToggle {
     display: block !important;
   }
@@ -753,7 +757,7 @@ div > ol:has(.uiFileHandlerWrapper) {
   background: var(--background-primary);
   color: var(--text-primary);
   display: flex;
-  border-radius: 5px;
+  border-radius: 5rem;
   position: relative;
   transition: 200ms;
 }
@@ -2468,7 +2472,7 @@ body {
   width: 100%;
   height: 3em;
   border-radius: 0 0px 20px 20px;
-  background: var(--background-secondary);
+  background: var(--theme-secondary);
   display: flex;
   justify-content: space-between;
   align-items: center;

src/inject/injected/transparency.scss

@@ -9,37 +9,49 @@ html.transparencyEffects:not(.dark) {
 }
 
 
-/* Blurs */
-.message.addMessage,
-.thread,
-#title,
-.LabelList__selected___3Egk7,
-.legacy-root button, .legacy-root a,
-.MessageList__MessageList___3DxoC {
-  backdrop-filter: blur(10px);
-}
+html.transparencyEffects {
+  /* Background Fixes */
+  #shortcuts {
+    backdrop-filter: unset;
+  }
 
-.Message__Message___3oJaU {
-  backdrop-filter: blur(50px);
-}
+  .whatsnewTextContainer h1 {
+    background-color: var(--theme-primary) !important;
+  }
 
-#menu {
-  backdrop-filter: blur(20px);
-}
+  /* Blurs */
+  .message.addMessage,
+  .thread,
+  #title,
+  .LabelList__selected___3Egk7,
+  .legacy-root button, .legacy-root a,
+  .MessageList__MessageList___3DxoC {
+    backdrop-filter: blur(10px);
+  }
 
-.title > a {
-  backdrop-filter: blur(0px) !important;
-}
+  .whatsnewContainer,
+  .Message__Message___3oJaU {
+    backdrop-filter: blur(50px);
+  }
 
-.search,
-.document,
-.border {
-  backdrop-filter: blur(8px);
-}
+  #menu {
+    backdrop-filter: blur(20px);
+  }
 
-#main > .dashboard {
-  section,
-  .dashlet {
+  .title > a {
+    backdrop-filter: blur(0px) !important;
+  }
+
+  .search,
+  .document,
+  .border {
     backdrop-filter: blur(8px);
   }
+
+  #main > .dashboard {
+    section,
+    .dashlet {
+      backdrop-filter: blur(8px);
+    }
+  }
 }