From 8aeab44e7030f60bb8069a742b2009e445cd7be0 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 11 May 2022 04:59:26 +0900 Subject: [PATCH] Fix: Selected Tab - Remove outline at connected tab #388 --- css/leptonChrome.css | 10 ++++++++++ src/compatibility/_theme.scss | 10 ++++++++++ 2 files changed, 20 insertions(+) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index cceab51..f56ed34 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -90,6 +90,16 @@ /* Nigtly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */ border: unset !important; } + + #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon:-moz-lwtheme, + .tab-background[selected]:-moz-lwtheme { + outline-color: transparent !important; + } + + .keyboard-focused-tab > .tab-stack > .tab-background, + .tabbrowser-tab:focus:not([aria-activedescendant]) > .tab-stack > .tab-background { + outline: var(--focus-outline) !important; + } } /*= Light Weight Theme =======================================================*/ /* Header Image */ diff --git a/src/compatibility/_theme.scss b/src/compatibility/_theme.scss index 87c2a7f..e30c33f 100644 --- a/src/compatibility/_theme.scss +++ b/src/compatibility/_theme.scss @@ -70,6 +70,16 @@ menu { // Dark Theme "[brighttext]" ":-moz-lwtheme" ); + + #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon:-moz-lwtheme, + .tab-background[selected]:-moz-lwtheme { + // Nightly 102: outline: 1px solid var(--lwt-tab-line-color, var(--lwt-tabs-border-color, currentColor)); + outline-color: transparent !important; + } + .keyboard-focused-tab > .tab-stack > .tab-background, + .tabbrowser-tab:focus:not([aria-activedescendant]) > .tab-stack > .tab-background { + outline: var(--focus-outline) !important; + } } /*= Light Weight Theme =======================================================*/