From f97c91fe354d96c0fbbde053389a16fb5ee56e54 Mon Sep 17 00:00:00 2001
From: PhilReact <philliplangmartinez@gmail.com>
Date: Tue, 17 Dec 2024 06:37:34 +0200
Subject: [PATCH] change unread color

---
 src/App.tsx                                    |  8 +++++---
 src/Wallets.tsx                                |  6 +++---
 src/components/Apps/AppsNavBar.tsx             |  4 ++--
 src/components/Chat/ChatDirect.tsx             |  2 +-
 src/components/Chat/ChatGroup.tsx              |  2 +-
 src/components/Chat/ChatList.tsx               |  2 +-
 src/components/Chat/GroupAnnouncements.tsx     |  2 +-
 src/components/Embeds/AttachmentEmbed.tsx      |  2 +-
 src/components/Embeds/ImageEmbed.tsx           |  2 +-
 src/components/Embeds/PollEmbed.tsx            |  2 +-
 src/components/Group/AddGroupList.tsx          |  2 +-
 src/components/Group/Forum/NewThread.tsx       |  2 --
 src/components/Group/Group.tsx                 | 12 ++++++------
 src/components/Group/ListOfGroupPromotions.tsx |  2 +-
 src/components/Group/UserListOfInvites.tsx     |  2 +-
 src/components/Save/Save.tsx                   | 11 +++++++----
 src/index.css                                  |  3 ++-
 17 files changed, 35 insertions(+), 31 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 1fb36fc..7ef65ef 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2874,6 +2874,7 @@ await showInfo({
                   backgroundColor: 'var(--green)',
                   color: 'black',
                   opacity: 0.7,
+                  fontWeight: 'bold',
                   '&:hover': {
                     backgroundColor: 'var(--green)',
                   color: 'black',
@@ -2883,11 +2884,12 @@ await showInfo({
               accept
             </Button>
             <Button sx={{
-                  backgroundColor: 'var(--unread)',
+                  backgroundColor: 'var(--danger)',
                   color: 'black',
                   opacity: 0.7,
+                  fontWeight: 'bold',
                   '&:hover': {
-                    backgroundColor: 'var(--unread)',
+                    backgroundColor: 'var(--danger)',
                   color: 'black',
                   opacity: 1
                   },
@@ -3175,7 +3177,7 @@ await showInfo({
               </CustomButtonAccept>
               <CustomButtonAccept
                color="black"
-               bgColor="var(--unread)"
+               bgColor="var(--danger)"
                 sx={{
                   minWidth: "102px",
                 }}
diff --git a/src/Wallets.tsx b/src/Wallets.tsx
index 85fee47..2f7e53d 100644
--- a/src/Wallets.tsx
+++ b/src/Wallets.tsx
@@ -541,12 +541,12 @@ const WalletItem = ({ wallet, updateWalletItem, idx, setSelectedWallet }) => {
             </Button>
             <Button
               sx={{
-                backgroundColor: "var(--unread)",
+                backgroundColor: "var(--danger)",
                 "&:hover": {
-                  backgroundColor: "var(--unread)",
+                  backgroundColor: "var(--danger)",
                 },
                 "&:focus": {
-                  backgroundColor: "var(--unread)",
+                  backgroundColor: "var(--danger)",
                 },
               }}
               size="small"
diff --git a/src/components/Apps/AppsNavBar.tsx b/src/components/Apps/AppsNavBar.tsx
index 3efe977..0007d03 100644
--- a/src/components/Apps/AppsNavBar.tsx
+++ b/src/components/Apps/AppsNavBar.tsx
@@ -297,7 +297,7 @@ export const AppsNavBar = ({appsMode}) => {
             <PushPinIcon
               height={20}
               sx={{
-                color: isSelectedAppPinned ? "red" : "rgba(250, 250, 250, 0.5)",
+                color: isSelectedAppPinned ? "var(--danger)" : "rgba(250, 250, 250, 0.5)",
               }}
             />
           </ListItemIcon>
@@ -306,7 +306,7 @@ export const AppsNavBar = ({appsMode}) => {
               "& .MuiTypography-root": {
                 fontSize: "12px",
                 fontWeight: 600,
-                color: isSelectedAppPinned ? "red" : "rgba(250, 250, 250, 0.5)",
+                color: isSelectedAppPinned ? "var(--danger)" : "rgba(250, 250, 250, 0.5)",
               },
             }}
             primary={`${isSelectedAppPinned ? "Unpin app" : "Pin app"}`}
diff --git a/src/components/Chat/ChatDirect.tsx b/src/components/Chat/ChatDirect.tsx
index bfe00ee..ac8b17f 100644
--- a/src/components/Chat/ChatDirect.tsx
+++ b/src/components/Chat/ChatDirect.tsx
@@ -712,7 +712,7 @@ const sendMessage = async ()=> {
         }}>
                 <Typography sx={{
                   fontSize: '12px',
-                  color: messageSize > 4000 ? 'var(--unread)' : 'unset'
+                  color: messageSize > 4000 ? 'var(--danger)' : 'unset'
                 }}>{`size ${messageSize} of 4000`}</Typography>
 
           </Box>
diff --git a/src/components/Chat/ChatGroup.tsx b/src/components/Chat/ChatGroup.tsx
index 22b7ea0..582d4cd 100644
--- a/src/components/Chat/ChatGroup.tsx
+++ b/src/components/Chat/ChatGroup.tsx
@@ -1010,7 +1010,7 @@ const sendMessage = async ()=> {
         }}>
                 <Typography sx={{
                   fontSize: '12px',
-                  color: messageSize > 4000 ? 'var(--unread)' : 'unset'
+                  color: messageSize > 4000 ? 'var(--danger)' : 'unset'
                 }}>{`size ${messageSize} of 4000`}</Typography>
 
           </Box>
diff --git a/src/components/Chat/ChatList.tsx b/src/components/Chat/ChatList.tsx
index 143f738..324fd50 100644
--- a/src/components/Chat/ChatList.tsx
+++ b/src/components/Chat/ChatList.tsx
@@ -369,7 +369,7 @@ export const ChatList = ({ initialMessages, myAddress, tempMessages, chatId, onR
           bottom: 20,
           right: 20,
           backgroundColor: 'var(--unread)',
-          color: 'white',
+          color: 'black',
           padding: '10px 20px',
           borderRadius: '20px',
           cursor: 'pointer',
diff --git a/src/components/Chat/GroupAnnouncements.tsx b/src/components/Chat/GroupAnnouncements.tsx
index 8d0a721..8ffd41d 100644
--- a/src/components/Chat/GroupAnnouncements.tsx
+++ b/src/components/Chat/GroupAnnouncements.tsx
@@ -646,7 +646,7 @@ export const GroupAnnouncements = ({
                   marginTop: "auto",
                   alignSelf: "center",
                   cursor: isSending ? "default" : "pointer",
-                  background: "red",
+                  background: "var(--danger)",
                   flexShrink: 0,
                   padding: isMobile && "5px",
                   fontSize: isMobile && "14px",
diff --git a/src/components/Embeds/AttachmentEmbed.tsx b/src/components/Embeds/AttachmentEmbed.tsx
index 0f08cbf..86c5062 100644
--- a/src/components/Embeds/AttachmentEmbed.tsx
+++ b/src/components/Embeds/AttachmentEmbed.tsx
@@ -253,7 +253,7 @@ export const AttachmentCard = ({
               <Typography
                 sx={{
                   fontSize: "14px",
-                  color: "var(--unread)",
+                  color: "var(--danger)",
                 }}
               >
                 {errorMsg}
diff --git a/src/components/Embeds/ImageEmbed.tsx b/src/components/Embeds/ImageEmbed.tsx
index 29fd428..69af995 100644
--- a/src/components/Embeds/ImageEmbed.tsx
+++ b/src/components/Embeds/ImageEmbed.tsx
@@ -161,7 +161,7 @@ export const ImageCard = ({
               <Typography
                 sx={{
                   fontSize: "14px",
-                  color: "var(--unread)",
+                  color: "var(--danger)",
                 }}
               >
                 {errorMsg}
diff --git a/src/components/Embeds/PollEmbed.tsx b/src/components/Embeds/PollEmbed.tsx
index f43bd48..228d1df 100644
--- a/src/components/Embeds/PollEmbed.tsx
+++ b/src/components/Embeds/PollEmbed.tsx
@@ -221,7 +221,7 @@ export const PollCard = ({
               <Typography
                 sx={{
                   fontSize: "14px",
-                  color: "var(--unread)",
+                  color: "var(--danger)",
                 }}
               >
                 {errorMsg}
diff --git a/src/components/Group/AddGroupList.tsx b/src/components/Group/AddGroupList.tsx
index e1ef171..02c0073 100644
--- a/src/components/Group/AddGroupList.tsx
+++ b/src/components/Group/AddGroupList.tsx
@@ -240,7 +240,7 @@ export const AddGroupList = ({ setInfoSnack, setOpenSnack }) => {
         )}
         {group?.isOpen === true && (
           <NoEncryptionGmailerrorredIcon sx={{
-            color: 'var(--unread)'
+            color: 'var(--danger)'
           }} />
         )}
         <Spacer width="15px" />
diff --git a/src/components/Group/Forum/NewThread.tsx b/src/components/Group/Forum/NewThread.tsx
index 165b760..4c237ec 100644
--- a/src/components/Group/Forum/NewThread.tsx
+++ b/src/components/Group/Forum/NewThread.tsx
@@ -534,14 +534,12 @@ export const NewThread = ({
             </NewMessageSendP>
             {isMessage ? (
               <SendNewMessage
-                color="red"
                 opacity={1}
                 height="25px"
                 width="25px"
               />
             ) : (
               <CreateThreadIcon
-                color="red"
                 opacity={1}
                 height="25px"
                 width="25px"
diff --git a/src/components/Group/Group.tsx b/src/components/Group/Group.tsx
index b4a3de3..bd8d66c 100644
--- a/src/components/Group/Group.tsx
+++ b/src/components/Group/Group.tsx
@@ -718,7 +718,7 @@ export const Group = ({
       }
     });
     return hasUnread;
-  }, [timestampEnterData, groups, myAddress]);
+  }, [timestampEnterData, groups, myAddress, groupChatTimestamps]);
 
   const groupsAnnHasUnread = useMemo(() => {
     let hasUnread = false;
@@ -1851,7 +1851,7 @@ export const Group = ({
                         direct?.timestamp) && (
                       <MarkChatUnreadIcon
                         sx={{
-                          color: "red",
+                          color: "var(--unread)",
                         }}
                       />
                     )}
@@ -2023,7 +2023,7 @@ export const Group = ({
                           justifyContent: 'center'
                         }}>
                         <NoEncryptionGmailerrorredIcon sx={{
-                          color: 'var(--unread)'
+                          color: 'var(--danger)'
                         }} />
                         </Box>
                     
@@ -2058,7 +2058,7 @@ export const Group = ({
                       !groupAnnouncements[group?.groupId]?.seentimestamp && (
                         <CampaignIcon
                           sx={{
-                            color: "red",
+                            color: "var(--unread)",
                             marginRight: "5px",
                           }}
                         />
@@ -2074,7 +2074,7 @@ export const Group = ({
                           group?.timestamp) && (
                         <MarkChatUnreadIcon
                           sx={{
-                            color: "red",
+                            color: "var(--unread)",
                           }}
                         />
                       )}
@@ -2377,7 +2377,7 @@ export const Group = ({
         )}
         {isPrivate === false && (
           <NoEncryptionGmailerrorredIcon sx={{
-            color: 'var(--unread)'
+            color: 'var(--danger)'
           }} />
         )}
                    {/* <ExitIcon /> */}
diff --git a/src/components/Group/ListOfGroupPromotions.tsx b/src/components/Group/ListOfGroupPromotions.tsx
index 29e9c17..3cb5c4f 100644
--- a/src/components/Group/ListOfGroupPromotions.tsx
+++ b/src/components/Group/ListOfGroupPromotions.tsx
@@ -556,7 +556,7 @@ export const ListOfGroupPromotions = () => {
         )}
         {promotion?.isOpen === true && (
           <NoEncryptionGmailerrorredIcon sx={{
-            color: 'var(--unread)'
+            color: 'var(--danger)'
           }} />
         )}
          <Typography
diff --git a/src/components/Group/UserListOfInvites.tsx b/src/components/Group/UserListOfInvites.tsx
index 575be82..0e1bd4f 100644
--- a/src/components/Group/UserListOfInvites.tsx
+++ b/src/components/Group/UserListOfInvites.tsx
@@ -192,7 +192,7 @@ export const UserListOfInvites = ({myAddress, setInfoSnack, setOpenSnack}) => {
         )}
         {invite?.isOpen === true && (
           <NoEncryptionGmailerrorredIcon sx={{
-            color: 'var(--unread)'
+            color: 'var(--danger)'
           }} />
         )}
         <Spacer width="15px" />
diff --git a/src/components/Save/Save.tsx b/src/components/Save/Save.tsx
index f17d413..dd5a222 100644
--- a/src/components/Save/Save.tsx
+++ b/src/components/Save/Save.tsx
@@ -269,6 +269,7 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
                   backgroundColor: "var(--green)",
                   color: "black",
                   opacity: 0.7,
+                  fontWeight: 'bold',
                   "&:hover": {
                     backgroundColor: "var(--green)",
                     color: "black",
@@ -300,11 +301,12 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
                     onClick={revertChanges}
                     variant="contained"
                     sx={{
-                      backgroundColor: "var(--unread)",
+                      backgroundColor: "var(--danger)",
                       color: "black",
+                      fontWeight: 'bold',
                       opacity: 0.7,
                       "&:hover": {
-                        backgroundColor: "var(--unread)",
+                        backgroundColor: "var(--danger)",
                         color: "black",
                         opacity: 1,
                       },
@@ -360,11 +362,12 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
                 onClick={saveToQdn}
                 variant="contained"
                 sx={{
-                  backgroundColor: "var(--unread)",
+                  backgroundColor: "var(--danger)",
                   color: "black",
+                  fontWeight: 'bold',
                   opacity: 0.7,
                   "&:hover": {
-                    backgroundColor: "var(--unread)",
+                    backgroundColor: "var(--danger)",
                     color: "black",
                     opacity: 1,
                   },
diff --git a/src/index.css b/src/index.css
index 5eacab8..6ea9a22 100644
--- a/src/index.css
+++ b/src/index.css
@@ -34,7 +34,8 @@
   --bg-primary : rgba(31, 32, 35, 1);
   --bg-2: #27282c;
   --bg-3: rgba(0, 0, 0, 0.1);
-  --unread: #B14646;
+  --unread: #4297e2; 
+  --danger: #B14646;
   --apps-circle: #1F2023;
   --green: #5EB049;
 }