(theme) better hex colors

Author: antoine92190

src/ChatWindow/ChatMessage.vue

@@ -377,17 +377,16 @@ export default {
 	background: var(--chat-bg-color-message-reply);
 	border-radius: 4px;
 	margin: -1px -5px 8px;
+	padding: 8px 10px;
 
 	.reply-username {
-		padding: 5px 5px 0 5px;
 		color: var(--chat-color-message-reply-username);
 		font-size: 13px;
 		line-height: 15px;
 		margin-bottom: 2px;
 	}
 
 	.reply-content {
-		padding: 0 5px 5px 5px;
 		color: var(--chat-color-message-reply-content);
 	}
 }

src/themes/index.js

@@ -17,9 +17,9 @@ export const defaultThemeColors = {
 		messageDateBg: 'rgba(33, 148, 243, 0.15)',
 		messageDateColor: '#505a62',
 		messageTextColor: '#0a0a0a',
-		messageReplyBg: '#f0f0f0',
-		messageReplyUsernameColor: '#9ca6af',
-		messageReplyContentColor: '#0a0a0a',
+		messageReplyBg: 'rgba(0, 0, 0, 0.08)',
+		messageReplyUsernameColor: '#0a0a0a',
+		messageReplyContentColor: '#6e6e6e',
 		roomLastMessage: '#67717a',
 		roomTimestamp: '#a2aeb8',
 		textColor: '#0a0a0a',
@@ -64,9 +64,9 @@ export const defaultThemeColors = {
 		messageDateBg: 'rgba(33, 148, 243, 0.15)',
 		messageDateColor: '#b8bdcc',
 		messageTextColor: '#fff',
-		messageReplyBg: '#f0f0f0',
-		messageReplyUsernameColor: '#9ca6af',
-		messageReplyContentColor: '#0a0a0a',
+		messageReplyBg: 'rgba(0, 0, 0, 0.18)',
+		messageReplyUsernameColor: '#fff',
+		messageReplyContentColor: '#d6d6d6',
 		roomLastMessage: '#a2aeb8',
 		roomTimestamp: '#67717a',
 		textColor: '#fff',