From abda4373aee876fd8f91ecea9f6afa3d225ef7cf Mon Sep 17 00:00:00 2001
From: glyph <glyph@mycelial.technology>
Date: Wed, 26 Jan 2022 12:10:28 +0200
Subject: [PATCH] conditional font colour rendering

---
 peach-web/templates/status/scuttlebutt.html.tera | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/peach-web/templates/status/scuttlebutt.html.tera b/peach-web/templates/status/scuttlebutt.html.tera
index 4268c07..81f06e2 100644
--- a/peach-web/templates/status/scuttlebutt.html.tera
+++ b/peach-web/templates/status/scuttlebutt.html.tera
@@ -87,8 +87,8 @@
             <div class="stack">
               <img class="icon{% if not sbot_stats.memory %} icon-inactive{% endif %}" title="Memory" src="/icons/ram.png">
               <div class="flex-grid" style="padding-top: 0.5rem;">
-                <label class="label-medium" style="padding-right: 3px;" title="Memory usage of the go-sbot process in MB">{{ mem }}</label>
-                <label class="label-small font-near-black">MB</label>
+                <label class="label-medium{% if sbot_stats.state == "inactive" %} font-gray{% endif %}" style="padding-right: 3px;" title="Memory usage of the go-sbot process in MB">{{ mem }}</label>
+                <label class="label-small {% if sbot_stats.state == "inactive" %}font-gray{% else %}font-near-black{% endif %}">MB</label>
               </div>
               <label class="label-small font-gray">MEMORY</label>
             </div>