Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-04-20 10:05:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

change unread color

Browse Source
This commit is contained in:
PhilReact 2024-12-17 04:03:37 +02:00
parent ac7b00662f
commit 0f95f947ec
24 changed files with 56 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.tsx
View File

@ -2793,11 +2793,11 @@ function App() {
accept
</Button>
<Button sx={{
backgroundColor: 'var(--unread)',
backgroundColor: 'var(--danger)',
color: 'black',
opacity: 0.7,
'&:hover': {
backgroundColor: 'var(--unread)',
backgroundColor: 'var(--danger)',
color: 'black',
opacity: 1
},
@ -3093,7 +3093,7 @@ function App() {
</CustomButtonAccept>
<CustomButtonAccept
color="black"
bgColor="var(--unread)"
bgColor="var(--danger)"
sx={{
minWidth: "102px",
}}

6
src/Wallets.tsx
View File

@ -434,12 +434,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"

4
src/components/Apps/AppsDesktop.tsx
View File

@ -381,7 +381,7 @@ export const AppsDesktop = ({ mode, setMode, show , myName, goToHome, setDesktop
height={30}
color={
hasUnreadDirects
? "var(--unread)"
? "var(--danger)"
: isDirects
? "white"
: "rgba(250, 250, 250, 0.5)"
@ -399,7 +399,7 @@ export const AppsDesktop = ({ mode, setMode, show , myName, goToHome, setDesktop
height={30}
color={
hasUnreadGroups
? "var(--unread)"
? "var(--danger)"
: isGroups
? "white"
: "rgba(250, 250, 250, 0.5)"

4
src/components/Apps/AppsNavBarDesktop.tsx
View File

@ -321,7 +321,7 @@ export const AppsNavBarDesktop = ({disableBack}) => {
<PushPinIcon
height={20}
sx={{
color: isSelectedAppPinned ? "red" : "rgba(250, 250, 250, 0.5)",
color: isSelectedAppPinned ? "var(--danger)" : "rgba(250, 250, 250, 0.5)",
}}
/>
</ListItemIcon>
@ -330,7 +330,7 @@ export const AppsNavBarDesktop = ({disableBack}) => {
"& .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"}`}

2
src/components/Chat/ChatDirect.tsx
View File

@ -656,7 +656,7 @@ useEffect(() => {
}}>
<Typography sx={{
fontSize: '12px',
color: messageSize > 4000 ? 'var(--unread)' : 'unset'
color: messageSize > 4000 ? 'var(--danger)' : 'unset'
}}>{`Your message size is of ${messageSize} bytes out of a maximum of 4000`}</Typography>
</Box>

2
src/components/Chat/ChatGroup.tsx
View File

@ -873,7 +873,7 @@ const clearEditorContent = () => {
}}>
<Typography sx={{
fontSize: '12px',
color: messageSize > 4000 ? 'var(--unread)' : 'unset'
color: messageSize > 4000 ? 'var(--danger)' : 'unset'
}}>{`Your message size is of ${messageSize} bytes out of a maximum of 4000`}</Typography>
</Box>

2
src/components/Chat/ChatList.tsx
View File

@ -377,7 +377,7 @@ export const ChatList = ({
position: "absolute",
right: 20,
backgroundColor: "var(--unread)",
color: "white",
color: "black",
padding: "10px 20px",
borderRadius: "20px",
cursor: "pointer",

2
src/components/Chat/GroupAnnouncements.tsx
View File

@ -647,7 +647,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",

4
src/components/Desktop/DesktopFooter.tsx
View File

@ -150,7 +150,7 @@ export const DesktopFooter = ({
height={30}
color={
hasUnreadGroups
? "var(--unread)"
? "var(--danger)"
: isGroups
? "white"
: "rgba(250, 250, 250, 0.5)"
@ -172,7 +172,7 @@ export const DesktopFooter = ({
height={30}
color={
hasUnreadDirects
? "var(--unread)"
? "var(--danger)"
: isDirects
? "white"
: "rgba(250, 250, 250, 0.5)"

6
src/components/Desktop/DesktopHeader.tsx
View File

@ -109,7 +109,7 @@ export const DesktopHeader = ({
)}
{isPrivate === false && (
<NoEncryptionGmailerrorredIcon sx={{
color: 'var(--unread)'
color: 'var(--danger)'
}} />
)}
<Typography
@ -158,7 +158,7 @@ export const DesktopHeader = ({
height={25}
color={
hasUnreadGroups
? "var(--unread)"
? "var(--danger)"
: isGroups
? "white"
: "rgba(250, 250, 250, 0.5)"
@ -180,7 +180,7 @@ export const DesktopHeader = ({
height={25}
color={
hasUnreadDirects
? "var(--unread)"
? "var(--danger)"
: isDirects
? "white"
: "rgba(250, 250, 250, 0.5)"

2
src/components/DesktopSideBar.tsx
View File

@ -90,7 +90,7 @@ export const DesktopSideBar = ({goToHome, setDesktopSideView, toggleSideViewDire
height={30}
color={
hasUnreadGroups
? "var(--unread)"
? "var(--danger)"
: isGroups
? "white"
: "rgba(250, 250, 250, 0.5)"

2
src/components/Embeds/AttachmentEmbed.tsx
View File

@ -228,7 +228,7 @@ export const AttachmentCard = ({
<Typography
sx={{
fontSize: "14px",
color: "var(--unread)",
color: "var(--danger)",
}}
>
{errorMsg}

2
src/components/Embeds/ImageEmbed.tsx
View File

@ -159,7 +159,7 @@ export const ImageCard = ({
<Typography
sx={{
fontSize: "14px",
color: "var(--unread)",
color: "var(--danger)",
}}
>
{errorMsg}

2
src/components/Embeds/PollEmbed.tsx
View File

@ -221,7 +221,7 @@ export const PollCard = ({
<Typography
sx={{
fontSize: "14px",
color: "var(--unread)",
color: "var(--danger)",
}}
>
{errorMsg}

2
src/components/Group/AddGroupList.tsx
View File

@ -240,7 +240,7 @@ export const AddGroupList = ({ setInfoSnack, setOpenSnack }) => {
)}
{group?.isOpen === true && (
<NoEncryptionGmailerrorredIcon sx={{
color: 'var(--unread)'
color: 'var(--danger)'
}} />
)}
<Spacer width="15px" />

2
src/components/Group/Forum/NewThread.tsx
View File

@ -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"

8
src/components/Group/Group.tsx
View File

@ -1687,7 +1687,7 @@ export const Group = ({
direct?.timestamp) && (
<MarkChatUnreadIcon
sx={{
color: "red",
color: "var(--unread)",
}}
/>
)}
@ -1897,7 +1897,7 @@ export const Group = ({
justifyContent: 'center'
}}>
<NoEncryptionGmailerrorredIcon sx={{
color: 'var(--unread)'
color: 'var(--danger)'
}} />
</Box>
// <Avatar
@ -1940,7 +1940,7 @@ export const Group = ({
!groupAnnouncements[group?.groupId]?.seentimestamp && (
<CampaignIcon
sx={{
color: "red",
color: "var(--unread)",
marginRight: "5px",
}}
/>
@ -1956,7 +1956,7 @@ export const Group = ({
group?.timestamp) && (
<MarkChatUnreadIcon
sx={{
color: "red",
color: "var(--unread)",
}}
/>
)}

14
src/components/Group/GroupMenu.tsx
View File

@ -73,13 +73,13 @@ export const GroupMenu = ({ setGroupSection, groupSection, setOpenManageMembers,
}}
>
{groupSection === "announcement" &&(
<> <NotificationIcon2 color={hasUnreadAnnouncements || hasUnreadChat ? 'var(--unread)' : 'white'} /> {" Announcements"}</>
<> <NotificationIcon2 color={hasUnreadAnnouncements || hasUnreadChat ? 'var(--danger)' : 'white'} /> {" Announcements"}</>
)}
{groupSection === "chat" &&(
<> <ChatIcon color={hasUnreadAnnouncements || hasUnreadChat ? 'var(--unread)' : 'white'} /> {" Group Chats"}</>
<> <ChatIcon color={hasUnreadAnnouncements || hasUnreadChat ? 'var(--danger)' : 'white'} /> {" Group Chats"}</>
)}
{groupSection === "forum" &&(
<> <ThreadsIcon color={hasUnreadAnnouncements || hasUnreadChat ? 'var(--unread)' : 'white'} /> {" Threads"}</>
<> <ThreadsIcon color={hasUnreadAnnouncements || hasUnreadChat ? 'var(--danger)' : 'white'} /> {" Threads"}</>
)}
</Box>
<ArrowDownIcon color="white" />
@ -128,13 +128,13 @@ export const GroupMenu = ({ setGroupSection, groupSection, setOpenManageMembers,
minWidth: '24px !important'
}}>
<ChatIcon color={hasUnreadChat ? 'var(--unread)' : "#fff"} />
<ChatIcon color={hasUnreadChat ? 'var(--danger)' : "#fff"} />
</ListItemIcon>
<ListItemText sx={{
"& .MuiTypography-root": {
fontSize: "12px",
fontWeight: 600,
color: hasUnreadChat ? "var(--unread)" :"#fff"
color: hasUnreadChat ? "var(--danger)" :"#fff"
},
}} primary="Chat" />
</MenuItem>
@ -148,13 +148,13 @@ export const GroupMenu = ({ setGroupSection, groupSection, setOpenManageMembers,
minWidth: '24px !important'
}}>
<NotificationIcon2 color={hasUnreadAnnouncements ? 'var(--unread)' : "#fff" } />
<NotificationIcon2 color={hasUnreadAnnouncements ? 'var(--danger)' : "#fff" } />
</ListItemIcon>
<ListItemText sx={{
"& .MuiTypography-root": {
fontSize: "12px",
fontWeight: 600,
color: hasUnreadAnnouncements ? "var(--unread)" :"#fff"
color: hasUnreadAnnouncements ? "var(--danger)" :"#fff"
},
}} primary="Announcements" />
</MenuItem>

2
src/components/Group/ListOfGroupPromotions.tsx
View File

@ -555,7 +555,7 @@ export const ListOfGroupPromotions = () => {
)}
{promotion?.isOpen === true && (
<NoEncryptionGmailerrorredIcon sx={{
color: 'var(--unread)'
color: 'var(--danger)'
}} />
)}
<Typography

2
src/components/Group/UserListOfInvites.tsx
View File

@ -192,7 +192,7 @@ export const UserListOfInvites = ({myAddress, setInfoSnack, setOpenSnack}) => {
)}
{invite?.isOpen === true && (
<NoEncryptionGmailerrorredIcon sx={{
color: 'var(--unread)'
color: 'var(--danger)'
}} />
)}
<Spacer width="15px" />

4
src/components/Mobile/MobileFooter.tsx
View File

@ -108,7 +108,7 @@ export const MobileFooter = ({
}}
icon={
<IconWrapper color="rgba(250, 250, 250, 0.5)" label="Groups">
<HubsIcon color={hasUnreadGroups ? "var(--unread)" : "rgba(250, 250, 250, 0.5)"} />
<HubsIcon color={hasUnreadGroups ? "var(--danger)" : "rgba(250, 250, 250, 0.5)"} />
</IconWrapper>
}
sx={{
@ -175,7 +175,7 @@ export const MobileFooter = ({
}}
icon={
<IconWrapper label="Messaging" color="rgba(250, 250, 250, 0.5)">
<MessagingIcon color={hasUnreadDirects ? "var(--unread)" :"rgba(250, 250, 250, 0.5)"} />
<MessagingIcon color={hasUnreadDirects ? "var(--danger)" :"rgba(250, 250, 250, 0.5)"} />
</IconWrapper>
}
sx={{

22
src/components/Mobile/MobileHeader.tsx
View File

@ -92,7 +92,7 @@ const Header = ({
onClick={handleClick}
>
<NotificationIcon height={20} width={21} color={hasUnreadDirects || hasUnreadGroups ? "var(--unread)" : "rgba(145, 145, 147, 1)"} />
<NotificationIcon height={20} width={21} color={hasUnreadDirects || hasUnreadGroups ? "var(--danger)" : "rgba(145, 145, 147, 1)"} />
</ButtonBase>
{fullScreen && (
<ButtonBase onClick={()=> {
@ -135,7 +135,7 @@ const Header = ({
setMobileViewModeKeepOpen("messaging");
}}
>
<MessagingIcon2 height={20} color={hasUnreadDirects ? "var(--unread)" : "rgba(145, 145, 147, 1)"}
<MessagingIcon2 height={20} color={hasUnreadDirects ? "var(--danger)" : "rgba(145, 145, 147, 1)"}
/>
</ButtonBase>
@ -197,13 +197,13 @@ const Header = ({
minWidth: '24px !important'
}}>
<HubsIcon height={20} color={hasUnreadGroups ? "var(--unread)" :"rgba(250, 250, 250, 0.5)"} />
<HubsIcon height={20} color={hasUnreadGroups ? "var(--danger)" :"rgba(250, 250, 250, 0.5)"} />
</ListItemIcon>
<ListItemText sx={{
"& .MuiTypography-root": {
fontSize: "12px",
fontWeight: 600,
color: hasUnreadGroups ? "var(--unread)" :"rgba(250, 250, 250, 0.5)"
color: hasUnreadGroups ? "var(--danger)" :"rgba(250, 250, 250, 0.5)"
},
}} primary="Groups" />
</MenuItem>
@ -218,13 +218,13 @@ const Header = ({
minWidth: '24px !important'
}}>
<MessagingIcon height={20} color={hasUnreadDirects ? "var(--unread)" :"rgba(250, 250, 250, 0.5)"} />
<MessagingIcon height={20} color={hasUnreadDirects ? "var(--danger)" :"rgba(250, 250, 250, 0.5)"} />
</ListItemIcon>
<ListItemText sx={{
"& .MuiTypography-root": {
fontSize: "12px",
fontWeight: 600,
color: hasUnreadDirects ? "var(--unread)" :"rgba(250, 250, 250, 0.5)"
color: hasUnreadDirects ? "var(--danger)" :"rgba(250, 250, 250, 0.5)"
},
}} primary="Messaging" />
</MenuItem>
@ -358,7 +358,7 @@ const Header = ({
}}
>
<IconButton onClick={handleClick} color="inherit">
<NotificationIcon color={hasUnreadDirects || hasUnreadGroups ? "var(--unread)" : "rgba(255, 255, 255, 1)"} />
<NotificationIcon color={hasUnreadDirects || hasUnreadGroups ? "var(--danger)" : "rgba(255, 255, 255, 1)"} />
</IconButton>
</Box>
@ -433,13 +433,13 @@ const Header = ({
minWidth: '24px !important'
}}>
<HubsIcon height={20} color={hasUnreadGroups ? "var(--unread)" :"rgba(250, 250, 250, 0.5)"} />
<HubsIcon height={20} color={hasUnreadGroups ? "var(--danger)" :"rgba(250, 250, 250, 0.5)"} />
</ListItemIcon>
<ListItemText sx={{
"& .MuiTypography-root": {
fontSize: "12px",
fontWeight: 600,
color: hasUnreadDirects ? "var(--unread)" :"rgba(250, 250, 250, 0.5)"
color: hasUnreadDirects ? "var(--danger)" :"rgba(250, 250, 250, 0.5)"
},
}} primary="Groups" />
</MenuItem>
@ -454,13 +454,13 @@ const Header = ({
minWidth: '24px !important'
}}>
<MessagingIcon height={20} color={hasUnreadDirects ? "var(--unread)" :"rgba(250, 250, 250, 0.5)"} />
<MessagingIcon height={20} color={hasUnreadDirects ? "var(--danger)" :"rgba(250, 250, 250, 0.5)"} />
</ListItemIcon>
<ListItemText sx={{
"& .MuiTypography-root": {
fontSize: "12px",
fontWeight: 600,
color: hasUnreadDirects ? "var(--unread)" :"rgba(250, 250, 250, 0.5)"
color: hasUnreadDirects ? "var(--danger)" :"rgba(250, 250, 250, 0.5)"
},
}} primary="Messaging" />
</MenuItem>

8
src/components/Save/Save.tsx
View File

@ -300,11 +300,11 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
onClick={revertChanges}
variant="contained"
sx={{
backgroundColor: "var(--unread)",
backgroundColor: "var(--danger)",
color: "black",
opacity: 0.7,
"&:hover": {
backgroundColor: "var(--unread)",
backgroundColor: "var(--danger)",
color: "black",
opacity: 1,
},
@ -360,11 +360,11 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
onClick={saveToQdn}
variant="contained"
sx={{
backgroundColor: "var(--unread)",
backgroundColor: "var(--danger)",
color: "black",
opacity: 0.7,
"&:hover": {
backgroundColor: "var(--unread)",
backgroundColor: "var(--danger)",
color: "black",
opacity: 1,
},

3
src/index.css
View File

@ -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;
}