fix(instagram): voice clip (#1591)

catppuccin · Jan 26, 2025 · 040dca1 · 040dca1
1 parent 8c5918b
commit 040dca1
Showing 1 changed file with 47 additions and 2 deletions.
diff --git a/styles/instagram/catppuccin.user.less b/styles/instagram/catppuccin.user.less
@@ -126,6 +126,8 @@
       --primary-icon: @accent;
       --primary-button-text: @mantle !important;
       --primary-button: @blue !important;
+      --mwp-primary-theme-color: darken(@blue, 10%);
+      --chat-composer-button-color: darken(@blue, 10%);
       scrollbar-color: @accent @crust;
     }
     #splash-screen {
@@ -214,8 +216,8 @@
 
     /* sumting wong's popup box */
     .x879a55,
-    .x7ywyr2 {
-      background-color: @surface1 !important;
+    .x7ywyr2:not([style*="background-color: rgb(var(--ig-highlight-background))"]) {
+      background-color: var(--surface1) !important;
     }
 
     /* Share box */
@@ -842,6 +844,49 @@
       );
     }
 
+    /* voice clip */
+    div.x7ywyr2 {
+      &[style*='background-color: rgb(var(--ig-highlight-background))'] {
+        div[aria-label="Play"],
+        div[aria-label="Pause"],
+        div[role="timer"],
+        div[role="slider"] {
+          background-color: @text !important;
+        }
+        div[style*='clip-path'] div.x5yr21d.xh8yej3.x1bhxuv2{
+          background-color: @subtext0 !important;   
+        }
+        div[aria-label="Play"]:hover {
+          background-color: @subtext1 !important;
+        }
+      }
+      &[style*='background-color: var(--mwp-primary-theme-color)'] {
+        background-color: var(--mwp-primary-theme-color) !important;
+        div[aria-label="Play"],
+        div[aria-label="Pause"],
+        div[role="slider"],
+        div[role="timer"]{
+          background-color: @text !important;
+        }
+        div[aria-label="Play"]:hover {
+          background-color: @subtext1 !important;
+        }
+      }
+    }
+    /* voice clip recording container */
+    div[style*='background-color: var(--chat-composer-button-color)'] {
+      div[role="slider"] {
+        opacity: 1 !important;
+        background-color: darken(@blue, 4%) !important;
+      }
+      div[aria-label='Play'],
+      div[aria-label='Pause'],
+      div[role='timer'],
+      div[aria-label='Stop recording'] {
+        background-color: @text !important;
+      }
+    }
+
     /* explicit music icon in notes */
     .x1cp0k07 {
       color: @text;