From 10c646e6685c825ff6940ef529e40d08927cd62f Mon Sep 17 00:00:00 2001
From: Michael Geers <michael@geers.tv>
Date: Mon, 24 Aug 2026 15:57:33 +0200
Subject: [PATCH] UI: fix blurred energy flow bar labels in Safari (#33144)

---
 assets/js/components/Energyflow/Visualization.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/assets/js/components/Energyflow/Visualization.vue b/assets/js/components/Energyflow/Visualization.vue
index 699411ede..ee7146cc0 100644
--- a/assets/js/components/Energyflow/Visualization.vue
+++ b/assets/js/components/Energyflow/Visualization.vue
@@ -236,6 +236,8 @@ export default defineComponent({
 	display: flex;
 	overflow: hidden;
 	margin-right: 1.2rem;
+	/* Safari composites the width-animated bars without subpixel antialiasing, blurring labels on 1x displays */
+	-webkit-font-smoothing: antialiased;
 }
 .label-scale-name {
 	color: var(--evcc-gray);