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

chore: Add welcome.css to Zen theme styles

Browse Source
This commit is contained in:
Mauro Balades
2024-08-14 14:32:05 +02:00
parent 7a0d962e62
commit 8c90f378d7
5 changed files with 51 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/browser/base/content/zen-assets.jar.inc.mn
View File

@@ -32,6 +32,7 @@
content/browser/zen-styles/zen-panels/bookmarks.css (content/zen-styles/zen-panels/bookmarks.css)
content/browser/zen-styles/zen-panels/extensions.css (content/zen-styles/zen-panels/extensions.css)
content/browser/zen-styles/zen-panels/print.css (content/zen-styles/zen-panels/print.css)
content/browser/zen-styles/zen-panels/welcome.css (content/zen-styles/zen-panels/welcome.css)
content/browser/zen-styles/zen-compact-mode.css (content/zen-styles/zen-compact-mode.css)

30
src/browser/base/content/zen-styles/zen-panels/welcome.css Normal file
View File

@@ -0,0 +1,30 @@
/* Zen Welcome idalog override */
.dialogBox:not(.spotlightBox) {
border: 1px solid var(--zen-dialog-border-color);
}
#window-modal-dialog:not([zen-dialog-welcome-element="true"]) .dialogBox:not(.spotlightBox) {
transform: translateY(-9px);
}
#window-modal-dialog[zen-dialog-welcome-element="true"] .dialogBox:not(.spotlightBox) {
margin: 0 !important;
}
#window-modal-dialog[zen-dialog-welcome-element="true"],
#window-modal-dialog[zen-dialog-welcome-element="true"] .dialogOverlay,
#window-modal-dialog[zen-dialog-welcome-element="true"] .dialogFrame,
#window-modal-dialog[zen-dialog-welcome-element="true"] .dialogBox {
width: 100% !important;
height: 100% !important;
max-height: none !important;
max-width: none !important;
}
#window-modal-dialog[zen-dialog-welcome-element="true"] {
--zen-welcome-dialog-space: 7px;
margin: 0 auto !important;
max-width: calc(100% - calc(var(--zen-welcome-dialog-space) * 2)) !important;
max-height: calc(100% - calc(var(--zen-welcome-dialog-space) * 2)) !important;
margin-top: var(--zen-welcome-dialog-space) !important;
}

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

@@ -2,6 +2,7 @@
@import url("chrome://browser/content/zen-styles/zen-panels/bookmarks.css");
@import url("chrome://browser/content/zen-styles/zen-panels/extensions.css");
@import url("chrome://browser/content/zen-styles/zen-panels/print.css");
@import url("chrome://browser/content/zen-styles/zen-panels/welcome.css");
:root {
--panel-subview-body-padding: 2px 0;
@@ -283,8 +284,3 @@ menu, menuitem {
}
}
/* Zen Welcome idalog override */
#window-modal-dialog[zen-dialog-welcome-element="true"] {
min-width: 90vw;
min-height: 90vh;
}

4
src/browser/base/content/zen-styles/zen-theme.css
View File

@@ -12,6 +12,10 @@
* in the preferences page.
*/
/* Default values */
--zen-border-radius: 7px;
--zen-primary-color: #4a90e2;
/** Zen colors are generated automatically from the primary color */
--zen-colors-primary: color-mix(in srgb, var(--zen-primary-color) 50%, black 50%);
--zen-colors-secondary: color-mix(in srgb, var(--zen-primary-color) 40%, white 60%);

17
src/browser/components/zen-welcome/welcome.css
View File

@@ -336,10 +336,23 @@ input[type='checkbox'] {
#searchList.cardGroup {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
#searchList .card {
width: -moz-available !important;
margin: 20px;
padding: 20% 0 !important;
margin: 0;
display: flex;
flex-direction: row;
border-radius: 15px;
& h3 {
text-align: start;
margin: 0;
margin-left: 20px;
}
&.selected {
transform: scale(1.01);
}
}