fix(pinterest): various fixes again (#337)

* fix(pinterest): color the mentions in comments * fix(pinterest): fix pin pages when not logged in * fix(pinterest): fix visual search dots and popovers
catppuccin · Nov 18, 2023 · 84cd55d · 84cd55d
1 parent 10a7ec8
commit 84cd55d
Showing 1 changed file with 101 additions and 6 deletions.
diff --git a/styles/pinterest/catppuccin.user.css b/styles/pinterest/catppuccin.user.css
@@ -2,7 +2,7 @@
 @name           Pinterest Catppuccin
 @namespace      github.com/catppuccin/userstyles/styles/pinterest
 @homepageURL    https://github.com/catppuccin/userstyles/tree/main/styles/pinterest
-@version        1.0.1
+@version        1.0.2
 @description    Soothing pastel theme for Pinterest
 @author         Catppuccin
 @updateURL      https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css
@@ -124,6 +124,13 @@
       color: @mantle !important;
     }
 
+    div.Dl7.rTt.mi-.ho-.ygj._O1.XbT.DHH.kFh {
+      background-color: @accentColor !important;
+      & div {
+        color: @mantle !important;
+      }
+    }
+
     /** Mobile **/
 
     div._he.urM.zI7.iyn.Hsu {
@@ -390,10 +397,16 @@
       }
     }
 
-    div[data-test-id="lego-share-social-bar-auth"],
-    div[data-test-id="search-for-users-button"] {
-      & button.HEm.adn.yQo.lnZ.wsz.YbY svg > path {
-        fill: @mantle !important;
+    div[data-test-id="copy-link-share-icon-auth"],
+    div[data-test-id="search-for-users-button"],
+    div[data-test-id="email-share-button-auth"] {
+      & button svg {
+        & path {
+          fill: @mantle !important;
+        }
+        & rect {
+          fill: @accentColor !important;
+        }
       }
     }
 
@@ -623,7 +636,8 @@
       background-color: fadeout(@mantle, 25%) !important;
     }
 
-    a.Wk9.CCY.S9z.eEj.goI.xQ4 {
+    a.Wk9.CCY.S9z.eEj.goI.xQ4,
+    span.tBJ.dyH.iFc.sAJ.Q5U.zDA.H2s & a.Wk9.CCY.S9z.eEj.KhY.xQ4.uCz {
       color: @accentColor !important;
     }
 
@@ -640,6 +654,24 @@
       }
     }
 
+    div[data-test-id="flashlight-dot-style"] {
+      background-color: @accentColor !important;
+    }
+
+    div[data-test-id="flashlight-enabled-image"] & svg {
+      & use.v2cropSection {
+        stroke: @accentColor !important;
+      }
+      & path.v2cropperHandle {
+        fill: @accentColor !important;
+      }
+    }
+
+    div[data-test-id="one-bar-modified-bubble"].Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {
+      background-color: @accentColor !important;
+      border-color: @base !important;
+    }
+
     /** Mobile **/
 
     div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {
@@ -649,6 +681,69 @@
       }
     }
 
+    /** Not Logged In **/
+
+    div.XiG.hUC.wYR.zI7.iyn.Hsu[style="background-color: rgba(255, 255, 255, 0.95); height: 100%; width: 100%;"] {
+      background-color: @base !important;
+    }
+
+    div[data-test-id="email-share-button"] & a svg {
+      path {
+        fill: @mantle !important;
+      }
+      rect {
+        fill: @accentColor !important;
+      }
+    }
+
+    div[data-test-id="left-scroll-arrow"] {
+      background: linear-gradient(
+        to right,
+        @base 25%,
+        fadeout(@base, 100%) 100%
+      ) !important;
+    }
+
+    div[data-test-id="right-scroll-arrow"] {
+      background: linear-gradient(
+        to left,
+        @base 25%,
+        fadeout(@base, 100%) 100%
+      ) !important;
+    }
+
+    span.tBJ.dyH.iFc.dR0.EdS.zDA.IZT.H2s & a {
+      color: @accentColor !important;
+    }
+
+    div[data-test-id="breadcrumbs-list"] {
+      &
+        div[style="width: 16px; height: 32px; background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));"] {
+        background-image: linear-gradient(
+          to left,
+          fadeout(@base, 100%),
+          @base
+        ) !important;
+      }
+
+      &
+        div[style="width: 16px; height: 32px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));"] {
+        background-image: linear-gradient(
+          to right,
+          fadeout(@base, 100%),
+          @base
+        ) !important;
+      }
+    }
+
+    div[data-test-id="main-pin-hover-overlay"] {
+      opacity: 0.5;
+    }
+
+    div.HFo.Jea.KS5._he.zI7.iyn.Hsu {
+      background-color: @base !important;
+    }
+
     /* Create */
 
     div.DUt.HFo.hA-.wYR.zI7.iyn.Hsu {