From 4285f92136372967467dfebca4f7d350d5c26dc8 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Fri, 10 Apr 2026 14:24:06 +0200
Subject: [PATCH] Refine text opacity in keywords hint and remove redundant
 background color in message header component.

---
 web/components/messaging/send-message-button.tsx | 2 +-
 web/pages/messages/[channelId].tsx               | 2 +-
 web/styles/globals.css                           | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/components/messaging/send-message-button.tsx b/web/components/messaging/send-message-button.tsx
index ea9944f9..96d5acb7 100644
--- a/web/components/messaging/send-message-button.tsx
+++ b/web/components/messaging/send-message-button.tsx
@@ -196,7 +196,7 @@ export const SendMessageButton = (props: {
             <>
               {!!profile.keywords?.length && (
                 <div className={'w-full border border-canvas-100 rounded-xl p-2'}>
-                  <p className={'text-ink-1000/55 mb-2 text-xs'}>
+                  <p className={'text-ink-1000/75 mb-2 text-xs'}>
                     {t(
                       'send_message.keywords_hint',
                       `Insert some of {name} topics in your message`,
diff --git a/web/pages/messages/[channelId].tsx b/web/pages/messages/[channelId].tsx
index 8a2cf6da..e8f14b12 100644
--- a/web/pages/messages/[channelId].tsx
+++ b/web/pages/messages/[channelId].tsx
@@ -253,7 +253,7 @@ export const PrivateChat = (props: {
 
   return (
     <Col className="w-full">
-      <Row className={'border-ink-200 bg-canvas-50 h-14 items-center gap-1 border-b rounded-xl'}>
+      <Row className={'border-ink-200 h-14 items-center gap-1 border-b rounded-xl'}>
         <BackButton className="self-stretch" />
         {members && members.length > 0 ? (
           <MultipleOrSingleAvatars
diff --git a/web/styles/globals.css b/web/styles/globals.css
index cc6b5e64..fab9a479 100644
--- a/web/styles/globals.css
+++ b/web/styles/globals.css
@@ -244,8 +244,8 @@
     /*--color-ink-50: 17 17 17; !* #111111 *!*/
     /*--color-ink-0: 0 0 0; !* black *!*/
 
-    --color-canvas-25: 0 0 0;
-    --color-canvas-0: 20 20 20;
+    --color-canvas-0: 0 0 0;
+    --color-canvas-25: 20 20 20;
     --color-canvas-50: 20 20 20;
     --color-canvas-100: 40 40 40;
     --color-canvas-200: 60 60 60;