From 9b4bc63e1a33d4839b9ab40efd30790ea0f11b47 Mon Sep 17 00:00:00 2001
From: matt <matt@takoyaki.cool>
Date: Thu, 16 Oct 2025 13:26:39 -0700
Subject: [PATCH] fix: use theme CSS variables for user messages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User messages were using hard-coded indigo colors instead of respecting
the selected theme. Now properly uses:
- var(--accent) for gradient start
- var(--user-msg) for gradient end
- Dynamic box-shadow based on theme color

This ensures user messages match the selected theme (Dark, Light, Abyss,
Nord, Mocha, etc.)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/styles.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index 39f9e51..2c7271e 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -276,10 +276,10 @@ body {
 }
 
 .message.user .message-content {
-  background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
+  background: linear-gradient(135deg, var(--accent) 0%, var(--user-msg) 100%);
   color: white;
   border-bottom-right-radius: 4px;
-  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
+  box-shadow: 0 2px 8px color-mix(in srgb, var(--user-msg) 30%, transparent);
 }
 
 .message.assistant .message-content {