mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-15 14:26:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Make gradients use LCH for browser backgrounds, b=(no-bug), c=common, workspaces

Browse Source
This commit is contained in:
mr. m
2025-04-30 19:45:36 +02:00
parent 3eaeb4a0a1
commit 1540d6b411
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/zen/common/styles/zen-urlbar.css
View File

@@ -161,7 +161,7 @@
due to performance issues */ due to performance issues */
background-color: light-dark( background-color: light-dark(
hsl(0, 0%, 100%), hsl(0, 0%, 100%),
color-mix(in srgb, hsl(0, 0%, 5%) 60%, var(--zen-colors-primary) 40%) color-mix(in srgb, hsl(0, 0%, 5%) 70%, var(--zen-colors-primary) 30%)
) !important; ) !important;
box-shadow: 0px 0px 90px -10px rgba(0, 0, 0, 0.6) !important; box-shadow: 0px 0px 90px -10px rgba(0, 0, 0, 0.6) !important;
backdrop-filter: none !important; backdrop-filter: none !important;

4
src/zen/workspaces/ZenGradientGenerator.mjs
View File

@@ -909,12 +909,12 @@
} else if (themedColors.length === 1) { } else if (themedColors.length === 1) {
return this.getSingleRGBColor(themedColors[0], forToolbar); return this.getSingleRGBColor(themedColors[0], forToolbar);
} else if (themedColors.length !== 3) { } else if (themedColors.length !== 3) {
return `linear-gradient(${this.currentRotation}deg, ${themedColors.map((color) => this.getSingleRGBColor(color, forToolbar)).join(', ')})`; return `linear-gradient(in lch ${this.currentRotation}deg, ${themedColors.map((color) => this.getSingleRGBColor(color, forToolbar)).join(', ')})`;
} else { } else {
let color1 = this.getSingleRGBColor(themedColors[2], forToolbar); let color1 = this.getSingleRGBColor(themedColors[2], forToolbar);
let color2 = this.getSingleRGBColor(themedColors[0], forToolbar); let color2 = this.getSingleRGBColor(themedColors[0], forToolbar);
let color3 = this.getSingleRGBColor(themedColors[1], forToolbar); let color3 = this.getSingleRGBColor(themedColors[1], forToolbar);
return `linear-gradient(${this.currentRotation}deg, ${color1}, ${color2}, ${color3})`; return `linear-gradient(in lch ${this.currentRotation}deg, ${color1}, ${color2}, ${color3})`;
} }
} }