diff --git a/src/zen/common/styles/zen-panel-ui.css b/src/zen/common/styles/zen-panel-ui.css index 6ccc625b7..928609a8f 100644 --- a/src/zen/common/styles/zen-panel-ui.css +++ b/src/zen/common/styles/zen-panel-ui.css @@ -5,7 +5,8 @@ */ panel[type='arrow'][animate='open'] { @media (-moz-platform: macos) and (-moz-panel-animations) { - animation: zen-jello-animation-macos 0.4s ease-out; + -moz-window-transform: scale(0.3); + animation: zen-jello-animation-macos 0.4s ease-out forwards; &[side='bottom'] { /* Animate from the bottom */ -zen-window-transform-origin: 0 100%; @@ -60,8 +61,6 @@ panel[type='arrow'] { --panel-shadow-margin: 0px !important; --panel-background: transparent !important; --panel-border-color: transparent; - /* This should be kept in sync with GetMenuMaskImage() */ - --panel-border-radius: 6px; &::part(content) { background-color: transparent !important; diff --git a/src/zen/common/styles/zen-popup.css b/src/zen/common/styles/zen-popup.css index 2d6fc43e0..544755b9c 100644 --- a/src/zen/common/styles/zen-popup.css +++ b/src/zen/common/styles/zen-popup.css @@ -10,9 +10,6 @@ :root { --panel-subview-body-padding: 2px 0; - --arrowpanel-menuitem-border-radius: 5px; - --arrowpanel-menuitem-margin: var(--uc-arrowpanel-menuitem-margin-block) - var(--uc-arrowpanel-menuitem-margin-inline); --arrowpanel-menuitem-padding-block: 8px; --arrowpanel-menuitem-padding-inline: 14px; --uc-arrowpanel-menuicon-margin-inline: 14px; diff --git a/src/zen/common/styles/zen-theme.css b/src/zen/common/styles/zen-theme.css index c55b54e94..f16845a4b 100644 --- a/src/zen/common/styles/zen-theme.css +++ b/src/zen/common/styles/zen-theme.css @@ -235,14 +235,6 @@ --zen-themed-toolbar-bg-transparent: transparent; } - &[zen-should-be-dark-mode='true'] #browser { - color-scheme: dark; - } - - &[zen-should-be-dark-mode='false'] #browser { - color-scheme: light; - } - &, & panel, & menupopup, @@ -275,6 +267,16 @@ --toolbar-color-scheme: dark; } } + + &[zen-should-be-dark-mode='true'] #browser { + color-scheme: dark; + --toolbar-color-scheme: dark; + } + + &[zen-should-be-dark-mode='false'] #browser { + color-scheme: light; + --toolbar-color-scheme: light; + } } @media (prefers-color-scheme: dark) { diff --git a/src/zen/workspaces/zen-gradient-generator.css b/src/zen/workspaces/zen-gradient-generator.css index f47feeb6a..24004a1d5 100644 --- a/src/zen/workspaces/zen-gradient-generator.css +++ b/src/zen/workspaces/zen-gradient-generator.css @@ -44,6 +44,7 @@ padding: 0; align-self: center; border: none; + background: transparent; } & #PanelUI-zen-gradient-generator-custom-opacity { @@ -245,7 +246,7 @@ .zen-theme-picker-gradient { position: relative; overflow: hidden; - border-radius: calc(var(--arrowpanel-border-radius) - 4px); + border-radius: calc(var(--panel-border-radius) - 4px); min-height: calc(var(--panel-width) - var(--panel-padding) * 2 - 2px); background: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.03));