mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-01-04 16:23:01 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Clean: Tab - Box shadow

Browse source
This commit is contained in:
alstjr7375 2022-12-17 05:24:39 +09:00
parent 72c7521c89
commit ce55d26536
2 changed files with 5 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

18
css/leptonChrome.css
View file

@ -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);"])

18
src/tab/selected_tab/_box_shadow.scss
View file

@ -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;
}