(UI) add menu theme

Author: antoine92190

src/ChatWindow/MessagesList.vue

@@ -400,10 +400,10 @@ export default {
 	border-radius: 4px;
 	display: block;
 	cursor: pointer;
-	background: #fff;
+	background: var(--chat-bg-menu);
 
 	:hover {
-		background: #f6f6f6;
+		background: var(--chat-bg-menu-hover);
 		-webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
 		transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
 	}

src/themes/index.js

@@ -5,6 +5,8 @@ export const defaultThemeColors = {
 		sidemenuBgHover: '#f6f6f6',
 		sidemenuBgActive: '#e5effa',
 		sidemenuColorActive: '#1976d2',
+		menuBg: '#fff',
+		menuBgHover: '#f6f6f6',
 		messagesBg: '#f8f9fa',
 		textColorDark: '#0a0a0a',
 		textColor: '#0a0a0a',
@@ -34,6 +36,8 @@ export const defaultThemeColors = {
 		sidemenuBgHover: '#202024',
 		sidemenuBgActive: '#1C1D21',
 		sidemenuColorActive: '#fff',
+		menuBg: '#26272e',
+		menuBgHover: '#1C1D21',
 		messagesBg: '#1C1D21',
 		textColorDark: '#0a0a0a',
 		textColor: '#fff',
@@ -65,6 +69,8 @@ export const cssThemeVars = ({
 	sidemenuBgHover,
 	sidemenuBgActive,
 	sidemenuColorActive,
+	menuBg,
+	menuBgHover,
 	messagesBg,
 	textColorDark,
 	textColor,
@@ -80,6 +86,8 @@ export const cssThemeVars = ({
 		'--chat-color-dark': textColorDark,
 		'--chat-color': textColor,
 		'--chat-color-active': sidemenuColorActive,
+		'--chat-bg-menu': menuBg,
+		'--chat-bg-menu-hover': menuBgHover,
 		'--chat-color-input': inputBg,
 		'--chat-icon-color-search': iconsColor.search,
 		'--chat-icon-color-add': iconsColor.add,