From 2c47817d2b80854d8b5319b67defd07085e5c9c1 Mon Sep 17 00:00:00 2001
From: KaustubhKumar05 <kaustubhkumar05@gmail.com>
Date: Wed, 6 Mar 2024 11:14:44 +0530
Subject: [PATCH] fix: color tokens for pinned messages

---
 .../src/Prebuilt/components/Chat/PinnedMessage.tsx         | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/roomkit-react/src/Prebuilt/components/Chat/PinnedMessage.tsx b/packages/roomkit-react/src/Prebuilt/components/Chat/PinnedMessage.tsx
index 7537b1602f..ee9ea2d3f9 100644
--- a/packages/roomkit-react/src/Prebuilt/components/Chat/PinnedMessage.tsx
+++ b/packages/roomkit-react/src/Prebuilt/components/Chat/PinnedMessage.tsx
@@ -71,13 +71,14 @@ export const PinnedMessage = () => {
       <Flex
         css={{
           p: '$4',
-          color: '$on_surface_medium',
-          bg: isMobile ? 'rgba(0, 0, 0, 0.64)' : '$surface_default',
+          color: '$on_surface_high',
+          bg: isMobile && elements?.chat?.is_overlay ? 'rgba(0, 0, 0, 0.64)' : '$surface_brighter',
           r: '$1',
           gap: '$4',
           mb: '$8',
           mt: '$8',
           flexGrow: 1,
+          border: '1px solid $border_bright',
         }}
         align="center"
         justify="between"
@@ -98,7 +99,7 @@ export const PinnedMessage = () => {
         >
           <Text
             variant="sm"
-            css={{ color: '$on_surface_medium' }}
+            css={{ color: '$on_surface_high' }}
             {...swipeHandlers}
             title={pinnedMessages[pinnedMessageIndex]?.text}
           >