From d27fb874e4267a076d499d5736e2b8d1217ca767 Mon Sep 17 00:00:00 2001
From: Jer Miller <jeremie.miller@gmail.com>
Date: Wed, 15 Apr 2026 22:54:41 -0600
Subject: [PATCH] Fix stats dashboard brand colors: replace purple gradients
 with amber/orange
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The stats page heading, stat values, progress bars, bar chart, and loading
spinner used an off-brand purple gradient (#667eea → #764ba2). Replaced all
five occurrences with var(--facet-color, #b06a1a) to match the rest of Convey.
---
 apps/stats/workspace.html | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/apps/stats/workspace.html b/apps/stats/workspace.html
index 29465f713..76b44fffa 100644
--- a/apps/stats/workspace.html
+++ b/apps/stats/workspace.html
@@ -10,10 +10,7 @@ h1 {
   margin-top: 0;
   font-size: 1.75rem;
   margin-bottom: 0.5em;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
+  color: var(--facet-color, #b06a1a);
 }
 
 /* Loading state */
@@ -28,7 +25,7 @@ h1 {
   width: 40px;
   height: 40px;
   border: 4px solid #f0f0f0;
-  border-top-color: #667eea;
+  border-top-color: var(--facet-color, #b06a1a);
   border-radius: 50%;
   animation: spin 1s linear infinite;
   margin: 0 auto 1em;
@@ -114,10 +111,7 @@ h1 {
   font-size: 2em;
   font-weight: 700;
   margin: 0;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
+  color: var(--facet-color, #b06a1a);
   line-height: 1.1;
 }
 
@@ -159,7 +153,7 @@ h1 {
 
 .progress-fill {
   height: 100%;
-  background: linear-gradient(90deg, #667eea, #764ba2);
+  background: var(--facet-color, #b06a1a);
   border-radius: 8px;
   transition: width 0.5s ease;
   display: flex;
@@ -221,7 +215,7 @@ h1 {
 
 .bar {
   flex: 1;
-  background: linear-gradient(to top, #667eea, #764ba2);
+  background: var(--facet-color, #b06a1a);
   border-radius: 4px 4px 0 0;
   transition: filter 0.2s;
   position: relative;
-- 
2.51.2