Function getSolidColorImageURL

src/inject/dynamic-theme/image.ts:333–341

({width, height, useViewBox}: ImageDetails, color: string)

}

export function getSolidColorImageURL({width, height, useViewBox}: ImageDetails, color: string): string {
    const size = useViewBox ? `viewBox="0 0 ${width} ${height}"` : `width="${width}" height="${height}"`;
    const svg = [
        `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" ${size}>`,
        `<rect width="100%" height="100%" fill="${escapeXML(color)}" />`,
        '</svg>',
    ].join('');
    return `data:image/svg+xml;base64,${btoa(svg)}`;
}

const xmlEscapeChars: Record<string, string> = {
    '<': '&lt;',