Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-09 23:10:20 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix: 修复深色模式下气泡样式的用户名样式错误问题

Browse Source 
This reverts commit 69513cc76e.
This commit is contained in:
kangfenmao 2025-02-25 19:28:43 +08:00
parent 91104e288c
commit d6b87ece23
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/src/assets/styles/index.scss
View File

@ -63,7 +63,7 @@
--chat-background: #111111; --chat-background: #111111;
--chat-background-user: #28b561; --chat-background-user: #28b561;
--chat-background-assistant: #2c2c2c; --chat-background-assistant: #2c2c2c;
--chat-text-user: var(--color-text); --chat-text-user: var(--color-black);
--list-item-border-radius: 16px; --list-item-border-radius: 16px;
} }
@ -246,7 +246,7 @@ body,
color: var(--chat-text-user) !important; color: var(--chat-text-user) !important;
} }
.message-action-button:hover { .message-action-button:hover {
background-color: var(--color-text-3); background-color: var(--color-white-soft);
} }
} }
.group-message-wrapper { .group-message-wrapper {

7
src/renderer/src/pages/home/Messages/MessageHeader.tsx
View File

@ -89,7 +89,9 @@ const MessageHeader: FC<Props> = memo(({ assistant, model, message }) => {
/> />
)} )}
<UserWrap> <UserWrap>
<UserName>{username}</UserName> <UserName isBubbleStyle={isBubbleStyle} theme={theme}>
{username}
</UserName>
<MessageTime>{dayjs(message.createdAt).format('MM/DD HH:mm')}</MessageTime> <MessageTime>{dayjs(message.createdAt).format('MM/DD HH:mm')}</MessageTime>
</UserWrap> </UserWrap>
</AvatarWrapper> </AvatarWrapper>
@ -119,9 +121,10 @@ const UserWrap = styled.div`
justify-content: space-between; justify-content: space-between;
` `
const UserName = styled.div` const UserName = styled.div<{ isBubbleStyle?: boolean; theme?: string }>`
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
color: ${(props) => (props.isBubbleStyle && props.theme === 'dark' ? 'white' : 'var(--color-text)')};
` `
const MessageTime = styled.div` const MessageTime = styled.div`