Merge branch 'main' of https://github.com/RyanLua/ClassroomDarkMode

Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>

Author: ryanlua

.gitignore

@@ -1 +1 @@
-builds/
+builds/

src/manifest.firefox.json

@@ -14,7 +14,7 @@
   "content_scripts": [
     {
       "matches": ["*://classroom.google.com/*"],
-      "css": ["dark-mode.css"],
+      "css": ["style.css"],
       "run_at": "document_start"
     }
   ],

src/manifest.json

@@ -14,7 +14,8 @@
   "content_scripts": [
     {
       "matches": ["*://classroom.google.com/*"],
-      "css": ["dark-mode.css"]
+      "css": ["style.css"],
+      "run_at": "document_start"
     }
   ],
   "author": "ryan.luu@ryanluu.dev"

src/dark-mode.css src/style.csssrc/dark-mode.css renamed to src/style.css

@@ -49,6 +49,10 @@ body {
   color: var(--font-color) !important;
 }
 
+.gb_F {
+  fill: var(--font-color) !important;
+}
+
 .gb_Fa svg,
 .gb_Pc svg,
 .gb_sd .gb_td,
@@ -68,7 +72,7 @@ body {
 .gb_pd .gb_qd,
 .gb_0c .gb_qd {
   color: var(--font-color) !important;
-  opacity: 1;
+  opacity: 1 !important;
 }
 
 .gb_ha svg,
@@ -134,7 +138,7 @@ body {
 
 /* Sidebar */
 .yWU57c.AjWMy .rknsod {
-  background-color: var(--bg-color);
+  background-color: var(--bg-color) !important;
 }
 
 .yWU57c.AjWMy {
@@ -193,7 +197,8 @@ body {
 
 .ETRkCe {
   background-color: var(--bg-color) !important;
-  box-shadow: 0 4px 4px 0 var(--shadow-heavy), 0 8px 12px 6px var(--shadow-medium);
+  box-shadow: 0 4px 4px 0 var(--shadow-heavy),
+    0 8px 12px 6px var(--shadow-medium);
 }
 
 .Tabkde .OX4Vcb {
@@ -314,7 +319,7 @@ body {
 }
 
 /* Join Classroom */
-.xiutKc>.I7OXgf {
+.xiutKc > .I7OXgf {
   background-color: var(--bg-color) !important;
 }
 
@@ -596,11 +601,14 @@ body {
 
 /* People */
 .f8nwhd-qb23S-b9nz9e-OWXEXe-uqeOfd .f8nwhd-qb23S-b9nz9e-V67aGc {
-  color: var(--font-color);
+  color: var(--font-color) !important;
 }
 
 .f8nwhd-qb23S-b9nz9e-OWXEXe-gk6SMd {
-  background-color: var(--gm3-segmented-button-outlined-selected-container-color, var(--gm3-sys-color-secondary-container, #c2e7ff));
+  background-color: var(
+    --gm3-segmented-button-outlined-selected-container-color,
+    var(--gm3-sys-color-secondary-container, #c2e7ff)
+  ) !important;
 }
 
 .ycbm1d {
@@ -1675,16 +1683,16 @@ input.tAUuQ {
   border-color: var(--bd-color) !important;
 }
 
-.jsbB5e.IYewr>.Yalane>.oQ5Hqe,
-.jsbB5e.IYewr>.Yalane>.aCxcAe {
+.jsbB5e.IYewr > .Yalane > .oQ5Hqe,
+.jsbB5e.IYewr > .Yalane > .aCxcAe {
   background-color: #d93025 !important;
 }
 
 .W9wDc.IYewr .poFWNe {
   caret-color: #d93025 !important;
 }
 
-.W9wDc.IYewr .poFWNe:not([disabled]):focus~.qTs5Xc,
+.W9wDc.IYewr .poFWNe:not([disabled]):focus ~ .qTs5Xc,
 .W9wDc.IYewr .n9IS1 .qTs5Xc {
   color: #d93025 !important;
 }
@@ -1720,11 +1728,10 @@ input.tAUuQ {
 }
 
 /* Grading */
-
 .WbZEIe {
   background-color: var(--bg-secondary-color) !important;
-  display: flex;
-  overflow: hidden;
+  display: flex !important;
+  overflow: hidden !important;
 }
 
 /* Assets -> More actions */
@@ -1741,7 +1748,8 @@ input.tAUuQ {
   background-color: var(--bd-secondary-color) !important;
 }
 
-.ndfHFb-c4YZDc-i5oIFb .ndfHFb-c4YZDc-j7LFlb-Bz112c.ndfHFb-c4YZDc-C7uZwb-LgbsSe-Bz112c,
+.ndfHFb-c4YZDc-i5oIFb
+  .ndfHFb-c4YZDc-j7LFlb-Bz112c.ndfHFb-c4YZDc-C7uZwb-LgbsSe-Bz112c,
 .ndfHFb-c4YZDc-i5oIFb .ndfHFb-c4YZDc-bN97Pc-nupQLb-LgbsSe-Bz112c {
   filter: invert(1) !important;
 }
@@ -1772,7 +1780,8 @@ input.tAUuQ {
 /* Mark As Done/Unsubmit Confirmation */
 .cC1eCc .VfPpkd-P5QLlc {
   background-color: var(--bg-color) !important;
-  box-shadow: 0 1px 3px 0 var(--shadow-heavy), 0 4px 8px 3px var(--shadow-medium) !important;
+  box-shadow: 0 1px 3px 0 var(--shadow-heavy),
+    0 4px 8px 3px var(--shadow-medium) !important;
 }
 
 /* Quick Links */
@@ -1784,7 +1793,8 @@ input.tAUuQ {
 
 /* Skip to main content */
 .EXL71e {
-  box-shadow: 0 1px 2px 0 var(--shadow-heavy), 0 2px 6px 2px var(--shadow-medium) !important;
+  box-shadow: 0 1px 2px 0 var(--shadow-heavy),
+    0 2px 6px 2px var(--shadow-medium) !important;
   background: var(--bg-color) !important;
 }
 
@@ -1817,14 +1827,16 @@ input.tAUuQ {
 }
 
 .hmG2yf:hover {
-  box-shadow: 0 1px 2px 0 var(--shadow-medium), 0 2px 6px 2px var(--shadow-medium) !important;
+  box-shadow: 0 1px 2px 0 var(--shadow-medium),
+    0 2px 6px 2px var(--shadow-medium) !important;
 }
 
 .Rvesne {
   background-color: var(--bg-color) !important;
 }
 
-.VfPpkd-xl07Ob .VfPpkd-StrnGf-rymPhb-IhFlZd, .VfPpkd-xl07Ob .VfPpkd-StrnGf-rymPhb-f7MjDc {
+.VfPpkd-xl07Ob .VfPpkd-StrnGf-rymPhb-IhFlZd,
+.VfPpkd-xl07Ob .VfPpkd-StrnGf-rymPhb-f7MjDc {
   color: var(--font-color) !important;
 }
 
@@ -1843,4 +1855,18 @@ button[_ngcontent-ng-c3487231784] {
 
 .prompt-message[_ngcontent-ng-c888528256] {
   color: var(--font-color) !important;
-}
+}
+
+/* Embed background */
+iframe {
+  color-scheme: light !important;
+}
+
+/* More actions icons */
+.ndfHFb-c4YZDc-i5oIFb .ndfHFb-c4YZDc-MZArnb-Bz112c {
+  background-position: 0 -2604px !important;
+}
+
+.ndfHFb-c4YZDc-i5oIFb .ndfHFb-c4YZDc-j7LFlb-Bz112c.ndfHFb-c4YZDc-GSQQnc-LgbsSe {
+  background-position: 0 -1516px !important;
+}