1 files changed, 110 insertions, 0 deletions
diff --git a/browser/themes/shared/light-dark-overrides.css b/browser/themes/shared/light-dark-overrides.css
new file mode 100644
index 0000000000..5fa24219f5
--- /dev/null
+++ b/browser/themes/shared/light-dark-overrides.css
@@ -0,0 +1,110 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+#urlbar {
+  --urlbar-box-bgcolor: var(--toolbar-field-focus-background-color);
+  --urlbar-box-focus-bgcolor: var(--button-bgcolor);
+  --urlbar-box-hover-bgcolor: var(--button-hover-bgcolor);
+}
+
+@media (-moz-platform: windows) {
+  /* The window background is white due to no accentcolor in the lightweight
+     theme. It can't be changed to transparent when there is no compositor
+     (Win 7 in classic / basic theme), or else dragging and focus become
+     broken. So instead just show the normal titlebar in that case, and override
+     the window color as transparent when the compositor is available. */
+  @media (-moz-windows-compositor: 0) {
+    :root[tabsintitlebar]:not([inDOMFullscreen]) #titlebar:-moz-lwtheme {
+      visibility: visible;
+    }
+
+    /* Prevent accent color overriding the window background for
+     * light and dark theme on Aero Basic. This is copied from browser-aero.css. */
+    @media (-moz-windows-default-theme) {
+      :root {
+        background-color: rgb(185,209,234) !important;
+      }
+      :root:-moz-window-inactive {
+        background-color: rgb(215,228,242) !important;
+      }
+    }
+  }
+
+  /* Add a fog for background tabs to be visible on Windows 7 glass window background */
+  @media (-moz-platform: windows-win7) {
+    @media (-moz-windows-default-theme) {
+      #TabsToolbar {
+        background-image: radial-gradient(ellipse at bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.5) 80%, transparent);
+        color: black;
+        --toolbarbutton-icon-fill: currentColor;
+      }
+    }
+  }
+
+  @media (-moz-windows-glass) {
+    /* Make the menubar text readable on aero glass (copied from browser-aero.css). */
+    #toolbar-menubar {
+      text-shadow: 0 0 .5em white, 0 0 .5em white, 0 1px 0 rgba(255,255,255,.4);
+    }
+
+    #main-menubar:not(:-moz-window-inactive) {
+      background-color: rgba(255,255,255,.5);
+      color: black;
+      border-radius: 4px;
+    }
+  }
+
+  @media (-moz-platform: windows-win7),
+         (-moz-platform: windows-win8) {
+    @media (-moz-windows-compositor) {
+      :root {
+        background: transparent !important;
+      }
+
+      /* Remove lwtheme borders from toolbars in non-maximized windows. */
+      #toolbar-menubar,
+      #TabsToolbar {
+        border-inline-style: none !important;
+      }
+    }
+
+    /* Use proper menu text styling in Win7 classic mode. On Windows 8, we use
+       these colors so tabs and menus are legible against the window accent color.
+       These colors are copied from browser.css. */
+    @media (-moz-windows-compositor: 0),
+           (-moz-windows-default-theme: 0),
+           (-moz-platform: windows-win8) {
+      :root[tabsintitlebar] {
+        color: CaptionText;
+      }
+
+      :root[tabsintitlebar]:-moz-window-inactive {
+        color: InactiveCaptionText;
+      }
+    }
+  }
+
+  /* Restored windows get an artificial border on windows, because the lwtheme background
+   * overlaps the regular window border. That isn't the case for us, so we avoid painting
+   * over the native border with our custom borders. These are !important to avoid
+   * specificity-wars with the selectors that add these borders. */
+  @media (-moz-windows-classic),
+         (-moz-windows-compositor: 0) and (-moz-windows-default-theme) {
+    #navigator-toolbox {
+      background-image: none !important;
+    }
+  }
+  @media (-moz-windows-glass) {
+    #navigator-toolbox {
+      border-top: none !important;
+      box-shadow: none !important;
+      padding-top: 0 !important;
+    }
+  }
+  @media (-moz-platform: windows-win8) {
+    #navigator-toolbox {
+      border-top: none !important;
+    }
+  }
+}