From 040dca11449f7827599eb8bb965e1ef2938c7fc5 Mon Sep 17 00:00:00 2001
From: nuexq <145666753+nuexq@users.noreply.github.com>
Date: Sun, 26 Jan 2025 20:43:04 +0100
Subject: [PATCH] fix(instagram): voice clip (#1591)

---
 styles/instagram/catppuccin.user.less | 49 +++++++++++++++++++++++++--
 1 file changed, 47 insertions(+), 2 deletions(-)

diff --git a/styles/instagram/catppuccin.user.less b/styles/instagram/catppuccin.user.less
index 27711e8347..83f5934e0f 100644
--- 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;