From: Benjamin Auder <benjamin.auder@somewhere>
Date: Fri, 17 Apr 2020 08:50:31 +0000 (+0200)
Subject: Update colors (unfinished)
X-Git-Url: https://git.auder.net/%7B%7B%20asset%28%27mixstore/css/user/doc/pieces/%3C?a=commitdiff_plain;h=5fbc0680d484bf6b8f4ea183f26bbe22797f92a3;p=vchess.git

Update colors (unfinished)
---

diff --git a/client/src/App.vue b/client/src/App.vue
index 88ff96be..02693a62 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -94,8 +94,8 @@ html, *
   font-family: "Open Sans", Arial, sans-serif
   --a-link-color: darkred
   --a-visited-color: darkred
-  --card-back-color: #efefef
-  --button-back-color: lightgrey
+  --card-back-color: #f4f6f6
+  --button-back-color: #d1d5d5
   --table-body-back-color: #f8f8f8
 
 body
@@ -194,7 +194,7 @@ nav
           text-decoration: none
           color: #2c3e50
           &.router-link-exact-active
-            color: #42b983
+            color: #388e3c
       & > #rightMenu
         padding: 0
         width: 50%
@@ -211,7 +211,7 @@ nav
           text-decoration: none
           color: #2c3e50
           &.router-link-exact-active
-            color: #42b983
+            color: #388e3c
       & > #rightMenu
         padding-top: 5px
         border-top: 1px solid darkgrey
@@ -266,7 +266,7 @@ footer
   align-items: center
   justify-content: center
   & > .router-link-exact-active
-    color: #42b983 !important
+    color: #388e3c !important
     text-decoration: none
   & > .menuitem
     margin: 0 12px
diff --git a/client/src/components/Chat.vue b/client/src/components/Chat.vue
index 25898cec..273cf7a7 100644
--- a/client/src/components/Chat.vue
+++ b/client/src/components/Chat.vue
@@ -84,10 +84,10 @@ export default {
 
 <style lang="sass" scoped>
 .name
-  color: #abb2b9
+  color: #839192
 
 .my-chatmsg
-  color: #7d3c98
+  color: #6c3483
 .opp-chatmsg
-  color: #2471a3
+  color: #1f618d
 </style>
diff --git a/client/src/views/Game.vue b/client/src/views/Game.vue
index 99b1f22e..f7c6775c 100644
--- a/client/src/views/Game.vue
+++ b/client/src/views/Game.vue
@@ -1784,7 +1784,7 @@ span.yourturn
   background-color: lightgreen
 
 .somethingnew
-  background-color: #c5fefe
+  background-color: #b2ebf2
 
 .diagram
   margin: 0 auto
diff --git a/client/src/views/Hall.vue b/client/src/views/Hall.vue
index 50da3810..328855f1 100644
--- a/client/src/views/Hall.vue
+++ b/client/src/views/Hall.vue
@@ -1313,7 +1313,7 @@ export default {
 
 <style lang="sass" scoped>
 .active
-  color: #42a983
+  color: #388e3c
 
 #infoDiv > .card
   padding: 15px 0
@@ -1367,7 +1367,7 @@ button.player-action
   margin-left: 32px
 
 .somethingnew
-  background-color: #c5fefe !important
+  background-color: #b2ebf2 !important
 
 .tabbtn
   background-color: #f9faee
diff --git a/client/src/views/MyGames.vue b/client/src/views/MyGames.vue
index a48c8d47..35313f51 100644
--- a/client/src/views/MyGames.vue
+++ b/client/src/views/MyGames.vue
@@ -395,7 +395,7 @@ export default {
 
 <style lang="sass" scoped>
 .active
-  color: #42a983
+  color: #388e3c
 
 .tabbtn
   background-color: #f9faee
@@ -405,7 +405,7 @@ button#loadMoreBtn
   margin: 0 auto
 
 .somethingnew
-  background-color: #c5fefe !important
+  background-color: #b2ebf2 !important
 </style>
 
 <!-- Not scoped because acting on GameList -->