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

Change the ocelot chat room badge color

Browse Source
This commit is contained in:
elweyn 2023-07-20 16:45:44 +02:00
parent 65e5545c9a
commit 39eef13a51
4 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
webapp/assets/_new/styles/export.scss
View File

@ -31,4 +31,7 @@
chatMessageTimestamp: $chat-message-timestamp; chatMessageTimestamp: $chat-message-timestamp;
chatMessageCheckmarkSeen: $chat-message-checkmark-seen; chatMessageCheckmarkSeen: $chat-message-checkmark-seen;
chatMessageCheckmark: $chat-message-checkmark; chatMessageCheckmark: $chat-message-checkmark;
chatRoomBackgroundCounterBadge: $chat-room-background-counter-badge;
chatRoomColorCounterBadge: $chat-room-color-counter-badge;
} }

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

@ -420,3 +420,5 @@ $chat-new-message-color: $color-secondary-active;
$chat-message-timestamp: $text-color-soft; $chat-message-timestamp: $text-color-soft;
$chat-message-checkmark-seen: $text-color-secondary; $chat-message-checkmark-seen: $text-color-secondary;
$chat-message-checkmark: $text-color-soft; $chat-message-checkmark: $text-color-soft;
$chat-room-color-counter-badge: $color-primary;
$chat-room-background-counter-badge: $color-secondary;

7
webapp/assets/styles/imports/_branding.scss
View File

@ -28,13 +28,10 @@ $color-toast-blue: rgb(0, 142, 230);
$color-toast-green: $color-primary; $color-toast-green: $color-primary;
$chat-message-bg-me: $color-primary-light; $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;
// $chat-message-timestamp: $text-color-soft;
$chat-message-checkmark-seen: $color-secondary; $chat-message-checkmark-seen: $color-secondary;
$chat-message-checkmark: $text-color-inverse; $chat-message-checkmark: $text-color-inverse;
$chat-room-color-counter-badge: $color-primary;
$chat-room-background-counter-badge: $color-secondary;
.main-navigation a { .main-navigation a {

4
webapp/constants/chat.js
View File

@ -109,8 +109,8 @@ const STYLE = {
colorTimestamp: '#a2aeb8', colorTimestamp: '#a2aeb8',
colorStateOnline: '#4caf50', colorStateOnline: '#4caf50',
colorStateOffline: '#9ca6af', colorStateOffline: '#9ca6af',
backgroundCounterBadge: '#0696c7', backgroundCounterBadge: styleData.chatRoomBackgroundCounterBadge,
colorCounterBadge: '#fff', colorCounterBadge: styleData.chatRoomColorCounterBadge,
}, },
emoji: { emoji: {