Slightly change colors + fix tooltips in MovesList
authorBenjamin Auder <benjamin.auder@somewhere>
Fri, 17 Apr 2020 10:34:58 +0000 (12:34 +0200)
committerBenjamin Auder <benjamin.auder@somewhere>
Fri, 17 Apr 2020 10:34:58 +0000 (12:34 +0200)
client/src/components/MoveList.vue
client/src/views/Game.vue
client/src/views/Hall.vue
client/src/views/MyGames.vue

index da3c047..d47a1a4 100644 (file)
@@ -23,14 +23,14 @@ div
     )
       | {{ st.tr["Rules"] }}
     button(
-      :class="btnTooltipClass"
+      :class="btnTooltipClass()"
       onClick="window.doClick('modalAdjust')"
       :aria-label="st.tr['Resize board']"
     )
       img.inline(src="/images/icons/resize.svg")
     button#analyzeBtn(
       v-if="canAnalyze"
-      :class="btnTooltipClass"
+      :class="btnTooltipClass()"
       @click="$emit('analyze')"
       :aria-label="st.tr['Analyse']"
     )
@@ -38,7 +38,7 @@ div
     #downloadDiv(v-if="canDownload")
       a#download(href="#")
       button(
-        :class="btnTooltipClass"
+        :class="btnTooltipClass()"
         @click="$emit('download')"
         :aria-label="st.tr['Download'] + ' PGN'"
       )
index f7c6775..7a9fb5b 100644 (file)
@@ -1772,19 +1772,19 @@ span.yourturn
   background-color: lightyellow
 
 .draw-received, .draw-received:hover
-  background-color: lightgreen
+  background-color: #48C9B0
 
 .draw-threerep, .draw-threerep:hover
-  background-color: #e4d1fc
+  background-color: #D2B4DE
 
 .rematch-sent, .rematch-sent:hover
   background-color: lightyellow
 
 .rematch-received, .rematch-received:hover
-  background-color: lightgreen
+  background-color: #48C9B0
 
 .somethingnew
-  background-color: #b2ebf2
+  background-color: #D2B4DE
 
 .diagram
   margin: 0 auto
index 328855f..b3172ac 100644 (file)
@@ -1367,7 +1367,7 @@ button.player-action
   margin-left: 32px
 
 .somethingnew
-  background-color: #b2ebf2 !important
+  background-color: #D6EAF8 !important
 
 .tabbtn
   background-color: #f9faee
index 35313f5..eb23bc4 100644 (file)
@@ -405,7 +405,7 @@ button#loadMoreBtn
   margin: 0 auto
 
 .somethingnew
-  background-color: #b2ebf2 !important
+  background-color: #D6EAF8 !important
 </style>
 
 <!-- Not scoped because acting on GameList -->