(theme) improve dark colors

antoine92190 · antoine92190 · commit 460c64b8948a · 2019-12-18T10:31:54.000+11:00
diff --git a/demo/public/index.html b/demo/public/index.html
@@ -6,8 +6,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>vue-advanced-chat</title>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
+    <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
   </head>
   <body>
     <noscript>
diff --git a/demo/src/App.vue b/demo/src/App.vue
@@ -119,13 +119,13 @@ body {
 }
 
 .app-container {
-	font-family: 'Roboto', sans-serif;
+	font-family: 'Quicksand', sans-serif;
 	line-height: 1.5;
 	padding: 10px 20px 20px;
 
-	* {
-		font-weight: 300;
-	}
+	// * {
+	// 	font-weight: 300;
+	// }
 }
 
 select {
diff --git a/src/themes/index.js b/src/themes/index.js
@@ -48,31 +48,31 @@ export const defaultThemeColors = {
 		}
 	},
 	dark: {
-		headerBg: '#26272e',
-		sidemenuBg: '#26272e',
+		headerBg: '#181a1b',
+		sidemenuBg: '#181a1b',
 		sidemenuBgHover: '#202024',
-		sidemenuBgActive: '#1C1D21',
+		sidemenuBgActive: '#151617',
 		sidemenuColorActive: '#fff',
-		menuBg: '#687b8f',
-		menuBgHover: '#5d6d80',
-		messagesBg: '#1C1D21',
-		messageBg: '#46586b',
-		messageMeBg: '#4fb381',
-		messageDeletedBg: '#353b40',
+		menuBg: '#343740',
+		menuBgHover: '#2b2e36',
+		messagesBg: '#131415',
+		messageBg: '#22242a',
+		messageMeBg: '#1F87EC',
+		messageDeletedBg: '#1b1c21',
 		messageDeletedColor: '#dadfe2',
 		messageUsernameColor: '#b3bac9',
 		messageTimestampColor: '#ebedf2',
-		messageDateBg: '#444e57',
-		messageDateColor: '#ebedf2',
+		messageDateBg: 'rgba(0, 0, 0, 0.2)',
+		messageDateColor: '#9ca6af',
 		messageTextColor: '#fff',
 		messageReplyBg: 'rgba(0, 0, 0, 0.18)',
 		messageReplyUsernameColor: '#fff',
 		messageReplyContentColor: '#d6d6d6',
 		roomLastMessage: '#a2aeb8',
 		roomTimestamp: '#67717a',
 		textColor: '#fff',
-		inputBg: '#34343b',
-		footerBg: '#26272e',
+		inputBg: '#202223',
+		footerBg: '#181a1b',
 		spinnerColor: '#fff',
 		borderColor: '#63686e',
 		iconsColor: {
