From a058c855fc27c17d84dfb1655191cabdcf844c7a Mon Sep 17 00:00:00 2001
From: KevinWh0 <45321184+KevinWh0@users.noreply.github.com>
Date: Mon, 6 May 2024 13:59:42 +0200
Subject: [PATCH] changed grabbing theme color for dot to match the other
things in this project
---
packages/frontend/src/scripts/favicon-dot.ts | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/packages/frontend/src/scripts/favicon-dot.ts b/packages/frontend/src/scripts/favicon-dot.ts
index 643ee1b76b..e338f55f72 100644
--- a/packages/frontend/src/scripts/favicon-dot.ts
+++ b/packages/frontend/src/scripts/favicon-dot.ts
@@ -1,3 +1,5 @@
+import tinycolor from 'tinycolor2';
+
class FavIconDot {
canvas: HTMLCanvasElement;
src: string | null = null;
@@ -70,7 +72,8 @@ class FavIconDot {
if (!this.ctx || !this.faviconImage) return;
this.ctx.beginPath();
this.ctx.arc(this.faviconImage.width - 10, 10, 10, 0, 2 * Math.PI);
- this.ctx.fillStyle = getComputedStyle(document.documentElement).getPropertyValue('--navIndicator');
+ const computedStyle = getComputedStyle(document.documentElement);
+ this.ctx.fillStyle = tinycolor(computedStyle.getPropertyValue('--navIndicator')).toHexString();
this.ctx.strokeStyle = 'white';
this.ctx.fill();
this.ctx.stroke();