@everymatrix/player-bonus-history 1.17.1 → 1.17.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-bonus-history",
-  "version": "1.17.1",
+  "version": "1.17.2",
   "main": "dist/player-bonus-history",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f2155458138e80c61c668cc7e75c645d6f16709c"
+  "gitHead": "462a557bf7dab099fad999a6d0998f5155877620"
 }

package/src/PlayerBonusHistory.svelte

@@ -159,7 +159,7 @@
     <div class="BonusesWrapper {isMobile ? 'BonusesWrapperMobile' : ''}">
       {#if isMobile}
         <div class="MenuReturnButton" on:click={() => toggleScreen()}>
-          <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><style>.aaa{fill:var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));}</style></defs><g transform="translate(-20 -158)">
+          <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><style>.aaa{fill:var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));}</style></defs><g transform="translate(-20 -158)">
             <g transform="translate(20 158)">
               <path class="aaa" d="M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z" transform="translate(15 15) rotate(180)"/>
             </g></g>
@@ -238,7 +238,7 @@
 
 
   .BonusesWrapper {
-    color: var(--emfe-w-pam-typography, var(--emfe-w-color-dunkel, #07072A));
+    color: var(--emfe-w-pam-typography, var(--emfe-w-color-contrast, #07072A));
     padding: 50px;
     max-width: 850px;
 
@@ -249,19 +249,19 @@
   }
 
   .MenuReturnButton{
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     display: inline-flex;
     align-items: center;
     column-gap: 10px;
     margin-bottom: 10px;
     & svg {
-      fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+      fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     }
   }
 
   .BonusesTitle {
     font-size: 26px;
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     font-weight: 400;
   }
 
@@ -328,13 +328,13 @@
       padding: 5px 15px;
       font-size: 16px;
       line-height: 18px;
-      outline-color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+      outline-color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     }
   }
 
   .BonusesCalendarFilter {
-    background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
-    border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
+    border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
     cursor: pointer;
     border-radius: 5px;
@@ -352,7 +352,7 @@
     }
 
     &:active {
-      background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+      background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     }
   }
 
@@ -375,7 +375,7 @@
       text-align: center;
     }
     .BonusesFirst, .BonusesPrev, .BonusesNext, .BonusesLast {
-      color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+      color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
       font-size: 16px;
       cursor: pointer;
       padding: 5px 10px;
@@ -387,7 +387,7 @@
     }
     .BonusesPage {
       margin: 0 5px;
-      color: var(--emfe-w-pam-typography, var(--emfe-w-color-dunkel, #07072A));
+      color: var(--emfe-w-pam-typography, var(--emfe-w-color-contrast, #07072A));
       font-size: 16px;
       cursor: pointer;
       padding: 5px 10px;