fix: fix the dodge stying by seqta

src/css/documentload.scss

@@ -17,10 +17,19 @@
 
 @use "injected/popup.scss";
 
+@font-face {
+  font-family: "Roboto";
+  src: url("https://fonts.gstatic.com/s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2")
+    format("woff2");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
 html {
   background: #161616 !important;
   background-color: #161616;
-  font-family: Rubik, Roboto !important;
+  font-family: Roboto, system-ui, -apple-system, sans-serif !important;
 }
 
 .tooltip svg {

src/css/injected.scss

@@ -1,5 +1,15 @@
 @use "sass:meta";
-@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600");
+@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700");
+
+/* Force Roboto for legacy-root - SEQTA UI update overrides fonts */
+@font-face {
+  font-family: "Roboto";
+  src: url("https://fonts.gstatic.com/s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2")
+    format("woff2");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
 
 @include meta.load-css("injected/sidebar-animation.scss");
 @include meta.load-css("injected/theme.scss");
@@ -9,7 +19,7 @@
   background: var(--better-main) !important;
   --navy: #1a1a1a !important;
   --auto-background: var(--better-pale, var(--background-secondary)) !important;
-  font-family: Rubik, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
+  font-family: Rubik, sans-serif !important;
 }
 
 ::view-transition-old(root),
@@ -36,7 +46,18 @@ body,
 .legacy-root option,
 .legacy-root .input,
 html {
-  font-family: Rubik, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
+  font-family: Rubik, sans-serif !important;
+}
+
+.legacy-root {
+  color: rgb(var(--theme-fg-parts));
+  cursor: default;
+  font-family: Rubik, sans-serif !important;
+  text-rendering: optimizeLegibility;
+}
+
+body {
+  font-family: Rubik, sans-serif !important;
 }
 
 select option {
@@ -56,7 +77,7 @@ select {
   background: var(--auto-background) !important;
 }
 :root * {
-  font-family: Rubik, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
+  font-family: Rubik, sans-serif !important;
   --theme-fg-parts: white;
 }
 .extension-editor {
@@ -302,7 +323,7 @@ select {
 
       .material-icons {
         font-size: 0px !important;
-        font-family: Rubik, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
+        font-family: Rubik, sans-serif !important;
         &::before {
           font-size: 18px !important;
           content: "Search" !important;
@@ -407,13 +428,22 @@ ul.magicDelete > li.deleting {
   hyphens: auto;
   line-height: 1.2;
 }
+#menu,
+#menu li,
+#menu section,
+#menu li > label,
+#menu section > label {
+  font-family: Rubik, sans-serif !important;
+  font-size: 16px !important;
+  font-weight: 700 !important;
+}
+
 #menu {
   width: 270px;
   z-index: 19;
   background: var(--better-main) !important;
   color: var(--text-color);
   border-right: none;
-  font-family: Rubik, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
 }
 #menu li > label > svg,
 #menu section > label > svg {
@@ -488,6 +518,7 @@ ul.magicDelete > li.deleting {
   display: none;
 }
 html {
+  font-family: Rubik, sans-serif !important;
   background: var(--better-main) !important;
 }
 .menuShown .content .anyoneSelect .listWrapper .list:has(.item) {
@@ -1149,9 +1180,12 @@ html.transparencyEffects
   transition: 200ms;
   width: 100%;
   height: 15em;
+  font-family: Rubik, sans-serif !important;
+  font-size: 14px !important;
+  font-weight: 700 !important;
   display: grid;
   grid-auto-flow: column;
-  grid-auto-columns: minmax(142px, 1fr);
+  grid-auto-columns: minmax(100px, 1fr);
   border-radius: 16px;
   overflow-x: auto;
 
@@ -1344,8 +1378,8 @@ html.transparencyEffects
   margin: 0;
   padding: 8px;
   padding-top: 14px;
-  font-size: 20px !important;
+  font-size: 14px !important;
-  font-weight: 500;
+  font-weight: 700;
   min-height: 46px;
   height: auto;
   line-height: 1.2;
@@ -1372,8 +1406,8 @@ html.transparencyEffects
   margin: 0;
   padding: 2px;
   padding-left: 8px;
-  font-size: 16px !important;
+  font-size: 13px !important;
-  font-weight: 500;
+  font-weight: 700;
 }
 .day h5 {
   margin: 0;
@@ -1383,7 +1417,7 @@ html.transparencyEffects
   bottom: 0;
   right: 0;
   font-size: 10px !important;
-  font-weight: 500;
+  font-weight: 700;
 }
 .waitWindow {
   background: var(--better-main);
@@ -2843,7 +2877,8 @@ div.day-empty {
 .upcoming-subject-title {
   color: var(--text-primary);
   width: 15%;
-  font-size: 20px;
+  font-size: 20px !important;
+  font-weight: 700 !important;
   text-align: center;
   padding: 5px;
   display: flex;
@@ -2856,13 +2891,17 @@ div.day-empty {
   border: 2px solid var(--item-colour);
   margin: 5px 50px;
   height: 6em;
+  font-family: Rubik, sans-serif !important;
+  font-size: 20px !important;
+  font-weight: 700 !important;
   padding: 0px;
   border-radius: 10px;
   display: flex;
 }
 .upcoming-date-title {
   padding: 12px;
-  font-size: 20px;
+  font-size: 20px !important;
+  font-weight: 700 !important;
 }
 .upcoming-details p:hover {
   cursor: pointer;
@@ -2962,7 +3001,9 @@ div.day-empty {
   height: 15em;
   color: var(--text-primary);
   background: var(--background-primary);
-  font-family: Rubik, sans-serif;
+  font-family: Rubik, sans-serif !important;
+  font-size: 14px !important;
+  font-weight: 700 !important;
 }
 .dark .day {
   box-shadow:
@@ -2989,6 +3030,9 @@ div.day-empty {
     200ms,
     background-color 0s;
   border-radius: 16px;
+  font-family: Rubik, sans-serif !important;
+  font-size: 20px !important;
+  font-weight: 700 !important;
 }
 .dark .upcoming-items {
   box-shadow: inset 0px 40px 80px -40px rgba(0, 0, 0, 0.6);
@@ -2996,7 +3040,8 @@ div.day-empty {
 .upcoming-assessment-title {
   color: var(--text-primary);
   transition: 200ms;
-  font-size: 10px;
+  font-size: 20px !important;
+  font-weight: 700 !important;
   margin: 0;
 }
 .upcoming-date-container {
@@ -3004,7 +3049,7 @@ div.day-empty {
 }
 .upcoming-date-title h5 {
   margin: 0;
-  font-weight: 500;
+  font-weight: 700;
 }
 .upcoming-details {
   width: 60%;
@@ -3012,6 +3057,7 @@ div.day-empty {
   flex-direction: column;
   justify-content: center;
   padding: 0px 12px;
+  font-size: 15px;
 }
 .upcoming-details h5 {
   text-transform: uppercase;
@@ -3020,7 +3066,8 @@ div.day-empty {
   margin: 0;
 }
 .upcoming-details p {
-  font-size: 15px;
+  font-size: 15px !important;
+  font-weight: 700 !important;
   padding: 4px;
 }
 .upcoming-special-day {
@@ -3121,7 +3168,7 @@ div.day-empty {
 .userInfoName {
   margin: 0 !important;
   font-size: 20px;
-  font-weight: 500;
+  font-weight: 700;
 }
 .userInfoCode {
   margin: 0 !important;
@@ -3262,7 +3309,7 @@ div.day-empty {
   padding-bottom: 0.125rem;
   margin-left: 2px;
   font-size: 0.75rem;
-  font-weight: 500;
+  font-weight: 700;
   color: #9a3412;
   border-radius: 9999px;
   border: 1px solid rgba(253, 186, 140, 0.3);
@@ -3521,7 +3568,7 @@ div.day-empty {
   padding: 4px 10px;
   border-radius: 16px;
   font-size: 12px;
-  font-weight: 500;
+  font-weight: 700;
   white-space: nowrap;
 }
 
@@ -3754,7 +3801,7 @@ button.notice-close-btn {
   padding: 6px 12px;
   border-radius: 20px;
   font-size: 13px;
-  font-weight: 500;
+  font-weight: 700;
   white-space: nowrap;
 }