Qortal/qortal-mobile
1
0
Fork 0
mirror of https://github.com/Qortal/qortal-mobile.git synced 2025-06-06 16:36:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

change unread color

Browse Source
This commit is contained in:
PhilReact 2024-12-17 06:37:34 +02:00
parent 7e2a1db62b
commit f97c91fe35
17 changed files with 35 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.tsx
View File

@ -2874,6 +2874,7 @@ await showInfo({
backgroundColor: 'var(--green)', backgroundColor: 'var(--green)',
color: 'black', color: 'black',
opacity: 0.7, opacity: 0.7,
fontWeight: 'bold',
'&:hover': { '&:hover': {
backgroundColor: 'var(--green)', backgroundColor: 'var(--green)',
color: 'black', color: 'black',
@ -2883,11 +2884,12 @@ await showInfo({
accept accept
</Button> </Button>
<Button sx={{ <Button sx={{
backgroundColor: 'var(--unread)', backgroundColor: 'var(--danger)',
color: 'black', color: 'black',
opacity: 0.7, opacity: 0.7,
fontWeight: 'bold',
'&:hover': { '&:hover': {
backgroundColor: 'var(--unread)', backgroundColor: 'var(--danger)',
color: 'black', color: 'black',
opacity: 1 opacity: 1
}, },
@ -3175,7 +3177,7 @@ await showInfo({
</CustomButtonAccept> </CustomButtonAccept>
<CustomButtonAccept <CustomButtonAccept
color="black" color="black"
bgColor="var(--unread)" bgColor="var(--danger)"
sx={{ sx={{
minWidth: "102px", minWidth: "102px",
}} }}

6
src/Wallets.tsx
View File

@ -541,12 +541,12 @@ const WalletItem = ({ wallet, updateWalletItem, idx, setSelectedWallet }) => {
</Button> </Button>
<Button <Button
sx={{ sx={{
backgroundColor: "var(--unread)", backgroundColor: "var(--danger)",
"&:hover": { "&:hover": {
backgroundColor: "var(--unread)", backgroundColor: "var(--danger)",
}, },
"&:focus": { "&:focus": {
backgroundColor: "var(--unread)", backgroundColor: "var(--danger)",
}, },
}} }}
size="small" size="small"

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

@ -297,7 +297,7 @@ export const AppsNavBar = ({appsMode}) => {
<PushPinIcon <PushPinIcon
height={20} height={20}
sx={{ sx={{
color: isSelectedAppPinned ? "red" : "rgba(250, 250, 250, 0.5)", color: isSelectedAppPinned ? "var(--danger)" : "rgba(250, 250, 250, 0.5)",
}} }}
/> />
</ListItemIcon> </ListItemIcon>
@ -306,7 +306,7 @@ export const AppsNavBar = ({appsMode}) => {
"& .MuiTypography-root": { "& .MuiTypography-root": {
fontSize: "12px", fontSize: "12px",
fontWeight: 600, 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"}`} primary={`${isSelectedAppPinned ? "Unpin app" : "Pin app"}`}

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

@ -712,7 +712,7 @@ const sendMessage = async ()=> {
}}> }}>
<Typography sx={{ <Typography sx={{
fontSize: '12px', fontSize: '12px',
color: messageSize > 4000 ? 'var(--unread)' : 'unset' color: messageSize > 4000 ? 'var(--danger)' : 'unset'
}}>{`size ${messageSize} of 4000`}</Typography> }}>{`size ${messageSize} of 4000`}</Typography>
</Box> </Box>

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

@ -1010,7 +1010,7 @@ const sendMessage = async ()=> {
}}> }}>
<Typography sx={{ <Typography sx={{
fontSize: '12px', fontSize: '12px',
color: messageSize > 4000 ? 'var(--unread)' : 'unset' color: messageSize > 4000 ? 'var(--danger)' : 'unset'
}}>{`size ${messageSize} of 4000`}</Typography> }}>{`size ${messageSize} of 4000`}</Typography>
</Box> </Box>

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

@ -369,7 +369,7 @@ export const ChatList = ({ initialMessages, myAddress, tempMessages, chatId, onR
bottom: 20, bottom: 20,
right: 20, right: 20,
backgroundColor: 'var(--unread)', backgroundColor: 'var(--unread)',
color: 'white', color: 'black',
padding: '10px 20px', padding: '10px 20px',
borderRadius: '20px', borderRadius: '20px',
cursor: 'pointer', cursor: 'pointer',

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

@ -646,7 +646,7 @@ export const GroupAnnouncements = ({
marginTop: "auto", marginTop: "auto",
alignSelf: "center", alignSelf: "center",
cursor: isSending ? "default" : "pointer", cursor: isSending ? "default" : "pointer",
background: "red", background: "var(--danger)",
flexShrink: 0, flexShrink: 0,
padding: isMobile && "5px", padding: isMobile && "5px",
fontSize: isMobile && "14px", fontSize: isMobile && "14px",

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

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

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

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

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

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

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

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

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

@ -534,14 +534,12 @@ export const NewThread = ({
</NewMessageSendP> </NewMessageSendP>
{isMessage ? ( {isMessage ? (
<SendNewMessage <SendNewMessage
color="red"
opacity={1} opacity={1}
height="25px" height="25px"
width="25px" width="25px"
/> />
) : ( ) : (
<CreateThreadIcon <CreateThreadIcon
color="red"
opacity={1} opacity={1}
height="25px" height="25px"
width="25px" width="25px"

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

@ -718,7 +718,7 @@ export const Group = ({
} }
}); });
return hasUnread; return hasUnread;
}, [timestampEnterData, groups, myAddress]); }, [timestampEnterData, groups, myAddress, groupChatTimestamps]);
const groupsAnnHasUnread = useMemo(() => { const groupsAnnHasUnread = useMemo(() => {
let hasUnread = false; let hasUnread = false;
@ -1851,7 +1851,7 @@ export const Group = ({
direct?.timestamp) && ( direct?.timestamp) && (
<MarkChatUnreadIcon <MarkChatUnreadIcon
sx={{ sx={{
color: "red", color: "var(--unread)",
}} }}
/> />
)} )}
@ -2023,7 +2023,7 @@ export const Group = ({
justifyContent: 'center' justifyContent: 'center'
}}> }}>
<NoEncryptionGmailerrorredIcon sx={{ <NoEncryptionGmailerrorredIcon sx={{
color: 'var(--unread)' color: 'var(--danger)'
}} /> }} />
</Box> </Box>
@ -2058,7 +2058,7 @@ export const Group = ({
!groupAnnouncements[group?.groupId]?.seentimestamp && ( !groupAnnouncements[group?.groupId]?.seentimestamp && (
<CampaignIcon <CampaignIcon
sx={{ sx={{
color: "red", color: "var(--unread)",
marginRight: "5px", marginRight: "5px",
}} }}
/> />
@ -2074,7 +2074,7 @@ export const Group = ({
group?.timestamp) && ( group?.timestamp) && (
<MarkChatUnreadIcon <MarkChatUnreadIcon
sx={{ sx={{
color: "red", color: "var(--unread)",
}} }}
/> />
)} )}
@ -2377,7 +2377,7 @@ export const Group = ({
)} )}
{isPrivate === false && ( {isPrivate === false && (
<NoEncryptionGmailerrorredIcon sx={{ <NoEncryptionGmailerrorredIcon sx={{
color: 'var(--unread)' color: 'var(--danger)'
}} /> }} />
)} )}
{/* <ExitIcon /> */} {/* <ExitIcon /> */}

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

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

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

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

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

@ -269,6 +269,7 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
backgroundColor: "var(--green)", backgroundColor: "var(--green)",
color: "black", color: "black",
opacity: 0.7, opacity: 0.7,
fontWeight: 'bold',
"&:hover": { "&:hover": {
backgroundColor: "var(--green)", backgroundColor: "var(--green)",
color: "black", color: "black",
@ -300,11 +301,12 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
onClick={revertChanges} onClick={revertChanges}
variant="contained" variant="contained"
sx={{ sx={{
backgroundColor: "var(--unread)", backgroundColor: "var(--danger)",
color: "black", color: "black",
fontWeight: 'bold',
opacity: 0.7, opacity: 0.7,
"&:hover": { "&:hover": {
backgroundColor: "var(--unread)", backgroundColor: "var(--danger)",
color: "black", color: "black",
opacity: 1, opacity: 1,
}, },
@ -360,11 +362,12 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
onClick={saveToQdn} onClick={saveToQdn}
variant="contained" variant="contained"
sx={{ sx={{
backgroundColor: "var(--unread)", backgroundColor: "var(--danger)",
color: "black", color: "black",
fontWeight: 'bold',
opacity: 0.7, opacity: 0.7,
"&:hover": { "&:hover": {
backgroundColor: "var(--unread)", backgroundColor: "var(--danger)",
color: "black", color: "black",
opacity: 1, opacity: 1,
}, },

3
src/index.css
View File

@ -34,7 +34,8 @@
--bg-primary : rgba(31, 32, 35, 1); --bg-primary : rgba(31, 32, 35, 1);
--bg-2: #27282c; --bg-2: #27282c;
--bg-3: rgba(0, 0, 0, 0.1); --bg-3: rgba(0, 0, 0, 0.1);
--unread: #B14646; --unread: #4297e2;
--danger: #B14646;
--apps-circle: #1F2023; --apps-circle: #1F2023;
--green: #5EB049; --green: #5EB049;
} }