librewolf: update userContent to use new variables

diff --git a/librewolf/chrome/userContent.css b/librewolf/chrome/userContent.css
index 8109127bb7bf11270915de5f94568486af9485b1..5e3a3ed357430f96bf6bf2c0691f30f14476b993 100644 (file)
--- a/librewolf/chrome/userContent.css
+++ b/librewolf/chrome/userContent.css
@@ -1,13 +1,16 @@
 @-moz-document url-prefix(about:newtab) {
   :root {
-    --sm-background-color: rgb(255, 255, 255, 0.8);
+    --sm-panel-bg-filter: blur(25px);
+    --sm-panel-bg-color-rgb: 25, 23, 20;
+    --sm-panel-bg-color-alpha: 0.8;
+    --sm-panel-bg-color: rgb(var(--sm-panel-bg-color-rgb), var(--sm-panel-bg-color-alpha));
   }
   :root[lwt-newtab-brighttext] {
-    --sm-background-color: rgb(23, 23, 23, 0.8);
+    --sm-panel-bg-color-rgb: 230, 225, 220;
   }
 
   .non-collapsible-section, .discovery-stream.ds-layout {
-    background-color: var(--sm-background-color);
+    background-color: var(--sm-panel-bg-color);
     backdrop-filter: blur(25px);
     border-radius: 4px;
     margin: 10px auto !important;