From 800d492da55382944dcd0655131e1908d220f322 Mon Sep 17 00:00:00 2001
From: schlagmichdoch <schlagmichdoch@users.noreply.github.com>
Date: Mon, 17 Feb 2025 12:36:49 +0100
Subject: [PATCH] Fix animation color on older webkit/blink based browsers

---
 public/scripts/ui-main.js              | 4 ++--
 public/scripts/worker/canvas-worker.js | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/public/scripts/ui-main.js b/public/scripts/ui-main.js
index 95cb3ba..1af7c37 100644
--- a/public/scripts/ui-main.js
+++ b/public/scripts/ui-main.js
@@ -462,8 +462,8 @@ class BackgroundCanvas {
 
             if (ctx.setStrokeColor) {
                 // older blink/webkit browsers do not understand opacity in strokeStyle. Use deprecated setStrokeColor
-                let baseColorRgb = baseColor.split(" ");
-                ctx.setStrokeColor(baseColorRgb[0], baseColorRgb[1], baseColorRgb[2], opacity);
+                // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeStyle#webkitblink-specific_note
+                ctx.setStrokeColor("grey", opacity);
             }
             else {
                 ctx.strokeStyle = `rgb(${baseColor} / ${opacity})`;
diff --git a/public/scripts/worker/canvas-worker.js b/public/scripts/worker/canvas-worker.js
index 055c328..ff2650f 100644
--- a/public/scripts/worker/canvas-worker.js
+++ b/public/scripts/worker/canvas-worker.js
@@ -98,8 +98,7 @@ function drawCircle(ctx, radius) {
     if (ctx.setStrokeColor) {
         // older blink/webkit based browsers do not understand opacity in strokeStyle. Use deprecated setStrokeColor instead
         // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeStyle#webkitblink-specific_note
-        let baseColorRgb = baseColor.split(" ");
-        ctx.setStrokeColor(baseColorRgb[0], baseColorRgb[1], baseColorRgb[2], opacity);
+        ctx.setStrokeColor("grey", opacity);
     }
     else {
         ctx.strokeStyle = `rgb(${baseColor} / ${opacity})`;