From 80e06b3f491e9bc9745a7404931d483954a22d0d Mon Sep 17 00:00:00 2001
From: "Lennart J. Kurzweg (Nx2)" <git@nx2.site>
Date: Thu, 21 Nov 2024 22:07:31 +0100
Subject: [PATCH] more userChrome

---
 home-modules/firefox.nix | 53 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 51 insertions(+), 2 deletions(-)

diff --git a/home-modules/firefox.nix b/home-modules/firefox.nix
index 5b9954a..ebafb53 100644
--- a/home-modules/firefox.nix
+++ b/home-modules/firefox.nix
@@ -140,7 +140,6 @@
       @-moz-document domain(reddit.com) {
         header {
           background-color: rgba(${rice.lib.hex-to-rgb-comma-string background},${builtins.toString rice.transparency}) !important;
-          backdrop-filter: blur(20px);
         }    
         body, html, reddit-sidebar-nav, shreddit-post, aside, .reddit-search-bar{
           background-color: transparent !important;
@@ -171,6 +170,24 @@
         }
       }
 
+      @media (prefers-color-scheme: dark) {
+        :root .theme-system {
+          --color-bg: transtparent !important;
+          --color-text: ${rice.color.foreground}
+        }
+      }
+
+      @-moz-document domain(developer.mozilla.org) {
+        html, body {
+          background-color: transparent !important;
+        }
+        .top-navigation, .article-actions-container {
+          background-color: rgba(0,0,0,1) !important; 
+          backdrop-filter: blur(100px);
+          border-radius: ${builtins.toString rice.rounding}px;
+        }
+      }
+
       @-moz-document domain(github.com) {
         body, html, header, #repository-container-header, .bgColor-muted, section {
           background-color: transparent !important;
@@ -182,7 +199,8 @@
           background-color: transparent !important;
         }
         header, footer {
-          background-color: rgba(0,0,0,0.5) !important;
+          background-color: rgba(0,0,0,1) !important; 
+          backdrop-filter: blur(100px);
           border-radius: ${builtins.toString rice.rounding}px;
         }
       }
@@ -203,6 +221,37 @@
           background-size: 2vmin 2vmin !important;
         }
       }
+
+      @-moz-document domain(pw.nx2.site) {
+        html {
+          background: radial-gradient(rgba(255, 255, 255, 0.8) 5%, transparent 5%) !important;
+          background-repeat: repeat !important;
+          background-size: 2vmin 2vmin !important;
+        }
+        body, .tw-bg-background-alt3, main, .card-header, .card-body, .modal-body {
+          background-color: transparent !important;
+        }
+        .modal-open, .modal-header, form.modal-content, .modal-footer {
+          background-color: rgba(0,0,0,0.8) !important;
+          backdrop-filter: blur(5px);
+        } 
+        .cdk-virtual-scroll-content-wrapper, .card, .tw-bg-background, .modal-content {
+          background-color: rgba(0,0,0,0.8) !important;
+          border-radius: 10px !important;
+          border: ${toString rice.border-width}px solid ${border} !important;
+        }
+      }     
+
+      @-moz-document domain(chatgpt.com) {
+        body, html , .bg-token-sidebar-surface-primary {
+          background-color: transparent !important;
+        }
+        .bg-token-main-surface-primary {
+          background-color: rgba(0,0,0,1) !important; 
+          backdrop-filter: blur(100px) !important;
+          border-radius: ${builtins.toString rice.rounding}px !important;
+        }
+      }
     '';
   };
 }