Bug 41917: Tor brand-specific styles.

browser/themes/shared/browser-shared.css

@@ -23,6 +23,7 @@
 @import url("chrome://browser/skin/customizableui/customizeMode.css");
 @import url("chrome://browser/skin/UITour.css");
 @import url("chrome://global/skin/browser-colors.css");
+@import url("chrome://browser/skin/tor-branding.css");
 
 @namespace html url("http://www.w3.org/1999/xhtml");
 

browser/themes/shared/jar.inc.mn

@@ -29,6 +29,7 @@
   skin/classic/browser/tabs.css                                (../shared/tabs.css)
   skin/classic/browser/toolbarbuttons.css                      (../shared/toolbarbuttons.css)
   skin/classic/browser/toolbarbutton-icons.css                 (../shared/toolbarbutton-icons.css)
+  skin/classic/browser/tor-branding.css                        (../shared/tor-branding.css)
   skin/classic/browser/urlbar-dynamic-results.css              (../shared/urlbar-dynamic-results.css)
   skin/classic/browser/urlbar-searchbar.css                    (../shared/urlbar-searchbar.css)
   skin/classic/browser/urlbarView.css                          (../shared/urlbarView.css)

browser/themes/shared/tor-branding.css

+.letterboxing {
+  --letterboxing-bgcolor: var(--color-grey-light-20, #F0F0F4);
+  --letterboxing-gradient-color1: rgba(0, 219, 222, 0.02);
+  --letterboxing-gradient-color2: rgba(252, 0, 255, 0.02);
+}
+
+@media (prefers-color-scheme: dark) {
+  .letterboxing {
+    --letterboxing-bgcolor: var(--color-grey-dark-10, #52525E);
+    --letterboxing-gradient-color1: rgba(0, 219, 222, 0.06);
+    --letterboxing-gradient-color2: rgba(252, 0, 255, 0.06);
+  }
+}
\ No newline at end of file