@everymatrix/casino-404 1.13.15 → 1.13.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-404",
-  "version": "1.13.15",
+  "version": "1.13.17",
   "main": "dist/casino-404.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "64d94eb05d1cff11bf0cfd2bb8079bec43797d28"
+  "gitHead": "8b0b2bd7cdef9f325e39e95baf9a25dd09ad69b3"
 }

package/src/Casino_404.svelte

@@ -90,8 +90,8 @@
   }
 
   .PageWrapper {
-    color: var(--emfe-w-color-white, #FFFFFF);
-    background: var(--emfe-w-color-contrast, #07072A);
+    color: var(--emfe-w-misc-typography, var(--emfe-w-color-white, #FFFFFF));
+    background: var(--emfe-w-misc-color-bg, var(--emfe-w-color-dunkel, #07072A));
     padding: 50px 0;
     width: 100%;
     text-align: center;
@@ -108,11 +108,11 @@
   }
 
   .NotFoundPage svg {
-      fill: var(--emfe-w-color-primary, #D0046C);
+      fill: var(--emfe-w-misc-color-primary, var(--emfe-w-color-pink-500, #D0046C));
     }
 
   .PageTitle {
-    color: var(--emfe-w-color-primary, #D0046C);
+    color: var(--emfe-w-misc-color-primary, var(--emfe-w-color-pink-500, #D0046C));
     font-weight: 500;
     font-size: 28px;
   }
@@ -124,21 +124,21 @@
   }
 
   .ErrorPageTitle {
-    color: var(--emfe-w-color-error, #FD2839);
+    color: var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909));
     font-weight: 500;
     font-size: 28px;
   }
 
   .ErrorPageContent {
-    color: var(--emfe-w-color-error, #FD2839);
+    color: var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909));
     font-size:18px;
     line-height: 24px;
   }
 
   .ButtonDefaultSmall {
-    background: var(--emfe-w-color-primary, #D0046C);
-    border: 1px solid var(--emfe-w-color-primary, #D0046C);
-    color: #fff;
+    background: var(--emfe-w-misc-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    border: 1px solid var(--emfe-w-misc-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
     border-radius: 5px;
     width: 30%;
     height: 60px;
@@ -155,8 +155,8 @@
   @media only screen and (max-width: 475px) {
 
     .PageWrapper {
-      color: var(--emfe-w-color-white, #FFFFFF);
-      background: var(--emfe-w-color-contrast, #07072A);
+      color: var(--emfe-w-misc-typography, var(--emfe-w-color-white, #FFFFFF));
+      background: var(--emfe-w-misc-color-bg, var(--emfe-w-color-dunkel, #07072A));
       padding: 20px 0;
       width: 100%;
       text-align: center;