style: Updated design tokens (#246)

AtB-AS · Dec 2, 2024 · 4c9cd1c · 4c9cd1c
1 parent d223c3e
commit 4c9cd1c
Show file tree

Hide file tree

Showing 4 changed files with 98 additions and 98 deletions.
diff --git a/packages/theme/src/generated/themes/atb-theme/dark.css b/packages/theme/src/generated/themes/atb-theme/dark.css
@@ -212,79 +212,79 @@
   --color-transport-city-primary-foreground-primary: #000000;
   --color-transport-city-primary-foreground-secondary: #555e65;
   --color-transport-city-primary-foreground-disabled: #a9aeb1;
-  --color-transport-city-secondary-background: #909a00;
+  --color-transport-city-secondary-background: #c9cf6b;
   --color-transport-city-secondary-foreground-primary: #000000;
   --color-transport-city-secondary-foreground-secondary: #555e65;
   --color-transport-city-secondary-foreground-disabled: #a9aeb1;
-  --color-transport-region-primary-background: #007c92;
-  --color-transport-region-primary-foreground-primary: #ffffff;
-  --color-transport-region-primary-foreground-secondary: #e1e7eb;
+  --color-transport-region-primary-background: #429eae;
+  --color-transport-region-primary-foreground-primary: #000000;
+  --color-transport-region-primary-foreground-secondary: #555e65;
   --color-transport-region-primary-foreground-disabled: #a9aeb1;
-  --color-transport-region-secondary-background: #006678;
-  --color-transport-region-secondary-foreground-primary: #ffffff;
-  --color-transport-region-secondary-foreground-secondary: #e1e7eb;
+  --color-transport-region-secondary-background: #75b8c4;
+  --color-transport-region-secondary-foreground-primary: #000000;
+  --color-transport-region-secondary-foreground-secondary: #555e65;
   --color-transport-region-secondary-foreground-disabled: #a9aeb1;
-  --color-transport-airport-express-primary-background: #a51140;
-  --color-transport-airport-express-primary-foreground-primary: #ffffff;
-  --color-transport-airport-express-primary-foreground-secondary: #e1e7eb;
+  --color-transport-airport-express-primary-background: #8d9398;
+  --color-transport-airport-express-primary-foreground-primary: #000000;
+  --color-transport-airport-express-primary-foreground-secondary: #555e65;
   --color-transport-airport-express-primary-foreground-disabled: #a9aeb1;
-  --color-transport-airport-express-secondary-background: #7d0d31;
-  --color-transport-airport-express-secondary-foreground-primary: #ffffff;
-  --color-transport-airport-express-secondary-foreground-secondary: #e1e7eb;
+  --color-transport-airport-express-secondary-background: #a9aeb1;
+  --color-transport-airport-express-secondary-foreground-primary: #000000;
+  --color-transport-airport-express-secondary-foreground-secondary: #555e65;
   --color-transport-airport-express-secondary-foreground-disabled: #a9aeb1;
-  --color-transport-flexible-primary-background: #c75b12;
+  --color-transport-flexible-primary-background: #d27c41;
   --color-transport-flexible-primary-foreground-primary: #000000;
   --color-transport-flexible-primary-foreground-secondary: #555e65;
   --color-transport-flexible-primary-foreground-disabled: #a9aeb1;
-  --color-transport-flexible-secondary-background: #97450e;
-  --color-transport-flexible-secondary-foreground-primary: #ffffff;
-  --color-transport-flexible-secondary-foreground-secondary: #e1e7eb;
+  --color-transport-flexible-secondary-background: #dea076;
+  --color-transport-flexible-secondary-foreground-primary: #000000;
+  --color-transport-flexible-secondary-foreground-secondary: #555e65;
   --color-transport-flexible-secondary-foreground-disabled: #a9aeb1;
   --color-transport-boat-primary-background: #71d6e0;
   --color-transport-boat-primary-foreground-primary: #000000;
   --color-transport-boat-primary-foreground-secondary: #555e65;
   --color-transport-boat-primary-foreground-disabled: #a9aeb1;
-  --color-transport-boat-secondary-background: #539ca4;
+  --color-transport-boat-secondary-background: #bfedf1;
   --color-transport-boat-secondary-foreground-primary: #000000;
   --color-transport-boat-secondary-foreground-secondary: #555e65;
   --color-transport-boat-secondary-foreground-disabled: #a9aeb1;
-  --color-transport-train-primary-background: #4b2942;
-  --color-transport-train-primary-foreground-primary: #ffffff;
-  --color-transport-train-primary-foreground-secondary: #e1e7eb;
+  --color-transport-train-primary-background: #867080;
+  --color-transport-train-primary-foreground-primary: #000000;
+  --color-transport-train-primary-foreground-secondary: #555e65;
   --color-transport-train-primary-foreground-disabled: #a9aeb1;
-  --color-transport-train-secondary-background: #2c1827;
-  --color-transport-train-secondary-foreground-primary: #ffffff;
-  --color-transport-train-secondary-foreground-secondary: #e1e7eb;
+  --color-transport-train-secondary-background: #a08e9b;
+  --color-transport-train-secondary-foreground-primary: #000000;
+  --color-transport-train-secondary-foreground-secondary: #555e65;
   --color-transport-train-secondary-foreground-disabled: #a9aeb1;
-  --color-transport-scooter-primary-background: #464a00;
-  --color-transport-scooter-primary-foreground-primary: #ffffff;
-  --color-transport-scooter-primary-foreground-secondary: #e1e7eb;
+  --color-transport-scooter-primary-background: #c9cf6b;
+  --color-transport-scooter-primary-foreground-primary: #000000;
+  --color-transport-scooter-primary-foreground-secondary: #555e65;
   --color-transport-scooter-primary-foreground-disabled: #a9aeb1;
-  --color-transport-scooter-secondary-background: #323600;
-  --color-transport-scooter-secondary-foreground-primary: #ffffff;
-  --color-transport-scooter-secondary-foreground-secondary: #e1e7eb;
+  --color-transport-scooter-secondary-background: #e5e8b8;
+  --color-transport-scooter-secondary-foreground-primary: #000000;
+  --color-transport-scooter-secondary-foreground-secondary: #555e65;
   --color-transport-scooter-secondary-foreground-disabled: #a9aeb1;
-  --color-transport-car-primary-background: #6f5468;
-  --color-transport-car-primary-foreground-primary: #ffffff;
-  --color-transport-car-primary-foreground-secondary: #e1e7eb;
+  --color-transport-car-primary-background: #b7a9b3;
+  --color-transport-car-primary-foreground-primary: #000000;
+  --color-transport-car-primary-foreground-secondary: #555e65;
   --color-transport-car-primary-foreground-disabled: #a9aeb1;
-  --color-transport-car-secondary-background: #4b2942;
-  --color-transport-car-secondary-foreground-primary: #ffffff;
-  --color-transport-car-secondary-foreground-secondary: #e1e7eb;
+  --color-transport-car-secondary-background: #d0c7ce;
+  --color-transport-car-secondary-foreground-primary: #000000;
+  --color-transport-car-secondary-foreground-secondary: #555e65;
   --color-transport-car-secondary-foreground-disabled: #a9aeb1;
-  --color-transport-bike-primary-background: #7d0d31;
-  --color-transport-bike-primary-foreground-primary: #ffffff;
-  --color-transport-bike-primary-foreground-secondary: #e1e7eb;
+  --color-transport-bike-primary-background: #c76b89;
+  --color-transport-bike-primary-foreground-primary: #000000;
+  --color-transport-bike-primary-foreground-secondary: #555e65;
   --color-transport-bike-primary-foreground-disabled: #a9aeb1;
-  --color-transport-bike-secondary-background: #5c0a24;
-  --color-transport-bike-secondary-foreground-primary: #ffffff;
-  --color-transport-bike-secondary-foreground-secondary: #e1e7eb;
+  --color-transport-bike-secondary-background: #d691a7;
+  --color-transport-bike-secondary-foreground-primary: #000000;
+  --color-transport-bike-secondary-foreground-secondary: #555e65;
   --color-transport-bike-secondary-foreground-disabled: #a9aeb1;
-  --color-transport-other-primary-background: #c7cacc;
+  --color-transport-other-primary-background: #8d9398;
   --color-transport-other-primary-foreground-primary: #000000;
   --color-transport-other-primary-foreground-secondary: #555e65;
   --color-transport-other-primary-foreground-disabled: #a9aeb1;
-  --color-transport-other-secondary-background: #8d9398;
+  --color-transport-other-secondary-background: #a9aeb1;
   --color-transport-other-secondary-foreground-primary: #000000;
   --color-transport-other-secondary-foreground-secondary: #555e65;
   --color-transport-other-secondary-foreground-disabled: #a9aeb1;

diff --git a/packages/theme/src/generated/themes/atb-theme/dark.ts b/packages/theme/src/generated/themes/atb-theme/dark.ts
@@ -449,7 +449,7 @@ export default {
           }
         },
         secondary: {
-          background: "#909a00",
+          background: "#c9cf6b",
           foreground: {
             primary: "#000000",
             secondary: "#555e65",
@@ -459,54 +459,54 @@ export default {
       },
       region: {
         primary: {
-          background: "#007c92",
+          background: "#429eae",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         },
         secondary: {
-          background: "#006678",
+          background: "#75b8c4",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         }
       },
       airportExpress: {
         primary: {
-          background: "#a51140",
+          background: "#8d9398",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         },
         secondary: {
-          background: "#7d0d31",
+          background: "#a9aeb1",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         }
       },
       flexible: {
         primary: {
-          background: "#c75b12",
+          background: "#d27c41",
           foreground: {
             primary: "#000000",
             secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         },
         secondary: {
-          background: "#97450e",
+          background: "#dea076",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         }
@@ -521,7 +521,7 @@ export default {
           }
         },
         secondary: {
-          background: "#539ca4",
+          background: "#bfedf1",
           foreground: {
             primary: "#000000",
             secondary: "#555e65",
@@ -531,87 +531,87 @@ export default {
       },
       train: {
         primary: {
-          background: "#4b2942",
+          background: "#867080",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         },
         secondary: {
-          background: "#2c1827",
+          background: "#a08e9b",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         }
       },
       scooter: {
         primary: {
-          background: "#464a00",
+          background: "#c9cf6b",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         },
         secondary: {
-          background: "#323600",
+          background: "#e5e8b8",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         }
       },
       car: {
         primary: {
-          background: "#6f5468",
+          background: "#b7a9b3",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         },
         secondary: {
-          background: "#4b2942",
+          background: "#d0c7ce",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         }
       },
       bike: {
         primary: {
-          background: "#7d0d31",
+          background: "#c76b89",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         },
         secondary: {
-          background: "#5c0a24",
+          background: "#d691a7",
           foreground: {
-            primary: "#ffffff",
-            secondary: "#e1e7eb",
+            primary: "#000000",
+            secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         }
       },
       other: {
         primary: {
-          background: "#c7cacc",
+          background: "#8d9398",
           foreground: {
             primary: "#000000",
             secondary: "#555e65",
             disabled: "#a9aeb1"
           }
         },
         secondary: {
-          background: "#8d9398",
+          background: "#a9aeb1",
           foreground: {
             primary: "#000000",
             secondary: "#555e65",

diff --git a/packages/theme/src/generated/themes/atb-theme/light.css b/packages/theme/src/generated/themes/atb-theme/light.css
@@ -224,11 +224,11 @@
   --color-transport-region-secondary-foreground-primary: #ffffff;
   --color-transport-region-secondary-foreground-secondary: #e1e7eb;
   --color-transport-region-secondary-foreground-disabled: #a9aeb1;
-  --color-transport-airport-express-primary-background: #a51140;
+  --color-transport-airport-express-primary-background: #555e65;
   --color-transport-airport-express-primary-foreground-primary: #ffffff;
   --color-transport-airport-express-primary-foreground-secondary: #e1e7eb;
   --color-transport-airport-express-primary-foreground-disabled: #a9aeb1;
-  --color-transport-airport-express-secondary-background: #7d0d31;
+  --color-transport-airport-express-secondary-background: #37424a;
   --color-transport-airport-express-secondary-foreground-primary: #ffffff;
   --color-transport-airport-express-secondary-foreground-secondary: #e1e7eb;
   --color-transport-airport-express-secondary-foreground-disabled: #a9aeb1;
@@ -240,7 +240,7 @@
   --color-transport-flexible-secondary-foreground-primary: #ffffff;
   --color-transport-flexible-secondary-foreground-secondary: #e1e7eb;
   --color-transport-flexible-secondary-foreground-disabled: #a9aeb1;
-  --color-transport-boat-primary-background: #71d6e0;
+  --color-transport-boat-primary-background: #62bac3;
   --color-transport-boat-primary-foreground-primary: #000000;
   --color-transport-boat-primary-foreground-secondary: #555e65;
   --color-transport-boat-primary-foreground-disabled: #a9aeb1;
@@ -264,11 +264,11 @@
   --color-transport-scooter-secondary-foreground-primary: #ffffff;
   --color-transport-scooter-secondary-foreground-secondary: #e1e7eb;
   --color-transport-scooter-secondary-foreground-disabled: #a9aeb1;
-  --color-transport-car-primary-background: #5b3c53;
+  --color-transport-car-primary-background: #6f5468;
   --color-transport-car-primary-foreground-primary: #ffffff;
   --color-transport-car-primary-foreground-secondary: #e1e7eb;
   --color-transport-car-primary-foreground-disabled: #a9aeb1;
-  --color-transport-car-secondary-background: #4b2942;
+  --color-transport-car-secondary-background: #5b3c53;
   --color-transport-car-secondary-foreground-primary: #ffffff;
   --color-transport-car-secondary-foreground-secondary: #e1e7eb;
   --color-transport-car-secondary-foreground-disabled: #a9aeb1;