(UI) replace unread dot by bold text

Author: antoine92190

README.md

@@ -260,8 +260,7 @@ styles="{
   room: {
     colorUsername: '#0a0a0a',
     colorMessage: '#67717a',
-    colorTimestamp: '#a2aeb8',
-    colorNewDot: '#1976d2'
+    colorTimestamp: '#a2aeb8'
   },
 
   emoji: {

src/ChatWindow/RoomsList.vue

@@ -59,7 +59,6 @@
 						<span v-if="room.lastMessage.seen">
 							<svg-icon name="checkmark" class="icon-check" />
 						</span>
-						<span v-if="room.lastMessage.new" class="dot-new"></span>
 						<span>{{ room.lastMessage.content }}</span>
 					</div>
 				</div>
@@ -262,15 +261,7 @@ input {
 
 .message-new {
 	color: var(--chat-room-color-username);
-}
-
-.dot-new {
-	height: 8px;
-	width: 8px;
-	background-color: var(--chat-room-color-new-dot);
-	border-radius: 50%;
-	display: inline-block;
-	margin: 0 5px 0 0;
+	font-weight: 500;
 }
 
 .text-date {

src/themes/index.js

@@ -78,8 +78,7 @@ export const defaultThemeStyles = {
 		room: {
 			colorUsername: '#0a0a0a',
 			colorMessage: '#67717a',
-			colorTimestamp: '#a2aeb8',
-			colorNewDot: '#1976d2'
+			colorTimestamp: '#a2aeb8'
 		},
 
 		emoji: {
@@ -187,8 +186,7 @@ export const defaultThemeStyles = {
 		room: {
 			colorUsername: '#fff',
 			colorMessage: '#6c7278',
-			colorTimestamp: '#6c7278',
-			colorNewDot: '#1976d2'
+			colorTimestamp: '#6c7278'
 		},
 
 		emoji: {
@@ -306,7 +304,6 @@ export const cssThemeVars = ({
 		'--chat-room-color-username': room.colorUsername,
 		'--chat-room-color-message': room.colorMessage,
 		'--chat-room-color-timestamp': room.colorTimestamp,
-		'--chat-room-color-new-dot': room.colorNewDot,
 
 		// emoji
 		'--chat-emoji-bg-color': emoji.background,