summaryrefslogtreecommitdiff
path: root/userChrome.css
diff options
context:
space:
mode:
Diffstat (limited to 'userChrome.css')
-rw-r--r--userChrome.css27
1 files changed, 27 insertions, 0 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;
+}