From 903877fec25cc8e818e7b07b2d7fb8a406d0f680 Mon Sep 17 00:00:00 2001 From: jtricerolph Date: Thu, 27 Aug 2026 12:48:18 +0000 Subject: [PATCH] AC fan bar: darker grey (not faded orange) for set level when off Applies to both the Dashboard's ZoneCard and kiosk's KioskZoneBlock since they share the .ac-block/.fan-bar CSS. Previously 'off' just applied opacity on top of the normal orange 'on' colour, which read as a washed-out active state rather than a clean neutral one -- now explicitly var(--text-mid). Co-Authored-By: Claude Sonnet 5 --- frontend/src/index.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 5e2a328..40cfa14 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -231,7 +231,11 @@ html, body, #root { height: 100%; margin: 0; font-size: 14px; } .rad-icon.idle { color: var(--text-mid); } .ac-block { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding-top: 4px; color: var(--text-dark); } -.ac-block.off { color: var(--text-mid); opacity: .55; } +/* Explicit muted colour rather than opacity — opacity alone just faded the + 'on' fan-bar segments' orange, which read as a washed-out active state + rather than a clean off one. */ +.ac-block.off { color: var(--text-mid); } +.ac-block.off .fan-bar span.on { background: var(--text-mid); } .ac-lock { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); color: var(--health-degraded); } .ac-mode-row { display: flex; align-items: center; gap: 6px; } .ac-temp { font-size: 10.5px; font-weight: 600; color: var(--text-mid); }