fix(pinterest): unthemed elements (#1218)

catppuccin · Aug 20, 2024 · f36f092 · f36f092
1 parent 51e9ff1
commit f36f092
Showing 1 changed file with 52 additions and 3 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.1.5
+@version 1.1.6
 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css
 @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apinterest
 @description Soothing pastel theme for Pinterest
@@ -96,17 +96,23 @@
       --color-background-selected-base: @subtext1;
       --color-background-box-default: @mantle;
       --color-background-box-selected: @accent-color;
+      --color-background-box-primary: @accent-color;
       --color-background-box-secondary: @surface1;
       --color-background-overlay: @surface0;
+      --color-background-popover-primary: @mantle;
+      --color-background-popover-secondary: @overlay2;
       --color-background-tag-primary-hover: @surface2;
       --color-background-box-light: @mantle;
       --color-background-button-secondary-default: @surface0;
       --color-background-button-secondary-hover: @surface1;
+      --color-background-button-secondary-active: @surface2;
       --color-background-tag-primary-default: @surface1;
       --color-background-button-disabled-default: darken(@mantle, 2%);
       --color-background-formfield-primary: @surface0;
       --color-border-container: @surface1;
       --color-border-default: @mantle;
+      --color-border-popover-primary: @surface0;
+      --color-border-popover-secondary: @text;
       --color-text-success: @green;
       --color-text-warning: @yellow;
       --color-icon-success: @green;
@@ -155,6 +161,11 @@
       color: @text;
     }
 
+    /* the void (parts not loaded yet) */
+    html {
+      background: @base !important;
+    }
+
     .EmojiPickerReact {
       --epr-bg-color: @base;
       --epr-text-color: @text;
@@ -218,6 +229,14 @@
       color: @text !important;
     }
 
+    // search
+    div[data-test-id="dynamic-search-placeholder"] > div.Lfz.MIw.zI7.iyn.Hsu {
+      &.ojN,
+      &.QLY {
+        display: none;
+      }
+    }
+
     // make top bar match
     div[data-test-id="header-background"] {
       background-color: @base;
@@ -380,8 +399,16 @@
 
     /* Pin page */
 
+    // comment bar
     div[data-test-id="inline-comment-composer-container"] {
       border-color: transparent !important;
+      background: transparent !important;
+    }
+    div.public-DraftEditorPlaceholder-root {
+      color: @subtext1!important;
+    }
+    .LJB.Pw5.XgI.fev.ujU.wsz.zI7.iyn.Hsu {
+      border-color: @surface0 !important;
     }
 
     div[data-test-id="more-description-container"],
@@ -404,6 +431,7 @@
     }
 
     div[data-test-id="flashlight-button"],
+    div[data-test-id="flashlight"],
     div[data-test-id="shop-button"] {
       background-color: fadeout(@base, 20%) !important;
     }
@@ -708,8 +736,14 @@
       ) !important;
     }
 
-    div[data-test-id="standard-save-button"] span {
-      color: @mantle !important;
+    div[data-test-id="standard-save-button"] {
+      span {
+        color: @mantle !important;
+      }
+      // save button hover
+      .vfW {
+        background: darken(@accent-color, 10%) !important;
+      }
     }
 
     /* Other */
@@ -722,6 +756,21 @@
     div[data-layout-shift-boundary-id="PageContainer"] {
       --color-text-inverse: var(--color-text-light);
     }
+
+    // pin side buttons background
+    .XiG.hUC.wYR.zI7.iyn.Hsu {
+      background: @base !important;
+    }
+    // pin external link on hover
+    .Jea.KS5.MIw.RDc.Rym.b8T.ho-.ojN.rDA.zI7.iyn.Hsu {
+      background: @surface0 !important;
+    }
+    // pin body shadow
+    [data-test-id="closeup-body-landscape"] {
+      .Mhr.l7T.zI7.iyn.Hsu {
+        box-shadow: 0 1px 20px 0 fade(@text, 10%) !important;
+      }
+    }
   }
 }