Update transparent-popups.css

s-k-y-l-i · Mar 28, 2024 · 262eaad · 262eaad
1 parent a552fe3
commit 262eaad
Showing 1 changed file with 19 additions and 21 deletions.
diff --git a/Theme code/transparent-popups.css b/Theme code/transparent-popups.css
@@ -31,6 +31,16 @@
           mask-composite: exclude;
 }
 
+/*slight tint*/
+.theme-light .wrapper__45980, .theme-light .inner__999f6,
+.theme-light .inner__178b2 {
+    background: rgba(0, 0, 0, 0.05) !important;
+}
+.theme-dark .wrapper__45980, .theme-dark .inner__999f6,
+.theme-dark .inner__178b2 {
+    background: rgba(255, 255, 255, 0.05) !important;
+}
+
 /*remove background*/
 .container_aa220a,.container__1e477, .popout__24e32, .footer__6b9ef, .option__91497::after, 
 .focused__68b93, .badgeList__126b0, .root_a28985, 
@@ -48,8 +58,7 @@
 .header_e5d8b2, .modal__082b3, .rolePill_f50ff5,  .previewContainer__1e0bb,
 .container_eb737e,.container_cdf5a8, .footer_f06dbb, 
 .reactors__0f305, .scroller__9a4f3,
-.root_a28985, .list__4e6aa, .header__6d44a, .container__9922f  
-{
+.root_a28985, .list__4e6aa, .header__6d44a, .container__9922f, .wrapper__35c78, .autocomplete__743a5 .wrapper__45980 {
     background: none!important;
 }
 
@@ -119,7 +128,7 @@
     position: absolute;
     width: 100%;
     height: 100%;
-    background: var(--bg-overlay-3, var(--background-secondary));
+    background: var(--pop-up-color, var(--bg-overlay-3, var(--background-secondary)));
     opacity: var(--opacity);
     z-index: -1;
     border-radius: var(--radius);
@@ -132,7 +141,7 @@
     position: absolute;
     width: 100%;
     height: 100%;
-    background: var(--bg-overlay-app-frame, var(--background-tertiary));
+    background: var(--pop-up-color, var(--bg-overlay-app-frame, var(--background-tertiary)));
     opacity: var(--opacity);
     z-index: -1;
     border-radius: inherit;
@@ -144,7 +153,7 @@
     position: absolute;
     width: 100%;
     height: 100%;
-    background: var(--bg-overlay-chat, var(--background-primary));
+    background: var(--pop-up-color, var(--bg-overlay-chat, var(--background-primary)));
     opacity: var(--opacity);
     z-index: -1;
     border-radius: var(--radius);
@@ -157,7 +166,7 @@
     position: absolute;
     width: 100%;
     height: 100%;
-    background: var(--bg-overlay-5, var(--background-primary));
+    background: var(--pop-up-color, var(--bg-overlay-5, var(--background-primary)));
     opacity: var(--opacity);
     z-index: -1;
     border-radius: 4px;
@@ -169,23 +178,12 @@
     position: absolute;
     width: 100%;
     height: 100%;
-    background: var(--bg-overlay-3, var(--background-secondary));
+    background: var(--pop-up-color, var(--bg-overlay-3, var(--background-secondary)));
     opacity: var(--opacity);
     z-index: -1;
     border-radius: 4px;
 }
 
-
-/*slight tint*/
-.theme-light .wrapper__45980, .theme-light .inner__999f6,
-.theme-light .inner__178b2 {
-    background: rgba(0, 0, 0, 0.05) !important;
-}
-.theme-dark .wrapper__45980, .theme-dark .inner__999f6,
-.theme-dark .inner__178b2 {
-    background: rgba(255, 255, 255, 0.05) !important;
-}
-
 .messageGroupWrapper__1fce2::before{
     content: "";
     top: 0;
@@ -196,7 +194,7 @@
     opacity: 0.25;
     z-index: -1;
     border-radius: var(--radius);
-    background: var(--bg-overlay-chat, var(--background-primary) )!important;
+    background: var(--pop-up-color, var(--bg-overlay-chat, var(--background-primary)))!important;
 }
 .reactionTooltip__20d0b::after{
     content: "";
@@ -208,7 +206,7 @@
     opacity: var(--opacity);
     z-index: -1;
     border-radius: 4px;
-    background: var(--bg-overlay-chat, var(--background-primary) )!important;
+    background: var(--pop-up-color, var(--bg-overlay-chat, var(--background-primary)))!important;
 }
 .footer_d84330::before {
     content: "";
@@ -219,7 +217,7 @@
     height: 100%;
     opacity: 0.2;
     z-index: -1;
-    background: var(--bg-overlay-3, var(--background-secondary) )!important;
+    background: var(--pop-up-color, var(--bg-overlay-3, var(--background-secondary)))!important;
 }