up

src/assets/base.css

@@ -21,8 +21,8 @@
   --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
 
   /* Главный цвет */
-  --main-color: rgba(115, 185, 83, 1);
-  --second-color: rgba(98, 156, 68, 1);
+  --main-color: rgba(34, 50, 60, 1);
+  --second-color: rgb(136, 105, 31);
   --main-back-color: rgba(240, 240, 240, 1);
   --main-back-item-color: rgba(254, 254, 254, 1);
 }

src/assets/main.css

@@ -1,12 +1,12 @@
 @import './base.css';
 
 .header-block {
-  height: 50px;
+  height: 60px;
   background-color: var(--main-color);
   font-size: large;
   color: white;
   vertical-align: middle;
-  padding: 10px 0 10px 16px;
+  padding: 15px 0 10px 16px;
   font-weight: 700;
 }
 
@@ -24,7 +24,8 @@
 }
 
 .button-custom:hover {
-  background-color: var(--second-color);
+  background-color: var(--main-color);
+  opacity: 0.9;
 }
 
 .input-custom, .button-custom {

src/components/GameWindow.vue

@@ -118,6 +118,7 @@
 
   <div class="body-custom">
 
+    <img alt="Вечерний детектив" class="logo" src="@/assets/logo.png" width="40" height="40" />
     <div class="header-block">
       Вечерний детектив
     </div>
@@ -181,6 +182,11 @@ body {
   font-size: medium;
 }
 
+.logo {
+  float: left;
+  margin: 10px;
+}
+
 .form-custom {
   border: 1px solid #444444;
   background-color: var(--main-back-color);
@@ -201,14 +207,17 @@ body {
 }
 
 .message-header {
-  font-size: small;
+  font-size: large;
+  font-weight: 200;
 }
 
 .message-content {
   font-weight: 500;
+  white-space: pre-line;
 }
 
 .message-footer {
+  font-weight: 400;
   color: var(--second-color);
 }