From e2fae896dc77312efe2b9fed61289566a8d85a50 Mon Sep 17 00:00:00 2001
From: Jordan Ramos <jordan.ramos@spectrum.com>
Date: Fri, 22 May 2026 13:59:20 -0600
Subject: [PATCH] Fix status badge background making text invisible

The badge() style function used rgb-to-rgba string replacement for
the background, which doesn't work with hex colors. Hex colors passed
through unchanged as opaque backgrounds, hiding the text. Use hex
alpha notation (color + '26' = ~15% opacity) instead.
---
 frontend/src/components/pages/JiraPage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/pages/JiraPage.js b/frontend/src/components/pages/JiraPage.js
index 356d2b2..ab9f499 100644
--- a/frontend/src/components/pages/JiraPage.js
+++ b/frontend/src/components/pages/JiraPage.js
@@ -99,7 +99,7 @@ const STYLES = {
     fontSize: '0.7rem',
     fontWeight: 600,
     border: `1px solid ${color}`,
-    background: color.replace(')', ', 0.15)').replace('rgb', 'rgba'),
+    background: `${color}26`,
     color: color,
   }),
   modal: {