From 37cd4e98861b6542b94d4babb64befe6b0e51503 Mon Sep 17 00:00:00 2001
From: Oleh Polisan <polisanoleg@gmail.com>
Date: Sun, 7 Jul 2024 23:42:22 +0300
Subject: [PATCH] fix: accent color for badge

---
 src/renderer/components/settings/TraySettings.tsx | 2 +-
 src/renderer/patches/tray.ts                      | 4 +---
 static/badges/badge.svg                           | 3 +--
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/settings/TraySettings.tsx b/src/renderer/components/settings/TraySettings.tsx
index 7c51961..c39a49e 100644
--- a/src/renderer/components/settings/TraySettings.tsx
+++ b/src/renderer/components/settings/TraySettings.tsx
@@ -195,7 +195,7 @@ export const TrayColorTypeSelect: SettingsComponent = ({ settings }) => {
             </div>
 
             <Select
-                placeholder="Auto"
+                placeholder="Default"
                 options={[
                     { label: "Default", value: "default", default: true },
                     { label: "System Accent", value: "system" },
diff --git a/src/renderer/patches/tray.ts b/src/renderer/patches/tray.ts
index 59a069e..ffa7cc2 100644
--- a/src/renderer/patches/tray.ts
+++ b/src/renderer/patches/tray.ts
@@ -70,9 +70,7 @@ VesktopNative.tray.createIconRequest(async (iconName: string, svgIcon: string =
 });
 
 VesktopNative.tray.addBadgeToIcon(async (iconDataURL: string, badgeDataSVG: string) => {
-    const fillColor = VesktopNative.settings.get().trayAutoFill ?? "white";
-    badgeDataSVG = changeColorsInSvg(badgeDataSVG, "#F35959");
-    if (fillColor !== "auto") badgeDataSVG = badgeDataSVG.replace(/white/gim, fillColor);
+    badgeDataSVG = changeColorsInSvg(badgeDataSVG, "#f6bfac", (await VesktopNative.app.getAccentColor()).substring(1));
 
     const canvas = document.createElement("canvas");
     canvas.width = 128;
diff --git a/static/badges/badge.svg b/static/badges/badge.svg
index 695e197..96852ee 100755
--- a/static/badges/badge.svg
+++ b/static/badges/badge.svg
@@ -1,5 +1,4 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
-    <circle cx="500" cy="500" r="400" stroke="#F35959" stroke-width="50" fill="#F35959"/>
-    <circle cx="500" cy="500" r="200" stroke="#F35959" stroke-width="50" fill="white"/>
+    <circle cx="500" cy="500" r="300" stroke="#f6bfac" stroke-width="50" fill="#f6bfac"/>
 </svg>