From 987ece2a4bdf9fabc11c51dd0dab551a77df82a0 Mon Sep 17 00:00:00 2001
From: Max Richter <git@max-richter.dev>
Date: Sun, 18 Jan 2026 18:55:18 +0100
Subject: [PATCH] fix: update performance bars to work with tailwind

---
 app/src/lib/performance/BarSplit.svelte | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/src/lib/performance/BarSplit.svelte b/app/src/lib/performance/BarSplit.svelte
index 49f8bf4..d0a65c9 100644
--- a/app/src/lib/performance/BarSplit.svelte
+++ b/app/src/lib/performance/BarSplit.svelte
@@ -14,7 +14,10 @@
 <div class="wrapper">
   <div class="bars">
     {#each values as value, i}
-      <div class="bar bg-{colors[i]}" style="width: {(value / total) * 100}%;">
+      <div
+        class="bar bg-{colors[i]}-400"
+        style="width: {(value / total) * 100}%;"
+      >
         {Math.round(value)}ms
       </div>
     {/each}
@@ -22,10 +25,12 @@
 
   <div class="labels mt-2">
     {#each values as _label, i}
-      <div class="text-{colors[i]}">{labels[i]}</div>
+      <div class="text-{colors[i]}-400">{labels[i]}</div>
     {/each}
   </div>
-  <span class="bg-red bg-green bg-blue text-red text-green text-blue"></span>
+  <span
+    class="bg-red-400 bg-green-400 bg-blue-400 text-red-400 text-green-400 text-blue-400"
+  ></span>
 </div>
 
 <style>