ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated style for chat component

Browse Source
This commit is contained in:
Markus 2023-07-12 12:34:12 +02:00
parent c51f7afd9a
commit b2976f06eb
2 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
webapp/assets/_new/styles/tokens.scss
View File

@ -408,6 +408,15 @@ $color-ribbon-event-active: $background-color-third-active;
$color-ribbon-article: $background-color-secondary; $color-ribbon-article: $background-color-secondary;
$color-ribbon-article-active: $background-color-secondary-active; $color-ribbon-article-active: $background-color-secondary-active;
/**
* @tokens Chat Color
*/
$chat-message-bg-me: $color-primary-light;
$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;
:export { :export {
colorPrimary: $color-primary; colorPrimary: $color-primary;
@ -430,4 +439,11 @@ $color-ribbon-article-active: $background-color-secondary-active;
backgroundColorPrimary: $background-color-primary; backgroundColorPrimary: $background-color-primary;
colorNeutral30: $color-neutral-30; colorNeutral30: $color-neutral-30;
chatMessageColor: $chat-message-color;
chatMessageBgMe: $chat-message-bg-me;
chatMessageBgOthers: $chat-message-bg-others;
chatNewMessageColor: $chat-new-message-color;
} }

8
webapp/constants/chat.js
View File

@ -57,9 +57,9 @@ const STYLE = {
}, },
message: { message: {
background: styleData.backgroundColorBase, background: styleData.chatMessageBgOthers,
backgroundMe: styleData.colorPrimaryLight, backgroundMe: styleData.chatMessageBgMe,
color: styleData.textColorBase, color: styleData.chatMessageColor,
colorStarted: '#9ca6af', colorStarted: '#9ca6af',
backgroundDeleted: '#dadfe2', backgroundDeleted: '#dadfe2',
backgroundSelected: '#c2dcf2', backgroundSelected: '#c2dcf2',
@ -76,7 +76,7 @@ const STYLE = {
colorReply: '#6e6e6e', colorReply: '#6e6e6e',
colorTag: '#0d579c', colorTag: '#0d579c',
backgroundImage: '#ddd', backgroundImage: '#ddd',
colorNewMessages: '#1976d2', colorNewMessages: styleData.chatNewMessageColor,
backgroundScrollCounter: '#0696c7', backgroundScrollCounter: '#0696c7',
colorScrollCounter: '#fff', colorScrollCounter: '#fff',
backgroundReaction: '#eee', backgroundReaction: '#eee',