diff --git a/frontend/src/assets/images/1panel-logo.svg b/frontend/src/assets/images/1panel-logo.svg index 95e824a..23e5c1a 100644 --- a/frontend/src/assets/images/1panel-logo.svg +++ b/frontend/src/assets/images/1panel-logo.svg @@ -1,5 +1,5 @@ - - + + n nPanel diff --git a/frontend/src/assets/images/1panel-menu-logo.svg b/frontend/src/assets/images/1panel-menu-logo.svg index 1257149..674e38f 100644 --- a/frontend/src/assets/images/1panel-menu-logo.svg +++ b/frontend/src/assets/images/1panel-menu-logo.svg @@ -1,8 +1,4 @@ - - - - - - - + + + n diff --git a/frontend/src/assets/images/favicon.svg b/frontend/src/assets/images/favicon.svg index 4f248bf..9e1c9a8 100644 --- a/frontend/src/assets/images/favicon.svg +++ b/frontend/src/assets/images/favicon.svg @@ -1,9 +1,4 @@ - - - - - - - - + + + n diff --git a/frontend/src/utils/xpack.ts b/frontend/src/utils/xpack.ts index 7f6f502..136cd6a 100644 --- a/frontend/src/utils/xpack.ts +++ b/frontend/src/utils/xpack.ts @@ -36,6 +36,7 @@ async function getColoredFavicon(url: string, color: string) { const res = await fetch(url); let svgText = await res.text(); svgText = svgText.replace(/fill=(["'])(.*?)\1/g, `fill="${color}"`); + svgText = svgText.replaceAll('currentColor', color); return `data:image/svg+xml,${encodeURIComponent(svgText)}`; } @@ -46,7 +47,7 @@ export async function initFavicon() { const isPro = globalStore.isXpackOrEE; const themeColor = globalStore.themeConfig.primary; const customFaviconUrl = `/api/v2/images/favicon?t=${Date.now()}`; - const fallbackSvg = isPro ? await getColoredFavicon(faviconUrl, themeColor) : '/public/favicon.png'; + const fallbackSvg = await getColoredFavicon(faviconUrl, isPro ? themeColor : '#005eeb'); const setLink = (href: string) => { let link = document.querySelector("link[rel*='icon']") as HTMLLinkElement; if (!link) {