update floating tabs appearance #39

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

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