From a3c45581427af8cc29b2d3561ae63cb5e1a33707 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Sat, 25 Nov 2023 18:51:31 +0900
Subject: [PATCH] Fix: Tab - Selected background at FF v121 #827

https://github.com/mozilla/gecko-dev/commit/4ac6245eb928327070710d2966abb6344a240dd2
---
 css/leptonChrome.css                          | 8 ++++++++
 css/leptonChromeESR.css                       | 4 ++++
 src/tab/selected_tab/_color_like_toolbar.scss | 4 ++++
 3 files changed, 16 insertions(+)

diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 14b3ccba..e07b369f 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -6694,6 +6694,10 @@
     --tab-selected-bgcolor: unset !important; /* Original: rgb(255,255,255); */
     --tab-selected-bgimage: unset !important; /* Above FF v101 */
   }
+  #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon,
+  .tab-background:is([selected], [multiselected]) {
+    background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
+  }
   #tabbrowser-tabs:not([movingtab])
     > #tabbrowser-arrowscrollbox
     > .tabbrowser-tab
@@ -20505,6 +20509,10 @@
     --tab-selected-bgcolor: unset !important; /* Original: rgb(255,255,255); */
     --tab-selected-bgimage: unset !important; /* Above FF v101 */
   }
+  #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon,
+  .tab-background:is([selected], [multiselected]) {
+    background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
+  }
   #tabbrowser-tabs:not([movingtab])
     > #tabbrowser-arrowscrollbox
     > .tabbrowser-tab
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
index 07fe5ce3..f300f2de 100644
--- a/css/leptonChromeESR.css
+++ b/css/leptonChromeESR.css
@@ -7103,6 +7103,10 @@
     --tab-selected-bgcolor: unset !important; /* Original: rgb(255,255,255); */
     --tab-selected-bgimage: unset !important; /* Above FF v101 */
   }
+  #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon,
+  .tab-background:is([selected], [multiselected]) {
+    background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
+  }
   #tabbrowser-tabs:not([movingtab])
     > #tabbrowser-arrowscrollbox
     > .tabbrowser-tab
diff --git a/src/tab/selected_tab/_color_like_toolbar.scss b/src/tab/selected_tab/_color_like_toolbar.scss
index 48b673ec..5e3e3232 100644
--- a/src/tab/selected_tab/_color_like_toolbar.scss
+++ b/src/tab/selected_tab/_color_like_toolbar.scss
@@ -3,6 +3,10 @@
   --tab-selected-bgcolor: unset !important; /* Original: rgb(255,255,255); */
   --tab-selected-bgimage: unset !important; /* Above FF v101 */
 }
+#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) {
+  background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
+}
+
 #tabbrowser-tabs:not([movingtab])
   > #tabbrowser-arrowscrollbox
   > .tabbrowser-tab