)
       | {{ 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']"
     )
     #downloadDiv(v-if="canDownload")
       a#download(href="#")
       button(
-        :class="btnTooltipClass"
+        :class="btnTooltipClass()"
         @click="$emit('download')"
         :aria-label="st.tr['Download'] + ' PGN'"
       )
 
   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
 
   margin-left: 32px
 
 .somethingnew
-  background-color: #b2ebf2 !important
+  background-color: #D6EAF8 !important
 
 .tabbtn
   background-color: #f9faee
 
   margin: 0 auto
 
 .somethingnew
-  background-color: #b2ebf2 !important
+  background-color: #D6EAF8 !important
 </style>
 
 <!-- Not scoped because acting on GameList -->