mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-05 17:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Update Zen theme CSS to improve dialog dimensions and browser gradient

Browse Source
This commit is contained in:
Mauro Balades
2024-08-14 14:06:53 +02:00
parent 36e7fdad8b
commit 92f3db6633
3 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -282,3 +282,9 @@ menu, menuitem {
color: var(--button-hover-color);
}
}
/* 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

@@ -81,6 +81,8 @@
/* XUL */
--zen-main-browser-background: light-dark(rgb(235, 235, 235), #1b1b1b);
--zen-browser-gradient-base: color-mix(in srgb, var(--zen-primary-color) 50%, white 50%);
--zen-appcontent-border: 1px solid var(--zen-colors-border);
--zen-panel-radius: var(--zen-border-radius);
--zen-browser-border-radius: var(--zen-panel-radius);
@@ -127,6 +129,8 @@
--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%);
--zen-browser-gradient-base: color-mix(in srgb, var(--zen-primary-color) 30%, black 70%);
}
}

4
src/browser/components/preferences/zen-settings.js
View File

@@ -109,8 +109,8 @@ var gZenCKSSettings = {
const group = data[2];
let fragment = window.MozXULElement.parseXULToFragment(`
<hbox class="zenCKSOption">
<label class="zenCKSOption-label"></label>
<html:input readonly="1" class="zenCKSOption-input"/>
<label class="zenCKSOption-label" for="zenCKSOption-${key}"></label>
<html:input readonly="1" class="zenCKSOption-input" id="zenCKSOption-${key}" />
</hbox>
`);
document.l10n.setAttributes(fragment.querySelector(".zenCKSOption-label"), l10nId);