Fix like icon stroke thickness

WesselKroos · Oct 26, 2024 · 4cc49af · 4cc49af
1 parent ebeade8
commit 4cc49af
Showing 1 changed file with 10 additions and 21 deletions.
diff --git a/src/styles/content.scss b/src/styles/content.scss
@@ -1063,30 +1063,19 @@ html[data-ambientlight-enabled] {
   }
 
   /* Like button icon (gets an incorrect theme after switching device themes 2 times) */
-  @mixin like-btn {
-    segmented-like-dislike-button-view-model,
-    ytd-segmented-like-dislike-button-renderer {
-      lottie-component path {
-        &[fill="rgb(255,255,255)"],
-        &[stroke="rgb(255,255,255)"],
-        &[fill="rgb(0,0,0)"],
-        &[stroke="rgb(0,0,0)"]
-        {
-          @content;
-        }
+  segmented-like-dislike-button-view-model,
+  ytd-segmented-like-dislike-button-renderer {
+    lottie-component path {
+      &[fill="rgb(255,255,255)"],
+      &[stroke="rgb(255,255,255)"],
+      &[fill="rgb(0,0,0)"],
+      &[stroke="rgb(0,0,0)"]
+      {
+        fill: inherit;
+        stroke: inherit;
       }
     }
   }
-  @include like-btn() {
-    stroke: rgba(0,0,0);
-    fill: rgba(0,0,0);
-  }
-  &[dark] {
-    @include like-btn() {
-      stroke: rgba(255,255,255);
-      fill: rgba(255,255,255);
-    }
-  }
 
   /* Cosmetics - Rich metadata */