From 8ac95a713bba79427cbe98f4ac3697309b0d013f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Arno=C5=A1t=20Pleskot?= <arnostpleskot@gmail.com>
Date: Tue, 29 Aug 2023 23:12:32 +0200
Subject: [PATCH] fix: logo in dark svg

---
 src/scene/fancyBackground.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/scene/fancyBackground.ts b/src/scene/fancyBackground.ts
index a191e07fe..17b40559e 100644
--- a/src/scene/fancyBackground.ts
+++ b/src/scene/fancyBackground.ts
@@ -389,6 +389,7 @@ const addLogoToSvg = (
   normalizedCanvasDimensions: Dimensions,
   logoImage: SVGSVGElement,
   exportScale: number,
+  theme: AppState["theme"],
 ) => {
   const logoWidth = parseFloat(logoImage.getAttribute("width") || "0");
   const logoHeight = parseFloat(logoImage.getAttribute("height") || "0");
@@ -398,6 +399,9 @@ const addLogoToSvg = (
 
   logoImage.setAttribute("x", `${x}`);
   logoImage.setAttribute("y", `${y * exportScale}`);
+  if (theme === THEME.DARK) {
+    logoImage.setAttribute("filter", IMAGE_INVERT_FILTER);
+  }
   svgRoot.appendChild(logoImage);
 };
 
@@ -447,6 +451,6 @@ export const applyFancyBackgroundOnSvg = async ({
     const logoImage = await loadSVGElement(
       theme === THEME.DARK ? EXPORT_LOGO_URL_DARK : EXPORT_LOGO_URL,
     );
-    addLogoToSvg(svgRoot, dimensions, logoImage, exportScale);
+    addLogoToSvg(svgRoot, dimensions, logoImage, exportScale, theme);
   }
 };