From 1a68e1c46cb9a68be438f183c1de72e4662fa902 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Thu, 16 Apr 2026 19:30:51 +0200
Subject: [PATCH] fix: add --text-inverse CSS variable for badge icon contrast

The design system doesn't define --text-inverse yet, so SVG icons
on colored badge backgrounds (trace, tap, status) had no fill color.
Define it in index.css as #fff until the DS adds it natively.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 ui/src/index.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/ui/src/index.css b/ui/src/index.css
index f55a911d..dd5ad60e 100644
--- a/ui/src/index.css
+++ b/ui/src/index.css
@@ -62,6 +62,8 @@
 :root {
   /* Light mode: #766A5E on #FFFFFF = 4.5:1 (was #9C9184 = 3.0:1) */
   --text-muted: #766A5E;
+  /* White text on colored badge backgrounds (not in DS yet) */
+  --text-inverse: #fff;
 }
 
 [data-theme="dark"] {