style(zen): add more opacity to transparent background for better visibility

1 files changed, 12 insertions, 3 deletions

diff --git a/dot-zen/default/chrome/userContent.css b/dot-zen/default/chrome/userContent.css
index 7c478c31..aa24c42b 100644
--- a/dot-zen/default/chrome/userContent.css
+++ b/dot-zen/default/chrome/userContent.css
@@ -15,13 +15,18 @@
     #appbar, .appbar {
         background-color: transparent !important;
     }
-    #search *, .dURPMd * {
+    #search * > :not(.MjjYud *), .dURPMd * > :not(.MjjYud *) {
         background: transparent !important;
         background-color: transparent !important;
     }
     .KcXNxb, .dG2XIf {
         background-color: transparent !important;
     }
+    .MjjYud > div > div, .MjjYud > div {
+        background: var(--bg-color) !important;
+        background-color: var(--bg-color) !important;
+        border-radius: 8px !important;
+    }
 }
 
 @-moz-document url-prefix("https://docs.google.com/forms") {
@@ -35,10 +40,14 @@
         background: transparent !important;
     }
     .comment {
+        background: var(--bg-color) !important;
+    }
+    .discussion-timeline-actions {
         background: transparent !important;
     }
-    .color-bg-default, .color-fg-default, .bgColor-default, .color-bg-inset, .bgColor-inset, .discussion-timeline-actions {
-        background-color: transparent !important;
+    .color-bg-default, .color-fg-default, .bgColor-default, .color-bg-inset, .bgColor-inset {
+        background-color: var(--bg-color) !important;
+        backdrop-filter: blur(16px) !important;
     }
 }