From cc8ecefe5840c156e9a9046c8a21fb99190c34f5 Mon Sep 17 00:00:00 2001
From: kaito <80802871+kaitoo1@users.noreply.github.com>
Date: Wed, 1 May 2024 19:10:25 +0900
Subject: [PATCH] update dark mode colors

---
 .../Notifications/AnnouncementNotification.tsx      | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/mobile/src/components/Notification/Notifications/AnnouncementNotification.tsx b/apps/mobile/src/components/Notification/Notifications/AnnouncementNotification.tsx
index e5efe3c9b..e176e1a28 100644
--- a/apps/mobile/src/components/Notification/Notifications/AnnouncementNotification.tsx
+++ b/apps/mobile/src/components/Notification/Notifications/AnnouncementNotification.tsx
@@ -1,4 +1,5 @@
 import { ResizeMode } from 'expo-av';
+import { useColorScheme } from 'nativewind';
 import { useCallback, useEffect } from 'react';
 import { View } from 'react-native';
 import FastImage from 'react-native-fast-image';
@@ -35,6 +36,8 @@ export default function AnnouncementNotification() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
+  const { colorScheme } = useColorScheme();
+
   if (!announcement) {
     return null;
   }
@@ -43,7 +46,7 @@ export default function AnnouncementNotification() {
     <View className="flex flex-row m-2">
       <GalleryTouchableOpacity
         onPress={handlePress}
-        className="flex-row flex-1 items-start space-x-2 border border-activeBlue p-3"
+        className="flex-row flex-1 items-start space-x-2 border border-activeBlue dark:border-darkModeBlue p-3"
         eventElementId="Announcement Notification"
         eventName="Announcement Notification Pressed"
         eventContext={contexts.Notifications}
@@ -55,10 +58,12 @@ export default function AnnouncementNotification() {
             source={{ uri: announcement.imageUrl }}
           />
           <View className="flex flex-col flex-1 ">
-            <BaseM weight="Bold" classNameOverride="text-activeBlue">
+            <BaseM weight="Bold" classNameOverride="text-activeBlue dark:text-darkModeBlue">
               {announcement.title}
             </BaseM>
-            <BaseM classNameOverride="text-activeBlue">{announcement.description}</BaseM>
+            <BaseM classNameOverride="text-activeBlue dark:text-darkModeBlue">
+              {announcement.description}
+            </BaseM>
           </View>
         </View>
         <GalleryTouchableOpacity
@@ -67,7 +72,7 @@ export default function AnnouncementNotification() {
           eventName="Pressed Dismiss Announcement Button"
           eventContext={contexts.Notifications}
         >
-          <XMarkIcon color={colors.activeBlue} />
+          <XMarkIcon color={colorScheme === 'dark' ? colors.darkModeBlue : colors.activeBlue} />
         </GalleryTouchableOpacity>
       </GalleryTouchableOpacity>
     </View>