sha/sLogos
1
0
Fork 0
mirror of https://github.com/shadoll/sLogos.git synced 2026-02-04 02:53:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: enhance SVG color application by removing existing fill attributes before adding new ones

Browse Source
This commit is contained in:
sHa
2025-05-29 23:17:53 +03:00
parent e33d296aab
commit 46fc2915b1
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
scripts/generate-svg-variants.js
View File

@@ -67,11 +67,13 @@ function applySvgColors(svgContent, colorSet, targets) {
if (selector.startsWith('#')) { if (selector.startsWith('#')) {
// ID selector - replace fill/stroke for specific element // ID selector - replace fill/stroke for specific element
const elementId = selector.substring(1); const elementId = selector.substring(1);
const idRegex = new RegExp(`(id="${elementId}"[^>]*?)fill="[^"]*"`, 'g');
modifiedSvg = modifiedSvg.replace(idRegex, `$1fill="${color}"`);
// If no fill attribute, add it // First, remove any existing fill attributes for this element
const addFillRegex = new RegExp(`(id="${elementId}"[^>]*?)(?!.*fill=)([^>]*>)`, 'g'); const removeExistingFillRegex = new RegExp(`(id="${elementId}"[^>]*?)\\s*fill="[^"]*"`, 'g');
modifiedSvg = modifiedSvg.replace(removeExistingFillRegex, '$1');
// Then add the new fill attribute
const addFillRegex = new RegExp(`(id="${elementId}"[^>]*?)(\s*>)`, 'g');
modifiedSvg = modifiedSvg.replace(addFillRegex, `$1 fill="${color}"$2`); modifiedSvg = modifiedSvg.replace(addFillRegex, `$1 fill="${color}"$2`);
} else { } else {
// Default: replace all fill attributes (fallback) // Default: replace all fill attributes (fallback)