From 709d82bc8b3469cac0abcf881d13e9f33a3c48f2 Mon Sep 17 00:00:00 2001 From: Ferdinand Date: Fri, 3 Apr 2026 17:39:13 +0200 Subject: [PATCH] fix: Logo-Farbe auch auf Gradient-Stops (mittlerer Ball) anwenden MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Neben solid fills auch SVG stop-Elemente mit stop-color='rgb(255,223,0)' markieren und per CSS stop-color überschreiben. Co-Authored-By: Claude Sonnet 4.6 --- index.html | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index cdb2316..812b5ef 100644 --- a/index.html +++ b/index.html @@ -214,10 +214,15 @@ function _markYellowElements() { const svg = document.querySelector('#lottie-logo svg'); if (!svg) return false; + // Solid fills (kleine Partikel) svg.querySelectorAll('[fill="rgb(255,223,0)"]').forEach(el => { el.classList.add('logo-primary-fill'); }); - return svg.querySelector('.logo-primary-fill') !== null; + // Gradient stops (mittlerer Blob) + svg.querySelectorAll('stop[stop-color="rgb(255,223,0)"]').forEach(el => { + el.classList.add('logo-primary-stop'); + }); + return svg.querySelector('.logo-primary-fill, .logo-primary-stop') !== null; } function setLogoColor(hex) { @@ -229,7 +234,9 @@ _logoStyleEl = document.createElement('style'); document.head.appendChild(_logoStyleEl); } - _logoStyleEl.textContent = '#lottie-logo .logo-primary-fill { fill: ' + hex + '; }'; + _logoStyleEl.textContent = + '#lottie-logo .logo-primary-fill { fill: ' + hex + '; }' + + '#lottie-logo .logo-primary-stop { stop-color: ' + hex + '; }'; } document.addEventListener('colorChanged', (e) => {