Privat/Website-fabianschieder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update glare background gradient to use dynamic accent color

Browse Source
This commit is contained in:
Fabian Schieder 2026-03-02 21:34:11 +01:00
parent fcef393dd8
commit f24e0de31b
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/js/main.js
View File

@ -72,7 +72,9 @@ document.querySelectorAll('.card').forEach(card => {
} }
const gx = ((e.clientX - rect.left) / rect.width * 100).toFixed(1); const gx = ((e.clientX - rect.left) / rect.width * 100).toFixed(1);
const gy = ((e.clientY - rect.top) / rect.height * 100).toFixed(1); const gy = ((e.clientY - rect.top) / rect.height * 100).toFixed(1);
glare.style.background = `radial-gradient(circle at ${gx}% ${gy}%, rgba(255,255,255,0.12) 0%, transparent 65%)`;
const accent = getComputedStyle(this).getPropertyValue('--accent').trim() || '#6366f1';
glare.style.background = `radial-gradient(circle at ${gx}% ${gy}%, color-mix(in srgb, ${accent} 35%, white) 0%, transparent 65%)`;
}); });
card.addEventListener('mouseleave', function () { card.addEventListener('mouseleave', function () {