diff --git a/src/zen/common/styles/zen-browser-ui.css b/src/zen/common/styles/zen-browser-ui.css index 8bb7c6f97..959c16d4e 100644 --- a/src/zen/common/styles/zen-browser-ui.css +++ b/src/zen/common/styles/zen-browser-ui.css @@ -78,11 +78,6 @@ background: var(--zen-main-browser-background-toolbar-old); } } - - &::after, - &::before { - mix-blend-mode: plus-lighter; - } } :root:not([animating-background='true']) &::before { diff --git a/src/zen/compact-mode/zen-compact-mode.css b/src/zen/compact-mode/zen-compact-mode.css index d87f09dde..7058bcf44 100644 --- a/src/zen/compact-mode/zen-compact-mode.css +++ b/src/zen/compact-mode/zen-compact-mode.css @@ -11,7 +11,7 @@ overflow: clip; z-index: -1; - background: black; /* Any color thats not white */ + background: light-dark(#e9e9e9, #131313); box-shadow: var(--zen-big-shadow); @media -moz-pref('zen.theme.acrylic-elements') { background: transparent; diff --git a/src/zen/glance/ZenGlanceManager.mjs b/src/zen/glance/ZenGlanceManager.mjs index 667c09c53..7f1c60680 100644 --- a/src/zen/glance/ZenGlanceManager.mjs +++ b/src/zen/glance/ZenGlanceManager.mjs @@ -245,7 +245,7 @@ x: [xOffset, 0], }, { - duration: 0.3, + duration: 0.2, type: 'spring', delay: 0.2, bounce: 0, @@ -392,7 +392,7 @@ parentSidebarContainer, { scale: [1, 0.98], - opacity: [1, 0.5], + opacity: [1, 0.4], }, { duration: 0.3, @@ -464,7 +464,7 @@ opacity: [1, 0], }, { - duration: 0.25, + duration: 0.1, easing: 'easeInOut', } ); @@ -540,7 +540,7 @@ this.#animateParentBackground(); gZenUIManager.motion .animate(this.browserWrapper, arcSequence, { - duration: gZenUIManager.testingEnabled ? 0 : 0.4, + duration: gZenUIManager.testingEnabled ? 0 : 0.3, ease: 'easeInOut', }) .then(() => { @@ -926,7 +926,7 @@ browserSidebarContainer, { scale: [0.98, 1], - opacity: [0.5, 1], + opacity: [0.4, 1], }, { duration: 0.3, @@ -959,7 +959,7 @@ const arcSequence = this.#createGlanceArcSequence(closingData, 'closing'); gZenUIManager.motion - .animate(this.browserWrapper, arcSequence, { duration: 0.4, ease: 'easeOut' }) + .animate(this.browserWrapper, arcSequence, { duration: 0.3, ease: 'easeOut' }) .then(() => { // Remove element preview after closing animation const elementPreview = this.browserWrapper.querySelector('.zen-glance-element-preview');