ferdi2go/Pigmento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Logo-Farbe auch auf Gradient-Stops (mittlerer Ball) anwenden

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Ferdinand
2026-04-03 17:39:13 +02:00
parent 446870a94c
commit 709d82bc8b
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

@@ -214,10 +214,15 @@
function _markYellowElements() { function _markYellowElements() {
const svg = document.querySelector('#lottie-logo svg'); const svg = document.querySelector('#lottie-logo svg');
if (!svg) return false; if (!svg) return false;
// Solid fills (kleine Partikel)
svg.querySelectorAll('[fill="rgb(255,223,0)"]').forEach(el => { svg.querySelectorAll('[fill="rgb(255,223,0)"]').forEach(el => {
el.classList.add('logo-primary-fill'); 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) { function setLogoColor(hex) {
@@ -229,7 +234,9 @@
_logoStyleEl = document.createElement('style'); _logoStyleEl = document.createElement('style');
document.head.appendChild(_logoStyleEl); 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) => { document.addEventListener('colorChanged', (e) => {