Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update floating tabs appearance #39

Browse source
This commit is contained in:
bmFtZQ 2022-06-23 03:43:02 +08:00
parent 0c02950221
commit 51294bdf21
2 changed files with 31 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

22
chrome/global/tweaks.css
View file

@ -51,13 +51,16 @@ browsing indicator) */
--lwt-accent-color: #f3f3f3 !important;
--lwt-accent-color-inactive: unset !important;
--toolbar-bgcolor: #fff !important;
--uc-urlbar-shadow: none !important;
}
:root[lwt-default-theme-in-dark-mode="true"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34)"] {
--lwt-accent-color: #202020 !important;
--toolbar-bgcolor: #4D4D4D !important;
--lwt-accent-color-inactive: unset !important;
--chrome-content-separator-color: #535353 !important;
--uc-tab-border-color: #ffffff0f !important;
}
@media (-moz-gtk-csd-available) {
@ -83,6 +86,15 @@ browsing indicator) */
border-radius: var(--tab-border-radius) !important;
}
.tab-background[selected] {
outline: 1px solid var(--uc-tab-border-color, var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent))) !important;
outline-offset: -1px !important;
}
.tabbrowser-tab[selected] .tab-label {
font-weight: 600 !important;
}
/* adjust spacing of area above tabs */
@media not (-moz-platform: macos) {
:root[sizemode="maximized"] #titlebar {
@ -100,10 +112,6 @@ browsing indicator) */
}
}
:root #titlebar {
--tab-min-height: 33px !important;
}
/* remove navbar shadow */
#titlebar,
:root[lwtheme-brighttext="true"] #titlebar {
@ -134,11 +142,11 @@ browsing indicator) */
}
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])>.tab-stack>.tab-background {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.1) !important;
box-shadow: 0 3.3px 3px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.11) !important;
}
:root[lwtheme-brighttext="true"] .tabbrowser-tab:is([visuallyselected="true"], [multiselected])>.tab-stack>.tab-background {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.1) !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}
}
@ -178,7 +186,7 @@ browsing indicator) */
}
:root[lwt-default-theme-in-dark-mode="true"]:not(:-moz-window-inactive) {
--toolbar-bgcolor: #ffffff20 !important;
--toolbar-bgcolor: #ffffff25 !important;
}
}

24
chrome/toolbar/tabbar.css
View file

@ -92,16 +92,18 @@
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
background-color: color-mix(in srgb, white 30%, transparent) !important;
--uc-tab-corner-bg: color-mix(in srgb, white 30%, transparent) !important;
}
:root[lwtheme-brighttext="true"] .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
background-color: color-mix(in srgb, currentColor 8%, transparent) !important;
--uc-tab-corner-bg: color-mix(in srgb, currentColor 8%, transparent) !important;
}
#tabbrowser-tabs .tab-background:is([selected], [multiselected]) {
@supports not -moz-bool-pref("uc.tweak.floating-tabs") {
:root:not([lwtheme-brighttext="true"]) .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
background-color: color-mix(in srgb, white 30%, transparent) !important;
--uc-tab-corner-bg: color-mix(in srgb, white 30%, transparent) !important;
}
}
.tab-background:is([selected], [multiselected]) {
outline: none !important;
}
@ -170,6 +172,10 @@
display: none !important;
}
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
height: var(--tab-min-height) !important;
}
.tab-icon-stack:is([soundplaying], [muted], [activemedia-blocked])>.tab-icon-overlay,
.tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])> :not(.tab-icon-overlay) {
opacity: 1 !important;
@ -319,7 +325,8 @@ toolbarbutton[part="scrollbutton-down"] {
}
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])>.tab-stack>.tab-background {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0px 2px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 0 0 1px var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent)),
0 2px 4px rgba(0, 0, 0, 0.3), 0 0px 2px rgba(0, 0, 0, 0.2) !important;
}
#titlebar {
@ -327,7 +334,8 @@ toolbarbutton[part="scrollbutton-down"] {
}
:root[lwtheme-brighttext="true"] .tabbrowser-tab:is([visuallyselected="true"], [multiselected])>.tab-stack>.tab-background {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 0px 2px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 0 0 1px var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent)),
0 2px 4px rgba(0, 0, 0, 0.45), 0 0px 2px rgba(0, 0, 0, 0.2) !important;
}
:root[lwtheme-brighttext="true"] #titlebar {