From a4b56a3b6e9626f2d9dd5940ac74fe2aca8cf389 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Thu, 23 Jul 2026 16:01:46 +0000
Subject: [PATCH] jobs: make header indicators readable when idle (solid pills,
 full-opacity text)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../Screens/Dashboard/Layout/Header/JobsIndicator.tsx         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/apps/officer-web/Screens/Dashboard/Layout/Header/JobsIndicator.tsx b/src/apps/officer-web/Screens/Dashboard/Layout/Header/JobsIndicator.tsx
index 181d2090..22072fef 100644
--- a/src/apps/officer-web/Screens/Dashboard/Layout/Header/JobsIndicator.tsx
+++ b/src/apps/officer-web/Screens/Dashboard/Layout/Header/JobsIndicator.tsx
@@ -25,7 +25,7 @@ export const JobsIndicator = () => {
       <Link
         to={counts.runningJobId ? `/jobs/${counts.runningJobId}` : '/jobs'}
         title={counts.running ? 'Running job' : 'Nothing running'}
-        className={`${pill} ${counts.running ? 'bg-blue-500/30 text-white hover:bg-blue-500/45' : 'bg-white/10 text-white/50 hover:bg-white/20'}`}
+        className={`${pill} text-white ${counts.running ? 'bg-blue-500/60 hover:bg-blue-500/75' : 'bg-black/25 hover:bg-black/35'}`}
       >
         <Loader2 className={`h-3.5 w-3.5 ${counts.running ? 'animate-spin' : ''}`} />
         {counts.running}
@@ -33,7 +33,7 @@ export const JobsIndicator = () => {
       <Link
         to="/jobs"
         title="Queued jobs"
-        className={`${pill} ${counts.queued ? 'bg-amber-500/30 text-white hover:bg-amber-500/45' : 'bg-white/10 text-white/50 hover:bg-white/20'}`}
+        className={`${pill} text-white ${counts.queued ? 'bg-amber-500/70 hover:bg-amber-500/85' : 'bg-black/25 hover:bg-black/35'}`}
       >
         <ListOrdered className="h-3.5 w-3.5" />
         {counts.queued}