From ce55d265365085ea044d8c48c42d8169f4f3a423 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 17 Dec 2022 05:24:39 +0900 Subject: [PATCH] Clean: Tab - Box shadow --- css/leptonChrome.css | 18 +----------------- src/tab/selected_tab/_box_shadow.scss | 18 ++++-------------- 2 files changed, 5 insertions(+), 31 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index e500839..4aaf925 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -6030,14 +6030,6 @@ #tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) { box-shadow: var(--uc-tab-basic-shadow) !important; } - :root:is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab { - /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)) - Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */ - /* Consider 0 0 4px rgba(128,128,142,0.9) -> 0 0 4px rgba(0,0,0,.4) new default */ - } :root:is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) @@ -6056,15 +6048,6 @@ .tabbrowser-tab[multiselected]:not([visuallyselected]) { --uc-tab-shadow-color: var(--toolbar-color); } - :root:is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]) - #TabsToolbar:not([brighttext]) - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - --uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle); - box-shadow: var(--uc-tab-background-shadow-soft) var(--uc-tab-shadow-color), var(--uc-tab-additional-shadow) !important; - } /* For themes outside of Light and Dark (which are curated by Mozilla), show a thicker border around the tab to help themes that are dependent on tab_line to show the selected tab. */ :root:not([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]) @@ -6073,6 +6056,7 @@ .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { + --uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle); box-shadow: var(--uc-tab-background-shadow-hard) var(--uc-tab-shadow-color), var(--uc-tab-additional-shadow) !important; } :root:not([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) diff --git a/src/tab/selected_tab/_box_shadow.scss b/src/tab/selected_tab/_box_shadow.scss index 642c700..74837e7 100644 --- a/src/tab/selected_tab/_box_shadow.scss +++ b/src/tab/selected_tab/_box_shadow.scss @@ -35,26 +35,15 @@ } } - /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)) - Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */ - /* Consider 0 0 4px rgba(128,128,142,0.9) -> 0 0 4px rgba(0,0,0,.4) new default */ &[visuallyselected="true"]:not(:focus), &[multiselected]:not([visuallyselected]) { + // Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)) + // Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */ + // Consider 0 0 4px rgba(128,128,142,0.9) -> 0 0 4px rgba(0,0,0,.4) new default */ --uc-tab-shadow-color: var(--toolbar-color); } } -:root:is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]) - #TabsToolbar:not([brighttext]) - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - --uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle); - box-shadow: var(--uc-tab-background-shadow-soft) var(--uc-tab-shadow-color), - var(--uc-tab-additional-shadow) !important; -} - /* For themes outside of Light and Dark (which are curated by Mozilla), show a thicker border around the tab to help themes that are dependent on tab_line to show the selected tab. */ :root:not([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]) @@ -63,6 +52,7 @@ .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { + --uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle); box-shadow: var(--uc-tab-background-shadow-hard) var(--uc-tab-shadow-color), var(--uc-tab-additional-shadow) !important; }