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

Clean: Separated to color_like_toolbar.scss

Browse source
This commit is contained in:
alstjr7375 2021-12-17 22:01:54 +09:00
parent 6312ac1c36
commit 3fec26ea39
2 changed files with 35 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/tabbar/_color_like_toolbar.scss Normal file
View file

@ -0,0 +1,34 @@
:root:not(:-moz-lwtheme) {
/* Fix for windows's system default theme. Using --toolbar-bgcolor fallback */
--tab-selected-bgcolor: unset !important; /* Original: rgb(255,255,255); */
}
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab
> .tab-stack
> .tab-background[selected="true"]:-moz-lwtheme {
/* Original: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none)
*/
background-image: linear-gradient(transparent, transparent),
linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
}
/* Multi Selected Color */
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab
> .tab-stack
> .tab-background[multiselected]:not([selected]):-moz-lwtheme {
background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)),
linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
}
.tab-background[multiselected="true"]:not([selected="true"]) > .tab-loading-burst:not([bursting]) {
background: color-mix(in srgb, currentColor 65%, transparent);
opacity: 0.3;
}
#TabsToolbar[brighttext]
.tab-background[multiselected="true"]:not([selected="true"])
> .tab-loading-burst:not([bursting]) {
opacity: 0.15;
}

35
src/userChrome.scss
View file

@ -41,40 +41,7 @@
@import "tabbar/connect_to_window";
/** Selected Tab - Color like toolbar *****************************************/
:root:not(:-moz-lwtheme) {
/* Fix for windows's system default theme. Using --toolbar-bgcolor fallback */
--tab-selected-bgcolor: unset !important; /* Original: rgb(255,255,255); */
}
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab
> .tab-stack
> .tab-background[selected="true"]:-moz-lwtheme {
/* Original: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none)
*/
background-image: linear-gradient(transparent, transparent),
linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
}
/* Multi Selected Color */
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab
> .tab-stack
> .tab-background[multiselected]:not([selected]):-moz-lwtheme {
background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)),
linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
}
.tab-background[multiselected="true"]:not([selected="true"]) > .tab-loading-burst:not([bursting]) {
background: color-mix(in srgb, currentColor 65%, transparent);
opacity: 0.3;
}
#TabsToolbar[brighttext]
.tab-background[multiselected="true"]:not([selected="true"])
> .tab-loading-burst:not([bursting]) {
opacity: 0.15;
}
@import "tabbar/color_like_toolbar";
/** Selected Tab - Box Shadow *************************************************/
#TabsToolbar[brighttext]