From f2f0f6178b0777103c692a03cd6bb334baf1e110 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 8 Mar 2025 12:01:32 +0200
Subject: [PATCH] fix(touch_bar): blurry native images

---
 src/public/app/widgets/touch_bar.ts | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/public/app/widgets/touch_bar.ts b/src/public/app/widgets/touch_bar.ts
index 076a52fdd..5fcb3ee7d 100644
--- a/src/public/app/widgets/touch_bar.ts
+++ b/src/public/app/widgets/touch_bar.ts
@@ -19,9 +19,21 @@ export default class TouchBarWidget extends Component {
     }
 
     #buildIcon(name: string) {
-        return this.nativeImage
-            .createFromNamedImage(name, [-1, 0, 1])
-            .resize({ height: 20 });
+        const sourceImage = this.nativeImage.createFromNamedImage(name, [-1, 0, 1]);
+        const newImage = this.nativeImage.createEmpty()
+        newImage.addRepresentation({
+            scaleFactor: 1,
+            width: 22,
+            height: 22,
+            buffer: sourceImage.resize({ height: 22 }).toBitmap()
+        });
+        newImage.addRepresentation({
+            scaleFactor: 2,
+            width: 44,
+            height: 44,
+            buffer: sourceImage.resize({ height: 44 }).toBitmap()
+        });
+        return newImage;
     }
 
     #buildTouchBar() {