From 4b0fa3db83dbf9945039e94fd1b8e537815dae49 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 1 May 2022 00:54:08 +0900 Subject: [PATCH] Fix: Selected Tab - backported #337 to #382 https://github.com/black7375/Firefox-UI-Fix/commit/af691559568cedcbe5c76135d7644943b92ea7c9 --- css/leptonChrome.css | 6 ++++-- src/tabbar/selected_tab/_photon_like_contextline.scss | 6 ++++-- 2 files changed, 8 insertions(+), 4 deletions(-) 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 {