Bug 41917: Tor brand-specific styles.

browser/themes/shared/browser-shared.css

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

browser/themes/shared/jar.inc.mn

@@ -28,6 +28,7 @@
   skin/classic/browser/sidebar.css                             (../shared/sidebar.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);
+  }
+}