@everymatrix/casino-header-controller 0.0.225 → 0.0.230

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-header-controller",
-  "version": "0.0.225",
+  "version": "0.0.230",
   "main": "dist/casino-header-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f58cef61f569c3d9b496becafc3ab9e93cb5eca7"
+  "gitHead": "6450633dc3eac30c6bbb7963e606ee94b046d30d"
 }

package/src/CasinoHeaderController.svelte

@@ -38,10 +38,10 @@
 
   const genericIcon:string = `<svg version="1.1" fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width: 30px; color: #fff;" x="0px" y="0px"
     viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;" xml:space="preserve">
-     <path style="color: #fff" d="M180.455,360.91H24.061V24.061h156.394c6.641,0,12.03-5.39,12.03-12.03s-5.39-12.03-12.03-12.03H12.03
+     <path style="color: var(--emfe-w-color-white, #FFFFFF)" d="M180.455,360.91H24.061V24.061h156.394c6.641,0,12.03-5.39,12.03-12.03s-5.39-12.03-12.03-12.03H12.03
        C5.39,0.001,0,5.39,0,12.031V372.94c0,6.641,5.39,12.03,12.03,12.03h168.424c6.641,0,12.03-5.39,12.03-12.03
        C192.485,366.299,187.095,360.91,180.455,360.91z"/>
-     <path style="color: #fff" d="M381.481,184.088l-83.009-84.2c-4.704-4.752-12.319-4.74-17.011,0c-4.704,4.74-4.704,12.439,0,17.179l62.558,63.46H96.279
+     <path style="color: var(--emfe-w-color-white, #FFFFFF)" d="M381.481,184.088l-83.009-84.2c-4.704-4.752-12.319-4.74-17.011,0c-4.704,4.74-4.704,12.439,0,17.179l62.558,63.46H96.279
        c-6.641,0-12.03,5.438-12.03,12.151c0,6.713,5.39,12.151,12.03,12.151h247.74l-62.558,63.46c-4.704,4.752-4.704,12.439,0,17.179
        c4.704,4.752,12.319,4.752,17.011,0l82.997-84.2C386.113,196.588,386.161,188.756,381.481,184.088z"/>
   </svg>`;
@@ -226,7 +226,7 @@
                  viewBox="0 0 22 16">
               <defs>
                 <style>.a {
-                  fill: #fff;
+                  fill: var(--emfe-w-color-white, #FFFFFF);
                 }
                 </style>
               </defs>
@@ -250,7 +250,7 @@
               <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16.429" viewBox="0 0 15 16.429">
                 <defs>
                   <style>.a {
-                    fill: #fff;
+                    fill: var(--emfe-w-color-white, #FFFFFF);
                   }
                   </style>
                 </defs>
@@ -285,7 +285,7 @@
               <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16.429" viewBox="0 0 15 16.429">
                 <defs>
                   <style>.a {
-                    fill: #fff;
+                    fill: var(--emfe-w-color-white, #FFFFFF);
                   }
                   </style>
                 </defs>
@@ -322,7 +322,7 @@
                viewBox="0 0 22 16">
             <defs>
               <style>.a {
-                fill: #fff;
+                fill: var(--emfe-w-color-white, #FFFFFF);
               }
               </style>
             </defs>
@@ -401,7 +401,7 @@
   }
 
   .HeaderWrapper {
-    background: #050518;
+    background: var(--emfe-w-color-header-bg, #050518);
   }
 
   .HeaderContainer {
@@ -430,8 +430,8 @@
   .HeaderSecondaryNav {
     flex-direction: row;
     width: 100%;
-    background: #050518;
-    border-top: 1px solid #58586B;
+    background: var(--emfe-w-color-header-bg, #050518);
+    border-top: 1px solid var(--emfe-w-color-gray-300, #58586B);
   }
 
   .HeaderItemsMenu {
@@ -439,7 +439,7 @@
     align-content: flex-start;
     list-style: none;
     text-transform: uppercase;
-    color: #FFF;
+    color: var(--emfe-w-color-white, #FFFFFF);
     font-size: ttp(1);
     align-items: center;
 
@@ -461,14 +461,14 @@
   }
 
   .Item a {
-    color: #FFF;
+    color: var(--emfe-w-color-white, #FFFFFF);
     text-decoration: none;
     border-top: 1px solid transparent;
   }
 
   .Item a:hover {
-    color: #D0046C;
-    border-top: 1px solid #D0046C;
+    color: var(--emfe-w-color-primary, #D0046C);
+    border-top: 1px solid var(--emfe-w-color-primary, #D0046C);
     padding-top: 5px;
   }
 
@@ -476,7 +476,7 @@
     border-radius: ttp(0.3125);
     background: transparent;
     font-size: ttp(0.875);
-    border: solid 1px #FFF;
+    border: solid 1px var(--emfe-w-color-white, #FFFFFF);
     height: ttp(2.75);
     text-align: center;
     line-height: ttp(2.75);
@@ -486,7 +486,7 @@
 
   .ItemRegister, .ItemDeposit {
     border-radius: ttp(0.3125);
-    background: #E32D2C;
+    background: var(--emfe-w-color-primary, #D0046C);
     font-size: ttp(0.875);
     height: ttp(2.75);
     text-align: center;
@@ -495,7 +495,7 @@
   }
 
   .ItemDeposit {
-    background: #D0046C;
+    background: var(--emfe-w-color-primary, #D0046C);
   }
 
   .ItemLanguage {
@@ -504,18 +504,18 @@
     text-align: center;
     line-height: 44px;
     background: transparent;
-    color: #fff;
+    color: var(--emfe-w-color-white, #FFFFFF);
     border: none;
     cursor: pointer;
 
     option {
-      color: #0a0c19;
+      color: var(--emfe-w-color-contrast, #07072A);
     }
   }
 
   .ItemBalance {
     background: transparent;
-    color: #fff;
+    color: var(--emfe-w-color-white, #FFFFFF);
     border: 0;
   }
 
@@ -536,7 +536,7 @@
     height: ttp(3.75);
     list-style: none;
     text-transform: uppercase;
-    color: #FFF;
+    color: var(--emfe-w-color-white, #FFFFFF);
     font-size: ttp(0.875);
     max-width: ttp(80);
     margin: 0 auto;
@@ -551,13 +551,13 @@
     transition-duration: 0.15s;
 
     a {
-      color: #fff;
+      color: var(--emfe-w-color-white, #FFFFFF);
       text-decoration: none;
     }
 
     &:hover {
       a {
-        color: #D0046C;
+        color: var(--emfe-w-color-primary, #D0046C);
       }
     }
   }