Update colors (unfinished)
authorBenjamin Auder <benjamin.auder@somewhere>
Fri, 17 Apr 2020 08:50:31 +0000 (10:50 +0200)
committerBenjamin Auder <benjamin.auder@somewhere>
Fri, 17 Apr 2020 08:50:31 +0000 (10:50 +0200)
client/src/App.vue
client/src/components/Chat.vue
client/src/views/Game.vue
client/src/views/Hall.vue
client/src/views/MyGames.vue

index 88ff96b..02693a6 100644 (file)
@@ -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
index 25898ce..273cf7a 100644 (file)
@@ -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>
index 99b1f22..f7c6775 100644 (file)
@@ -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
index 50da381..328855f 100644 (file)
@@ -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
index a48c8d4..35313f5 100644 (file)
@@ -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 -->