From bf568fa9d88faf6a9a584494bbcfe7a150b05730 Mon Sep 17 00:00:00 2001 From: Fabian Schieder Date: Mon, 2 Mar 2026 21:35:24 +0100 Subject: [PATCH] update glare background gradient for improved visual effect --- assets/js/main.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/assets/js/main.js b/assets/js/main.js index b7c3ead..3aa0821 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -74,7 +74,9 @@ document.querySelectorAll('.card').forEach(card => { const gy = ((e.clientY - rect.top) / rect.height * 100).toFixed(1); 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%)`; + glare.style.background = `radial-gradient(circle at ${gx}% ${gy}%, + color-mix(in srgb, ${accent} 18%, transparent) 0%, + transparent 70%)`; }); card.addEventListener('mouseleave', function () {