Fix: Compatibility - Tab background color #867

black7375 · Feb 12, 2024 · a25a088 · a25a088
1 parent 772cba2
commit a25a088
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 13 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
diff --git a/src/compatibility/_theme.scss b/src/compatibility/_theme.scss
@@ -93,10 +93,18 @@ menu {
 
 /*= Light Weight Theme =======================================================*/
 /* Header Image */
-:root[lwtheme-image] {
+:root[lwtheme-image] > body {
+  // Linux compatibility:
+  // :root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) {
+  //    appearance: auto;
+  // }
   background-image: var(--lwt-header-image) !important; /* Original: var(--lwt-header-image) */
   background-repeat: no-repeat !important;
   background-position: right top !important;
+  background-color: var(--lwt-accent-color, Window) !important;
+  &:-moz-window-inactive {
+    background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
+  }
 
   // For high-resolution screen's image ratio
   @media (min-width: 2500px) {
@@ -122,6 +130,10 @@ menu {
   --lwt-tabs-border-color: rgba(0, 0, 0, 0.4);
 }
 
+#customization-container {
+  background-color: transparent !important; /* Original: color-mix(in srgb, -moz-dialog 85%, white) */
+}
+
 /*= Findbar Border Color =====================================================*/
 html|input.findbar-textbox {
   border: 1px solid var(--input-border-color, var(--toolbar-field-border-color, ThreeDShadow)) !important; /* Original: 1px solid var(--input-border-color, var(--toolbar-field-border-color)) */