From 3bf832af92aaee39227dbef838957a3ff83a8f49 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Thu, 12 Mar 2026 18:27:57 +0100
Subject: [PATCH] style: use transparent orange tones for frustration pie chart

Rage clicks: warm orange at 70% opacity
Dead clicks: darker amber at 70% opacity
Previous period: same hues at 35% opacity
---
 components/behavior/FrustrationTrend.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/behavior/FrustrationTrend.tsx b/components/behavior/FrustrationTrend.tsx
index e66cd72..a93d51e 100644
--- a/components/behavior/FrustrationTrend.tsx
+++ b/components/behavior/FrustrationTrend.tsx
@@ -31,10 +31,10 @@ function SkeletonCard() {
 }
 
 const COLORS = {
-  rage_clicks: '#FD5E0F',
-  dead_clicks: '#3B82F6',
-  prev_rage_clicks: '#9A3412',
-  prev_dead_clicks: '#1E40AF',
+  rage_clicks: 'rgba(253, 94, 15, 0.7)',
+  dead_clicks: 'rgba(180, 83, 9, 0.7)',
+  prev_rage_clicks: 'rgba(253, 94, 15, 0.35)',
+  prev_dead_clicks: 'rgba(180, 83, 9, 0.35)',
 } as const
 
 const chartConfig = {