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

Update panel shadow and margin styles in zen-theme and popup.css

Browse Source
This commit is contained in:
mr. M
2025-02-19 13:12:15 +01:00
parent ec7a30141b
commit e75e8d170d
2 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -171,8 +171,6 @@
--arrowpanel-background: var(--zen-dialog-background) !important;
--zen-big-shadow: 0 0 9.73px 0px light-dark(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.25));
--panel-shadow: var(--zen-big-shadow);
--panel-shadow-margin: 10px !important;
/* Nativity */
--zen-native-content-radius: var(--zen-border-radius);

21
src/toolkit/themes/shared/popup-css.patch
View File

@@ -1,18 +1,28 @@
diff --git a/toolkit/themes/shared/popup.css b/toolkit/themes/shared/popup.css
index 648c65a9c21dc0e670b50c82cbfb237a68a951d9..cdce283353eecf42a70b7ea3a806703ba10d6a17 100644
index 648c65a9c21dc0e670b50c82cbfb237a68a951d9..ba20bfdd8e6b9cc985977d06e166147e458f2640 100644
--- a/toolkit/themes/shared/popup.css
+++ b/toolkit/themes/shared/popup.css
@@ -30,8 +30,7 @@ panel {
@@ -21,8 +21,8 @@ panel {
--panel-border-color: ThreeDShadow;
--panel-width: initial;
- --panel-shadow-margin: 0px;
- --panel-shadow: 0 0 var(--panel-shadow-margin) hsla(0,0%,0%,.2);
+ --panel-shadow-margin: 10px !important;
+ --panel-shadow: var(--zen-big-shadow);
-moz-window-input-region-margin: var(--panel-shadow-margin);
margin: calc(-1 * var(--panel-shadow-margin));
@@ -30,8 +30,6 @@ panel {
--background-color-canvas: var(--panel-background);
@media (-moz-platform: linux) {
- --panel-border-radius: 8px;
- --panel-padding-block: 3px;
+
@media (prefers-contrast) {
--panel-border-color: color-mix(in srgb, currentColor 60%, transparent);
@@ -49,18 +48,7 @@ panel {
@@ -49,18 +47,6 @@ panel {
--panel-border-radius: 0px !important;
}
@@ -28,11 +38,10 @@ index 648c65a9c21dc0e670b50c82cbfb237a68a951d9..cdce283353eecf42a70b7ea3a806703b
- /* This should be kept in sync with GetMenuMaskImage() */
- --panel-border-radius: 6px;
- }
+
&::part(content) {
display: flex;
@@ -198,7 +186,6 @@ panel:where([type="arrow"]) {
@@ -198,7 +184,6 @@ panel:where([type="arrow"]) {
}
&[animating] {