From 3a0b786bc3237abfa5f4da6b2e2bbfff5dbfd2b1 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Mon, 19 Feb 2024 01:17:21 +0900
Subject: [PATCH] Fix: Tab - Selected tab background color when moving

---
 css/leptonChrome.css                          | 12 ++++++++++++
 css/leptonChromeESR.css                       |  6 ++++++
 src/tab/selected_tab/_color_like_toolbar.scss |  4 ++++
 3 files changed, 22 insertions(+)

diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 405d43e2..031b5711 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -6769,6 +6769,7 @@
   .tab-background:is([selected], [multiselected]) {
     background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
   }
+  #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected]:-moz-lwtheme,
   #tabbrowser-tabs:not([movingtab])
     > #tabbrowser-arrowscrollbox
     > .tabbrowser-tab
@@ -6783,6 +6784,11 @@
     background-repeat: repeat-x, repeat-x, no-repeat !important;
   }
   @supports -moz-bool-pref("userChrome.theme.transparent.frame") {
+    :root:not([lwtheme-image])
+      #tabbrowser-arrowscrollbox
+      > .tabbrowser-tab
+      > .tab-stack
+      > .tab-background[selected]:-moz-lwtheme,
     :root:not([lwtheme-image])
       #tabbrowser-tabs:not([movingtab])
       > #tabbrowser-arrowscrollbox
@@ -20754,6 +20760,7 @@
   .tab-background:is([selected], [multiselected]) {
     background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
   }
+  #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected]:-moz-lwtheme,
   #tabbrowser-tabs:not([movingtab])
     > #tabbrowser-arrowscrollbox
     > .tabbrowser-tab
@@ -20769,6 +20776,11 @@
   }
 }
 @media (-moz-bool-pref: "userChrome.tab.color_like_toolbar") and (-moz-bool-pref: "userChrome.theme.transparent.frame") {
+  :root:not([lwtheme-image])
+    #tabbrowser-arrowscrollbox
+    > .tabbrowser-tab
+    > .tab-stack
+    > .tab-background[selected]:-moz-lwtheme,
   :root:not([lwtheme-image])
     #tabbrowser-tabs:not([movingtab])
     > #tabbrowser-arrowscrollbox
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
index 97612bed..9c605221 100644
--- a/css/leptonChromeESR.css
+++ b/css/leptonChromeESR.css
@@ -7196,6 +7196,7 @@
   .tab-background:is([selected], [multiselected]) {
     background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
   }
+  #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected]:-moz-lwtheme,
   #tabbrowser-tabs:not([movingtab])
     > #tabbrowser-arrowscrollbox
     > .tabbrowser-tab
@@ -7210,6 +7211,11 @@
     background-repeat: repeat-x, repeat-x, no-repeat !important;
   }
   @supports -moz-bool-pref("userChrome.theme.transparent.frame") {
+    :root:not([lwtheme-image])
+      #tabbrowser-arrowscrollbox
+      > .tabbrowser-tab
+      > .tab-stack
+      > .tab-background[selected]:-moz-lwtheme,
     :root:not([lwtheme-image])
       #tabbrowser-tabs:not([movingtab])
       > #tabbrowser-arrowscrollbox
diff --git a/src/tab/selected_tab/_color_like_toolbar.scss b/src/tab/selected_tab/_color_like_toolbar.scss
index 8b77d218..a8fc64f8 100644
--- a/src/tab/selected_tab/_color_like_toolbar.scss
+++ b/src/tab/selected_tab/_color_like_toolbar.scss
@@ -7,6 +7,10 @@
   background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
 }
 
+#tabbrowser-arrowscrollbox
+  > .tabbrowser-tab
+  > .tab-stack
+  > .tab-background[selected]:-moz-lwtheme,
 #tabbrowser-tabs:not([movingtab])
   > #tabbrowser-arrowscrollbox
   > .tabbrowser-tab