diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 7c2f73f..f002467 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -4205,8 +4205,10 @@
   .tabbrowser-tab:is([selected], [multiselected]) .tab-context-line {
     /* Photon like color
        Default: var(--tab-line-color, rgb(10, 132, 255))
-       Automatic: color-mix(in srgb, var(--button-primary-bgcolor) 80%, transparent) */
-    background-color: var(--tab-line-color, #0a84ff) !important;
+       Automatic: color-mix(in srgb, var(--button-primary-bgcolor) 80%, transparent)
+
+       FF v96+ replace by var(--lwt-tab-line-color) */
+    background-color: var(--tab-line-color, var(--lwt-tab-line-color, #0a84ff)) !important;
   }
 
   .tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line {
diff --git a/src/tabbar/selected_tab/_photon_like_contextline.scss b/src/tabbar/selected_tab/_photon_like_contextline.scss
index f500d7c..6863996 100644
--- a/src/tabbar/selected_tab/_photon_like_contextline.scss
+++ b/src/tabbar/selected_tab/_photon_like_contextline.scss
@@ -18,8 +18,10 @@
 .tabbrowser-tab:is([selected], [multiselected]) .tab-context-line {
   /* Photon like color
      Default: var(--tab-line-color, rgb(10, 132, 255))
-     Automatic: color-mix(in srgb, var(--button-primary-bgcolor) 80%, transparent) */
-  background-color: var(--tab-line-color, rgb(10, 132, 255)) !important;
+     Automatic: color-mix(in srgb, var(--button-primary-bgcolor) 80%, transparent)
+
+     FF v96+ replace by var(--lwt-tab-line-color) */
+  background-color: var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255))) !important;
 }
 
 .tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line {