Made webpages transparent

2 files changed, 38 insertions, 3 deletions

diff --git a/userChrome.css b/userChrome.css
index 3b7ac24..62c552d 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -177,3 +177,30 @@ treechildren::-moz-tree-row(even) {
   max-height: 28px !important;
 }
 
+/* ═══════════════════════════════════════════════════════════════════
+   BACKPLATE
+   ═══════════════════════════════════════════════════════════════════ */
+
+/* userChrome.css */
+
+/* 1) Set the variable Firefox uses for the tab/content backplate */
+:root {
+  --tabpanel-background-color: rgba(0, 54, 54, 0.3) !important;
+}
+
+/* 2) Override the actual elements that paint behind the page */
+#browser,
+.browserContainer,
+#tabbrowser-tabpanels,
+#tabbrowser-tabbox {
+  background: rgba(0, 54, 54, 0.3) !important;
+  background-color: rgba(0, 54, 54, 0.3) !important;
+  background-image: none !important;
+}
+
+/* 3) Make the browser element itself not reintroduce another backdrop */
+browser[type="content-primary"],
+browser[type="content"] {
+  background: transparent !important;
+  background-color: transparent !important;
+}
diff --git a/userContent.css b/userContent.css
index a1e1002..76ad258 100644
--- a/userContent.css
+++ b/userContent.css
@@ -1,4 +1,12 @@
-:root {
-  --in-content-page-background: #00000000 !important;
-  --in-content-box-background: #00000088 !important;
+/* userContent.css */
+@-moz-document url(about:newtab), url("about:home") {
+  html {
+    --newtab-background-color: transparent !important;
+    --newtab-background-color-secondary: transparent !important;
+    background: transparent !important;
+  }
+
+  body {
+    background: transparent !important;
+  }
 }