@atb-as/theme - npm Package Compare versions

Comparing version 6.5.3 to 6.6.0

lib/themes/fram-theme/theme.js

@@ -21,23 +21,23 @@ "use strict";
                 default: contrastColor('#005685', 'light'),
-                hover: contrastColor('#007AB5', 'light'),
+                hover: contrastColor('#007FBA', 'light'),
                 active: contrastColor('#CDE9E3', 'dark'),
-                disabled: contrastColor('#C7CACC', 'dark'),
+                disabled: contrastColor('#D6D7DB', 'dark'),
                 outline: contrastColor('#0D6569', 'light'),
-                destructive: contrastColor('#A51140', 'light'),
+                destructive: contrastColor('#A40F21', 'light'),
             },
             interactive_1: {
-                default: contrastColor('555E65', 'light'),
-                hover: contrastColor('6F777D', 'light'),
-                active: contrastColor('1A2024', 'light'),
-                disabled: contrastColor('#C7CACC', 'dark'),
+                default: contrastColor('#012C44', 'light'),
+                hover: contrastColor('#00395A', 'light'),
+                active: contrastColor('#001622', 'light'),
+                disabled: contrastColor('#D6D7DB', 'dark'),
                 outline: contrastColor('#005685', 'light'),
-                destructive: contrastColor('#A51140', 'light'),
+                destructive: contrastColor('#A40F21', 'light'),
             },
             interactive_2: {
                 default: contrastColor('#FFFFFF', 'dark'),
-                hover: contrastColor('#D4E9EC', 'dark'),
-                active: contrastColor('#A6D1D9', 'dark'),
-                disabled: contrastColor('#FFFFFF', 'dark'),
+                hover: contrastColor('#E5F3F4', 'dark'),
+                active: contrastColor('#CDE9E3', 'dark'),
+                disabled: contrastColor('#D6D7DB', 'dark'),
                 outline: contrastColor('#005685', 'light'),
-                destructive: contrastColor('#A51140', 'light'),
+                destructive: contrastColor('#A40F21', 'light'),
             },
@@ -48,5 +48,5 @@ interactive_3: {
                 active: contrastColor('#284320', 'light'),
-                disabled: contrastColor('#D8E4D3', 'dark'),
+                disabled: contrastColor('#D4E5D2', 'dark'),
                 outline: contrastColor('#005685', 'light'),
-                destructive: contrastColor('#A51140', 'light'),
+                destructive: contrastColor('#A40F21', 'light'),
             },
@@ -57,5 +57,5 @@ interactive_destructive: {
                 active: contrastColor('#551125', 'light'),
-                disabled: contrastColor('#FFFFFF', 'dark'),
+                disabled: contrastColor('#F4D8D5', 'dark'),
                 outline: contrastColor('#005685', 'light'),
-                destructive: contrastColor('#A51140', 'light'),
+                destructive: contrastColor('#A40F21', 'light'),
             },
@@ -66,11 +66,11 @@ },
                 background_0: contrastColor('#FFFFFF', 'dark'),
-                background_1: contrastColor('#F1F2F2', 'dark'),
-                background_2: contrastColor('#E3E5E6', 'dark'),
-                background_3: contrastColor('#D5D7D9', 'dark'),
-                background_accent_0: contrastColor('#007AB5', 'light'),
-                background_accent_1: contrastColor('#006594', 'light'),
+                background_1: contrastColor('#EFF5F8', 'dark'),
+                background_2: contrastColor('#DFE4E7', 'dark'),
+                background_3: contrastColor('#E4E4E4', 'dark'),
+                background_accent_0: contrastColor('#007FBA', 'light'),
+                background_accent_1: contrastColor('#005685', 'light'),
                 background_accent_2: contrastColor('#CDE9E3', 'dark'),
                 background_accent_3: contrastColor('#0D6569', 'light'),
-                background_accent_4: contrastColor('#F0E991', 'dark'),
-                background_accent_5: contrastColor('#007AB5', 'light'),
+                background_accent_4: contrastColor('#ECE58D', 'dark'),
+                background_accent_5: contrastColor('#AAC6D8', 'dark'),
             },
@@ -83,3 +83,3 @@ transport: {
                 transport_train: contrastColor('#551125', 'light'),
-                transport_airport: contrastColor('#F15659', 'light'),
+                transport_airport: contrastColor('#F15629', 'light'),
                 transport_plane: contrastColor('#F15659', 'light'),
@@ -94,4 +94,4 @@ transport_flexible: contrastColor('#F15659', 'light'),
                 valid: contrastColor('#82B962', 'dark'),
-                info: contrastColor('#A6D1D9', 'dark'),
-                warning: contrastColor('#FBDC00', 'dark'),
+                info: contrastColor('#AAC6D8', 'dark'),
+                warning: contrastColor('#F8DA00', 'dark'),
                 error: contrastColor('#F15629', 'light'),
@@ -126,24 +126,24 @@ },
             interactive_0: {
-                default: contrastColor('#005685', 'light'),
-                hover: contrastColor('#007AB5', 'light'),
+                default: contrastColor('#007FBA', 'light'),
+                hover: contrastColor('#005685', 'light'),
                 active: contrastColor('#CDE9E3', 'dark'),
-                disabled: contrastColor('#C7CACC', 'dark'),
+                disabled: contrastColor('#D6D7DB', 'dark'),
                 outline: contrastColor('#0D6569', 'light'),
-                destructive: contrastColor('#D692A7', 'dark'),
+                destructive: contrastColor('#EF7684', 'dark'),
             },
             interactive_1: {
-                default: contrastColor('555E65', 'light'),
-                hover: contrastColor('6F777D', 'light'),
-                active: contrastColor('1A2024', 'light'),
-                disabled: contrastColor('#C7CACC', 'dark'),
+                default: contrastColor('#012C44', 'light'),
+                hover: contrastColor('#00395A', 'light'),
+                active: contrastColor('#001622', 'light'),
+                disabled: contrastColor('#D6D7DB', 'dark'),
                 outline: contrastColor('#005685', 'light'),
-                destructive: contrastColor('#D692A7', 'dark'),
+                destructive: contrastColor('#EF7684', 'dark'),
             },
             interactive_2: {
-                default: contrastColor('#000000', 'light'),
+                default: contrastColor('#012C44', 'light'),
                 hover: contrastColor('#0D6569', 'light'),
-                active: contrastColor('#679C9F', 'light'),
-                disabled: contrastColor('#C7CACC', 'dark'),
-                outline: contrastColor('#005685', 'light'),
-                destructive: contrastColor('#D692A7', 'dark'),
+                active: contrastColor('#679C9F', 'dark'),
+                disabled: contrastColor('#D6D7DB', 'dark'),
+                outline: contrastColor('#CDE9E3', 'dark'),
+                destructive: contrastColor('#EF7684', 'dark'),
             },
@@ -154,5 +154,5 @@ interactive_3: {
                 active: contrastColor('#284320', 'light'),
-                disabled: contrastColor('#D8E4D3', 'dark'),
+                disabled: contrastColor('#D4E5D2', 'dark'),
                 outline: contrastColor('#005685', 'light'),
-                destructive: contrastColor('#D692A7', 'dark'),
+                destructive: contrastColor('#EF7684', 'dark'),
             },
@@ -163,5 +163,5 @@ interactive_destructive: {
                 active: contrastColor('#551125', 'light'),
-                disabled: contrastColor('#FFFFFF', 'dark'),
+                disabled: contrastColor('#F4D8D5', 'dark'),
                 outline: contrastColor('#005685', 'light'),
-                destructive: contrastColor('#D692A7', 'dark'),
+                destructive: contrastColor('#EF7684', 'dark'),
             },
@@ -171,12 +171,12 @@ },
             background: {
-                background_0: contrastColor('#000000', 'light'),
-                background_1: contrastColor('#2B343A', 'light'),
-                background_2: contrastColor('#37424A', 'light'),
-                background_3: contrastColor('#555E65', 'light'),
-                background_accent_0: contrastColor('#007AB5', 'light'),
-                background_accent_1: contrastColor('#006594', 'light'),
+                background_0: contrastColor('#014C77', 'light'),
+                background_1: contrastColor('#00395A', 'light'),
+                background_2: contrastColor('#012C44', 'light'),
+                background_3: contrastColor('#001622', 'light'),
+                background_accent_0: contrastColor('#005685', 'light'),
+                background_accent_1: contrastColor('#007FBA', 'light'),
                 background_accent_2: contrastColor('#CDE9E3', 'dark'),
                 background_accent_3: contrastColor('#0D6569', 'light'),
-                background_accent_4: contrastColor('#F0E991', 'dark'),
-                background_accent_5: contrastColor('#007AB5', 'light'),
+                background_accent_4: contrastColor('#ECE58D', 'dark'),
+                background_accent_5: contrastColor('#0D6569', 'light'),
             },
@@ -199,4 +199,4 @@ transport: {
                 valid: contrastColor('#82B962', 'dark'),
-                info: contrastColor('#A6D1D9', 'dark'),
-                warning: contrastColor('#FBDC00', 'dark'),
+                info: contrastColor('#AAC6D8', 'dark'),
+                warning: contrastColor('#F8DA00', 'dark'),
                 error: contrastColor('#F15629', 'light'),
@@ -212,3 +212,3 @@ },
                 primary: textColors.light,
-                secondary: '#E3E5E6',
+                secondary: '#F1F2F2',
                 disabled: '#A9AEB1',
@@ -215,0 +215,0 @@ },

package.json

 {
   "name": "@atb-as/theme",
-  "version": "6.5.3",
+  "version": "6.6.0",
   "private": false,
@@ -34,3 +34,3 @@ "description": "AtB Design System Colors",
   },
-  "gitHead": "5d9b48f37c08d2b462bd846947cb1b776fdc5a68"
+  "gitHead": "84167433362e5a9d18c7de80bd1e82efed7fbe04"
 }

No alert changes

Improved metrics

Total package byte prevSize

296062

increased by0.01%

No dependency changes