mirror of
https://github.com/zen-browser/desktop.git
synced 2025-09-29 14:38:37 +00:00
feat: update zen-cool-toolbar styles to enhance background and navbar appearance
This commit is contained in:
@@ -2,7 +2,6 @@
|
|||||||
:root:not([inDOMFullscreen='true']):not([chromehidden~='location']):not([chromehidden~='toolbar']) {
|
:root:not([inDOMFullscreen='true']):not([chromehidden~='location']):not([chromehidden~='toolbar']) {
|
||||||
& #zen-appcontent-wrapper {
|
& #zen-appcontent-wrapper {
|
||||||
box-shadow: 0 0 1px 1px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
|
box-shadow: 0 0 1px 1px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
|
||||||
background: var(--zen-colors-tertiary);
|
|
||||||
border-radius: var(--zen-border-radius);
|
border-radius: var(--zen-border-radius);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -13,6 +12,10 @@
|
|||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
margin-left: var(--zen-element-separation);
|
margin-left: var(--zen-element-separation);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
& #zen-appcontent-navbar-container {
|
||||||
|
background: color-mix(in srgb, var(--zen-colors-tertiary) 90%, transparent 10%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
& #zen-appcontent-navbar-container {
|
& #zen-appcontent-navbar-container {
|
||||||
|
Reference in New Issue
Block a user