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 {