mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-05 19:08:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed split view border and continued on theme creations

Browse Source
This commit is contained in:
mr. M
2024-10-25 23:22:34 +02:00
parent 4997786b9f
commit e7a52289c8
4 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/browser/base/content/zen-styles/zen-browser-container.css
View File

@@ -5,7 +5,7 @@
transform: translate3d(0, 0, 0);
position: relative;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1px 1px light-dark(rgba(0, 0, 0, 0.1), var(--zen-colors-border));
& browser {
border-radius: var(--zen-webview-border-radius, var(--zen-border-radius));
}

2
src/browser/base/content/zen-styles/zen-decks.css
View File

@@ -44,7 +44,7 @@
}
#tabbrowser-tabpanels[zen-split-view='true'] .browserSidebarContainer.deck-selected {
border: 2px solid var(--zen-primary-color) !important;
outline: 2px solid var(--zen-primary-color) !important;
}
#tabbrowser-tabbox {

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

@@ -151,12 +151,13 @@
}
& .tab-background:not(:hover):not([selected]):not([multiselected]) {
--zen-pinned-tabs-bgcolor: color-mix(in srgb, var(--zen-colors-tertiary) 10%, transparent 90%);
--zen-pinned-tabs-bgcolor: color-mix(in srgb, var(--zen-colors-secondary) 10%, transparent 90%);
@media not (prefers-color-scheme: dark) {
--zen-pinned-tabs-bgcolor: color-mix(in srgb, #fff 30%, transparent 70%);
--zen-pinned-tabs-bgcolor: color-mix(in srgb, #e7e7e7 30%, transparent 70%);
}
background: var(--zen-pinned-tabs-bgcolor) !important;
backdrop-filter: blur(10px) invert(0.05);
backdrop-filter: blur(10px);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
}
& .tabbrowser-tab .tab-content {
@@ -213,6 +214,13 @@
transform: translateX(-50%);
position: absolute;
}
@media (prefers-color-scheme: dark) {
&::after {
filter: invert(0.1);
mix-blend-mode: difference;
}
}
}
& #zen-sidebar-icons-wrapper {
@@ -232,7 +240,7 @@
padding-left: 0;
}
&:not([zen-right-side='true']) {
&:not([zen-right-side='true']):not([zen-user-hover='true']) {
padding-right: 0;
& #titlebar {
padding-left: var(--zen-toolbox-padding);
@@ -371,6 +379,13 @@
transform: translateX(-50%);
position: absolute;
}
@media (prefers-color-scheme: dark) {
&::after {
filter: invert(0.1);
mix-blend-mode: difference;
}
}
}
& #TabsToolbar-customization-target {

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

@@ -9,7 +9,7 @@
--urlbarView-separator-color: var(--zen-colors-border);
--urlbarView-hover-background: var(--toolbarbutton-hover-background);
--urlbarView-highlight-background: var(--toolbarbutton-hover-background);
border: 1px solid var(--zen-colors-border);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: var(--toolbarbutton-border-radius);
overflow: hidden;
padding: 1px;
@@ -28,13 +28,18 @@
}
#urlbar-background {
background: transparent;
background: var(--zen-dialog-background);
}
#urlbar[focused='true'] > #urlbar-background {
background: var(--zen-dialog-background) !important;
}
#urlbar:not([focused='true']):not([breakout-extend="true"]) > #urlbar-background {
background: color-mix(in srgb, light-dark(#fff, var(--zen-colors-secondary)) 65%, transparent 35%) !important;
backdrop-filter: blur(10px);
}
#urlbar-background {
border: transparent !important;
}