Fix: Theme audio/video controls in search results (#320)

catppuccin · Aug 21, 2024 · db2217f · db2217f
1 parent 8460ceb
commit db2217f
Showing 1 changed file with 17 additions and 17 deletions.
diff --git a/src/components/_chat.scss b/src/components/_chat.scss
@@ -1,21 +1,4 @@
 [class^="chatContent"] {
-  div[class*="wrapperAudio_"],
-  div[class*="imageWrapper_"] {
-    div[class*="audioControls"],
-    div[class*="videoControls_"] {
-      background-color: #{adjust-color($crust, $alpha: -0.2)};
-
-      svg[class*="controlIcon_"] {
-        opacity: 1;
-        color: $subtext1;
-      }
-
-      div[class*="mediaBarInteractionVolume"] {
-        background-color: #{adjust-color($crust, $alpha: -0.2)};
-      }
-    }
-  }
-
   // new message ruler
   #---new-messages-bar {
     span[class^="unreadPill"] {
@@ -126,6 +109,23 @@
   }
 }
 
+div[class*="wrapperAudio_"],
+div[class*="imageWrapper_"] {
+  div[class*="audioControls"],
+  div[class*="videoControls_"] {
+    background-color: #{adjust-color($crust, $alpha: -0.2)};
+
+    svg[class*="controlIcon_"] {
+      opacity: 1;
+      color: $subtext1;
+    }
+
+    div[class*="mediaBarInteractionVolume"] {
+      background-color: #{adjust-color($crust, $alpha: -0.2)};
+    }
+  }
+}
+
 // arrow when someone joins
 div[style*="d1382af8d9e755bc44811b1fd92990a8.svg"] {
   background-image: url("data:image/svg+xml,%3Csvg height='18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m18 0h-18v18h18z'/%3E%3Cpath d='m0 8h14.2l-3.6-3.6 1.4-1.4 6 6-6 6-1.4-1.4 3.6-3.6h-14.2' fill='%23#{str-slice(inspect($green), 2)}'/%3E%3C/g%3E%3C/svg%3E") !important;