(theme) add room text theme colors

Author: antoine92190

README.md

@@ -144,6 +144,8 @@ colors="{
   messageUsernameColor: '#9ca6af',
   messageTimestampColor: '#828c94',
   messageTextColor: '#0a0a0a',
+  roomLastMessage: '#a2aeb8',
+  roomTimestamp: '#67717a',
   textColor: '#0a0a0a',
   inputBg: '#fff',
   spinnerColor: '#333',

src/ChatWindow/RoomsList.vue

@@ -230,13 +230,13 @@ input {
 }
 
 .text-last {
-	color: #67717a !important;
+	color: var(--chat-color-room-last) !important;
 	font-size: 12px;
 	line-height: 16px;
 }
 
 .text-date {
-	color: #a2aeb8 !important;
+	color: var(--chat-color-room-timestamp) !important;
 	font-size: 11px;
 	line-height: 16px;
 }

src/themes/index.js

@@ -15,6 +15,8 @@ export const defaultThemeColors = {
 		messageUsernameColor: '#9ca6af',
 		messageTimestampColor: '#828c94',
 		messageTextColor: '#0a0a0a',
+		roomLastMessage: '#67717a',
+		roomTimestamp: '#a2aeb8',
 		textColor: '#0a0a0a',
 		inputBg: '#fff',
 		spinnerColor: '#333',
@@ -55,6 +57,8 @@ export const defaultThemeColors = {
 		messageUsernameColor: '#b3bac9',
 		messageTimestampColor: '#ebedf2',
 		messageTextColor: '#fff',
+		roomLastMessage: '#a2aeb8',
+		roomTimestamp: '#67717a',
 		textColor: '#fff',
 		inputBg: '#34343b',
 		spinnerColor: '#fff',
@@ -97,6 +101,8 @@ export const cssThemeVars = ({
 	messageUsernameColor,
 	messageTimestampColor,
 	messageTextColor,
+	roomLastMessage,
+	roomTimestamp,
 	textColor,
 	inputBg,
 	spinnerColor,
@@ -108,18 +114,20 @@ export const cssThemeVars = ({
 		'--chat-bg-color': sidemenuBg,
 		'--chat-bg-color-hover': sidemenuBgHover,
 		'--chat-bg-color-active': sidemenuBgActive,
+		'--chat-color-active': sidemenuColorActive,
+		'--chat-bg-menu': menuBg,
+		'--chat-bg-menu-hover': menuBgHover,
 		'--chat-bg-color-content': messagesBg,
 		'--chat-bg-color-message': messageBg,
 		'--chat-bg-color-message-me': messageMeBg,
 		'--chat-bg-color-message-deleted': messageDeletedBg,
 		'--chat-color-message-deleted': messageDeletedColor,
 		'--chat-color-message-username': messageUsernameColor,
 		'--chat-color-message-timestamp': messageTimestampColor,
+		'--chat-color-room-last': roomLastMessage,
+		'--chat-color-room-timestamp': roomTimestamp,
 		'--chat-color-message-text': messageTextColor,
 		'--chat-color': textColor,
-		'--chat-color-active': sidemenuColorActive,
-		'--chat-bg-menu': menuBg,
-		'--chat-bg-menu-hover': menuBgHover,
 		'--chat-color-input': inputBg,
 		'--chat-color-spinner': spinnerColor,
 		'--chat-border-color': borderColor,