diff --git a/webapp/assets/_new/styles/export.scss b/webapp/assets/_new/styles/export.scss index 88b42bfc9..5b866d6b7 100644 --- a/webapp/assets/_new/styles/export.scss +++ b/webapp/assets/_new/styles/export.scss @@ -27,4 +27,8 @@ chatMessageBgOthers: $chat-message-bg-others; chatNewMessageColor: $chat-new-message-color; + + chatMessageTimestamp: $chat-message-timestamp; + chatMessageCheckmarkSeen: $chat-message-checkmark-seen; + chatMessageCheckmark: $chat-message-checkmark; } \ No newline at end of file diff --git a/webapp/assets/_new/styles/tokens.scss b/webapp/assets/_new/styles/tokens.scss index e001ffa84..ef5086240 100644 --- a/webapp/assets/_new/styles/tokens.scss +++ b/webapp/assets/_new/styles/tokens.scss @@ -417,3 +417,6 @@ $chat-message-color: $text-color-base; $chat-message-bg-others: $color-neutral-80; $chat-sidemenu-bg: $color-secondary-active; $chat-new-message-color: $color-secondary-active; +$chat-message-timestamp: $text-color-soft; +$chat-message-checkmark-seen: $text-color-secondary; +$chat-message-checkmark: $text-color-soft; diff --git a/webapp/constants/chat.js b/webapp/constants/chat.js index a183a3922..181d88e0e 100644 --- a/webapp/constants/chat.js +++ b/webapp/constants/chat.js @@ -65,7 +65,7 @@ const STYLE = { backgroundSelected: '#c2dcf2', colorDeleted: '#757e85', colorUsername: '#9ca6af', - colorTimestamp: '#828c94', + colorTimestamp: styleData.chatMessageTimestamp, backgroundDate: '#e5effa', colorDate: '#505a62', backgroundSystem: '#e5effa', @@ -134,8 +134,8 @@ const STYLE = { emojiReaction: 'rgba(0, 0, 0, 0.3)', document: styleData.colorPrimary, pencil: '#9e9e9e', - checkmark: '#9e9e9e', - checkmarkSeen: '#0696c7', + checkmark: styleData.chatMessageCheckmark, + checkmarkSeen: styleData.chatMessageCheckmarkSeen, eye: '#fff', dropdownMessage: '#fff', dropdownMessageBackground: 'rgba(0, 0, 0, 0.25)',