mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-29 22:48:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update tab hover background color and tab height in vertical-tabs.css

Browse Source
This commit is contained in:
mr. M
2024-11-04 19:55:43 +01:00
parent 19f8f58618
commit cf7af8e3aa
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -263,6 +263,10 @@
position: relative;
}
& #zen-essentials-container {
--tab-min-height: 40px;
}
/* Mark: Fix separator paddings */
&[zen-right-side='true'] {
padding-left: 0;
@@ -743,7 +747,6 @@
#zen-essentials-container {
padding-bottom: var(--zen-toolbox-padding);
margin-bottom: var(--zen-toolbox-padding);
gap: 3px;
overflow: hidden;
}
@@ -760,12 +763,13 @@
}
#zen-essentials-container .tabbrowser-tab {
--toolbarbutton-inner-padding: 0;
max-width: unset;
width: 100% !important;
border-radius: var(--border-radius-medium);
&:not([selected]):not(:hover) .tab-background {
background: light-dark(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
&:not([selected]) .tab-background {
background: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.07));
}
backdrop-filter: blur(10px);

6
src/browser/base/content/zen-styles/zen-urlbar.css
View File

@@ -5,7 +5,7 @@
}
#urlbar {
--toolbarbutton-border-radius: 5px;
--toolbarbutton-border-radius: 6px;
--urlbarView-separator-color: var(--zen-colors-border);
--urlbarView-hover-background: var(--toolbarbutton-hover-background);
--urlbarView-highlight-background: var(--toolbarbutton-hover-background);
@@ -51,10 +51,6 @@
outline-color: none !important;
}
#urlbar[breakout-extend='true'] {
border-radius: 12px;
}
#identity-icon-box,
#identity-permission-box {
background: color-mix(in srgb, var(--zen-colors-secondary) 50%, transparent 50%) !important;