Update colors (unfinished)

diff --git a/client/src/App.vue b/client/src/App.vue
index 88ff96b..02693a6 100644 (file)
--- 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
   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
   --table-body-back-color: #f8f8f8
 
 body


@@ -194,7 +194,7 @@ nav
           text-decoration: none
           color: #2c3e50
           &.router-link-exact-active
           text-decoration: none
           color: #2c3e50
           &.router-link-exact-active

-            color: #42b983
+            color: #388e3c

       & > #rightMenu
         padding: 0
         width: 50%
       & > #rightMenu
         padding: 0
         width: 50%


@@ -211,7 +211,7 @@ nav
           text-decoration: none
           color: #2c3e50
           &.router-link-exact-active
           text-decoration: none
           color: #2c3e50
           &.router-link-exact-active

-            color: #42b983
+            color: #388e3c

       & > #rightMenu
         padding-top: 5px
         border-top: 1px solid darkgrey
       & > #rightMenu
         padding-top: 5px
         border-top: 1px solid darkgrey


@@ -266,7 +266,7 @@ footer
   align-items: center
   justify-content: center
   & > .router-link-exact-active
   align-items: center
   justify-content: center
   & > .router-link-exact-active

-    color: #42b983 !important
+    color: #388e3c !important

     text-decoration: none
   & > .menuitem
     margin: 0 12px
     text-decoration: none
   & > .menuitem
     margin: 0 12px

diff --git a/client/src/components/Chat.vue b/client/src/components/Chat.vue
index 25898ce..273cf7a 100644 (file)
--- a/client/src/components/Chat.vue
+++ b/client/src/components/Chat.vue
@@ -84,10 +84,10 @@ export default {
 
 <style lang="sass" scoped>
 .name
 
 <style lang="sass" scoped>
 .name

-  color: #abb2b9
+  color: #839192

 
 .my-chatmsg
 
 .my-chatmsg

-  color: #7d3c98
+  color: #6c3483

 .opp-chatmsg
 .opp-chatmsg

-  color: #2471a3
+  color: #1f618d

 </style>
 </style>

diff --git a/client/src/views/Game.vue b/client/src/views/Game.vue
index 99b1f22..f7c6775 100644 (file)
--- a/client/src/views/Game.vue
+++ b/client/src/views/Game.vue
@@ -1784,7 +1784,7 @@ span.yourturn
   background-color: lightgreen
 
 .somethingnew
   background-color: lightgreen
 
 .somethingnew

-  background-color: #c5fefe
+  background-color: #b2ebf2

 
 .diagram
   margin: 0 auto
 
 .diagram
   margin: 0 auto

diff --git a/client/src/views/Hall.vue b/client/src/views/Hall.vue
index 50da381..328855f 100644 (file)
--- a/client/src/views/Hall.vue
+++ b/client/src/views/Hall.vue
@@ -1313,7 +1313,7 @@ export default {
 
 <style lang="sass" scoped>
 .active
 
 <style lang="sass" scoped>
 .active

-  color: #42a983
+  color: #388e3c

 
 #infoDiv > .card
   padding: 15px 0
 
 #infoDiv > .card
   padding: 15px 0


@@ -1367,7 +1367,7 @@ button.player-action
   margin-left: 32px
 
 .somethingnew
   margin-left: 32px
 
 .somethingnew

-  background-color: #c5fefe !important
+  background-color: #b2ebf2 !important

 
 .tabbtn
   background-color: #f9faee
 
 .tabbtn
   background-color: #f9faee

diff --git a/client/src/views/MyGames.vue b/client/src/views/MyGames.vue
index a48c8d4..35313f5 100644 (file)
--- a/client/src/views/MyGames.vue
+++ b/client/src/views/MyGames.vue
@@ -395,7 +395,7 @@ export default {
 
 <style lang="sass" scoped>
 .active
 
 <style lang="sass" scoped>
 .active

-  color: #42a983
+  color: #388e3c

 
 .tabbtn
   background-color: #f9faee
 
 .tabbtn
   background-color: #f9faee


@@ -405,7 +405,7 @@ button#loadMoreBtn
   margin: 0 auto
 
 .somethingnew
   margin: 0 auto
 
 .somethingnew

-  background-color: #c5fefe !important
+  background-color: #b2ebf2 !important

 </style>
 
 <!-- Not scoped because acting on GameList -->
 </style>
 
 <!-- Not scoped because acting on GameList -->