From fd888c9ed161a698e1bad319245b127173564338 Mon Sep 17 00:00:00 2001
From: Laurent Dubertrand <laurent@dubertrand.com>
Date: Thu, 12 Mar 2026 23:05:23 +0100
Subject: [PATCH] rainbow buttons

---
 client/src/app/chat-page.component.scss | 49 +++++++++++++------------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/client/src/app/chat-page.component.scss b/client/src/app/chat-page.component.scss
index a2cc3d2..b179ffa 100644
--- a/client/src/app/chat-page.component.scss
+++ b/client/src/app/chat-page.component.scss
@@ -607,25 +607,8 @@
 }
 
 .composer-call {
-  color: var(--page-text);
-  background: linear-gradient(135deg, #bfe9ff, #96c3ff);
-}
-
-.composer-camera,
-.composer-emoji-trigger,
-.composer-plus {
-  color: var(--page-text);
-  background: var(--badge-background);
-}
-
-.composer-plus {
-  font-size: 1.76rem;
-  font-weight: 700;
-}
-
-.composer-dictation {
-  color: var(--page-text);
-  background: linear-gradient(135deg, #f6d8ff, #ffcadb);
+  color: #fff;
+  background: #e53935;
 }
 
 .composer-dictation-active,
@@ -636,21 +619,39 @@
 }
 
 .composer-voice {
-  color: var(--page-text);
-  background: linear-gradient(135deg, #ffd8bf, #ff9b8a);
+  color: #fff;
+  background: #fb8c00;
 }
 
 .composer-voice-recording {
   box-shadow: 0 0 0 0.2rem rgba(220, 62, 93, 0.18);
 }
 
+.composer-dictation {
+  color: #1f1f1f;
+  background: #fdd835;
+}
+
+.composer-plus {
+  color: #fff;
+  background: #43a047;
+  font-size: 1.76rem;
+  font-weight: 700;
+}
+
 .composer-image-generate {
-  color: var(--page-text);
-  background: linear-gradient(135deg, #ffe6b0, #ffc8a8);
+  color: #fff;
+  background: #1e88e5;
+}
+
+.composer-emoji-trigger {
+  color: #fff;
+  background: #3949ab;
 }
 
 .send-emoji {
-  background: linear-gradient(135deg, #def7dd, #9bd5ff);
+  color: #fff;
+  background: #8e24aa;
 }
 
 .composer-emoji-picker {