mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-20 16:51:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update selected tab background color and box-shadow for improved visual consistency

Browse Source
This commit is contained in:
mr. M
2025-01-20 07:51:34 +01:00
parent 24063ad883
commit d06d684c96
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
View File

@@ -228,7 +228,7 @@
border-bottom: 0px solid transparent !important; border-bottom: 0px solid transparent !important;
--tab-block-margin: 2px; --tab-block-margin: 2px;
--tab-selected-bgcolor: var(--zen-toolbar-element-bg); --tab-selected-bgcolor: light-dark(rgba(255, 255, 255, 0.75), var(--zen-toolbar-element-bg));
grid-gap: 0 !important; grid-gap: 0 !important;
&[overflow]::after, &[overflow]::after,
@@ -243,6 +243,10 @@
#tabbrowser-tabs[dont-animate-tabs] & { #tabbrowser-tabs[dont-animate-tabs] & {
opacity: 0; opacity: 0;
} }
&:is([selected], [multiselected], [visuallyselected]) .tab-background {
box-shadow: 0 1px 1px 1px light-dark(rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.1));
}
} }
&:not([zen-essential='true']):active { &:not([zen-essential='true']):active {
@@ -908,7 +912,7 @@
--tab-selected-bgcolor: light-dark(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.2)); --tab-selected-bgcolor: light-dark(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.2));
&[selected] .tab-background { &[selected] .tab-background {
box-shadow: 0 0 1px 1px light-dark(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.1)); box-shadow: 0 1px 1px 1px light-dark(rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.1));
} }
&:not([selected], [multiselected="true"]) .tab-background { &:not([selected], [multiselected="true"]) .tab-background {