mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-03-23 17:10:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Update CSS styles for Zen Browser sidebar and tabpanels

Browse Source
This commit is contained in:
Mauro Balades
2024-07-04 14:53:21 +02:00
parent dd83575214
commit 4dfb9879ba
4 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/browser/themes/shared/zen-decks.css
View File

@@ -21,7 +21,7 @@
}
#tabbrowser-tabpanels[zen-split-view="true"] .browserSidebarContainer[zen-split-active="true"] {
border-color: var(--zen-primary-color) !important;
box-shadow: 0 0 0 2px var(--zen-primary-color) !important;
}
#tabbrowser-tabpanels:has(> [zen-split="true"]) {

13
src/browser/themes/shared/zen-sidebar.css
View File

@@ -13,8 +13,9 @@
overflow: hidden;
transition: .2s;
margin-left: 0 !important;
margin-right: 0 !important;
border: var(--zen-appcontent-border);
margin-top: 0 !important;
box-shadow: none;
}
#sidebar-box[hidden="true"] {
@@ -22,6 +23,14 @@
opacity: 0 !important;
}
#sidebar-box[positionend="true"] {
order: 1 !important;
}
#sidebar-box:not([positionend ="true"]) {
margin-right: 0 !important;
}
#zen-main-app-wrapper:has(#sidebar-box:not([hidden="true"], [positionend="true"])) #TabsToolbar {
margin-right: 0 !important;
box-shadow: none !important;
@@ -32,7 +41,7 @@
background: transparent !important;
border-color: transparent !important;
width: 1px !important;
margin-right: 5px !important ;
margin-right: 5px !important;
}
#sidebar-box[positionend] {

2
src/toolkit/content/zen-xul.css
View File

@@ -6,7 +6,7 @@
--zen-appcontent-separator-from-window-single: 7px;
--zen-appcontent-separator-from-window: var(--zen-appcontent-separator-from-window-single);
--zen-appcontent-border-radius: var(--zen-panel-radius);
--zen-appcontent-border: 2px solid var(--zen-colors-border);
--zen-appcontent-border: 1px solid var(--zen-colors-border);
--zen-browser-border-radius: var(--zen-panel-radius);
}

4
src/toolkit/themes/shared/in-content/zen-common-shared.css
View File

@@ -25,7 +25,7 @@
--zen-colors-hover-bg: color-mix(in srgb, var(--zen-primary-color) 90%, white 10%);
--zen-colors-primary-foreground: color-mix(in srgb, var(--zen-primary-color) 80%, black 20%);
--zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 90%, black 10%);
--zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 70%, black 30%);
--zen-colors-input-bg: color-mix(in srgb, var(--zen-primary-color) 10%, white 80%);
@@ -95,7 +95,7 @@
--zen-colors-primary-foreground: color-mix(in srgb, var(--zen-primary-color) 80%, white 20%);
--zen-colors-input-bg: color-mix(in srgb, var(--zen-primary-color) 10%, black 80%);
--zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 70%, black 30%);
--zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 80%, black 20%);
--zen-dialog-background: color-mix(in srgb, var(--zen-primary-color) 10%, black 90%);
--zen-urlbar-background: color-mix(in srgb, var(--zen-primary-color) 8%, black 92%);