itlxrd/psysonic
1
0
Fork 0
mirror of https://github.com/kilyabin/psysonic.git synced 2026-07-21 14:05:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

edit(FullScreenPlayer): Possible halos in the background have been removed

Browse Source
This commit is contained in:
kilyabin
2026-04-21 01:02:10 +04:00
parent 36caf3a14c
commit 3d9f6e6183
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.css
+9 -6
View File
@@ -3170,13 +3170,16 @@
height: 130%;
left: -35%;
bottom: -35%;
/* opacity on the element avoids color-mix(…, transparent) WebKit artifacts —
interpolating to the CSS keyword 'transparent' (rgba(0,0,0,0)) produces a
visible halo ring at the gradient boundary on WebKitGTK. */
background: radial-gradient(ellipse,
color-mix(in srgb, var(--dynamic-fs-accent, var(--accent)), transparent 86%) 0%,
color-mix(in srgb, var(--dynamic-fs-accent, var(--accent)), transparent 96%) 45%,
var(--dynamic-fs-accent, var(--accent)) 0%,
transparent 70%);
opacity: 0.14;
animation: mesh-aura-a 26s ease-in-out infinite;
animation-delay: 350ms;
transition: background 400ms ease-in-out;
transition: opacity 400ms ease-in-out;
}
.fs-mesh-blob-b {
@@ -3185,12 +3188,12 @@
right: -25%;
top: -25%;
background: radial-gradient(ellipse,
color-mix(in srgb, var(--dynamic-fs-accent, var(--accent)), transparent 92%) 0%,
color-mix(in srgb, var(--dynamic-fs-accent, var(--accent)), transparent 98%) 45%,
var(--dynamic-fs-accent, var(--accent)) 0%,
transparent 70%);
opacity: 0.08;
animation: mesh-aura-b 20s ease-in-out infinite;
animation-delay: 350ms;
transition: background 400ms ease-in-out;
transition: opacity 400ms ease-in-out;
}
/* ── Artist portrait — right half, object-fit: contain ── */