Sfoglia il codice sorgente

fix: change icon fill color on theme change on YT

Sv443 4 mesi fa
parent
commit
7d431ef34d
2 ha cambiato i file con 26 aggiunte e 0 eliminazioni
  1. 13 0
      dist/BetterYTM.css
  2. 13 0
      src/features/layout.css

+ 13 - 0
dist/BetterYTM.css

@@ -1747,6 +1747,14 @@ body.bytm-dom-ytm
   --bytm-font-size-monospace: 1.4rem;
 }
 
+html:not([dark]) {
+  --bytm-themed-icon-col: #000;
+}
+
+html[dark] {
+  --bytm-themed-icon-col: #fff;
+}
+
 .bytm-disable-scroll {
   overflow: hidden !important;
 }
@@ -1861,6 +1869,11 @@ body.bytm-dom-ytm
   height: 24px;
 }
 
+.bytm-dom-yt .bytm-generic-btn-img path {
+  /* YT has both dark and light theme, YTM only dark */
+  fill: var(--bytm-themed-icon-col, #fff);
+}
+
 .bytm-spinner {
   animation: rotate 1.2s linear infinite;
 }

+ 13 - 0
src/features/layout.css

@@ -5,6 +5,14 @@
   --bytm-font-size-monospace: 1.4rem;
 }
 
+html:not([dark]) {
+  --bytm-themed-icon-col: #000;
+}
+
+html[dark] {
+  --bytm-themed-icon-col: #fff;
+}
+
 .bytm-disable-scroll {
   overflow: hidden !important;
 }
@@ -119,6 +127,11 @@
   height: 24px;
 }
 
+.bytm-dom-yt .bytm-generic-btn-img path {
+  /* YT has both dark and light theme, YTM only dark */
+  fill: var(--bytm-themed-icon-col, #fff);
+}
+
 .bytm-spinner {
   animation: rotate 1.2s linear infinite;
 }