@webpros/mui-theme 0.3.12 → 0.4.1

package/dist/src/tokens/colors/Dark.js

@@ -60,10 +60,10 @@ export const DarkSchemes = {
         successContainer: 'rgba(18, 95, 22, 1)',
         onSuccessContainer: 'rgba(241, 253, 241, 1)',
         success: 'rgba(110, 187, 114, 1)',
-        undefined: 'rgba(155, 171, 179, 1)',
-        onUndefined: 'rgba(42, 52, 56, 1)',
-        undefinedContainer: 'rgba(61, 70, 77, 1)',
-        onUndefinedContainer: 'rgba(228, 235, 240, 1)',
+        undefined: 'rgba(93, 95, 111, 1)',
+        onUndefined: 'rgba(255, 255, 255, 1)',
+        undefinedContainer: 'rgba(56, 59, 71, 1)',
+        onUndefinedContainer: 'rgba(245, 239, 247, 1)',
     },
     fixed: {
         primaryFixed: 'rgba(231, 223, 255, 1)',
@@ -80,7 +80,7 @@ export const DarkSchemes = {
         onTertiaryFixedVariant: 'rgba(60, 85, 96, 1)',
         errorFixedDim: 'rgba(239, 83, 80, 1)',
         warningFixedDim: 'rgba(255, 152, 0, 1)',
-        infoFixedDim: 'rgba(3, 169, 244, 1)',
+        infoFixedDim: 'rgba(70, 140, 197, 1)',
         successFixedDim: 'rgba(76, 175, 80, 1)',
     },
     charts: {
@@ -376,26 +376,26 @@ export const DarkStateLayers = {
             opacity28: 'rgba(224, 236, 246, 0.28)',
         },
         onUndefined: {
-            opacity08: 'rgba(42, 52, 56, 0.08)',
-            opacity12: 'rgba(42, 52, 56, 0.12)',
-            opacity16: 'rgba(42, 52, 56, 0.16)',
-            opacity38: 'rgba(42, 52, 56, 0.38)',
-            opacity28: 'rgba(42, 52, 56, 0.28)',
+            opacity08: 'rgba(255, 255, 255, 0.08)',
+            opacity12: 'rgba(255, 255, 255, 0.12)',
+            opacity16: 'rgba(255, 255, 255, 0.16)',
+            opacity38: 'rgba(255, 255, 255, 0.38)',
+            opacity28: 'rgba(255, 255, 255, 0.28)',
         },
         onUndefinedContainer: {
-            opacity08: 'rgba(228, 235, 240, 0.08)',
-            opacity12: 'rgba(228, 235, 240, 0.12)',
-            opacity16: 'rgba(228, 235, 240, 0.16)',
-            opacity20: 'rgba(228, 235, 240, 0.2)',
-            opacity38: 'rgba(228, 235, 240, 0.38)',
-            opacity28: 'rgba(228, 235, 240, 0.28)',
+            opacity08: 'rgba(245, 239, 247, 0.08)',
+            opacity12: 'rgba(245, 239, 247, 0.12)',
+            opacity16: 'rgba(245, 239, 247, 0.16)',
+            opacity20: 'rgba(245, 239, 247, 0.2)',
+            opacity38: 'rgba(245, 239, 247, 0.38)',
+            opacity28: 'rgba(245, 239, 247, 0.28)',
         },
         undefined: {
-            opacity08: 'rgba(155, 171, 179, 0.08)',
-            opacity12: 'rgba(155, 171, 179, 0.12)',
-            opacity16: 'rgba(155, 171, 179, 0.16)',
-            opacity28: 'rgba(155, 171, 179, 0.2)',
-            opacity48: 'rgba(155, 171, 179, 0.48)',
+            opacity08: 'rgba(93, 95, 111, 0.08)',
+            opacity12: 'rgba(93, 95, 111, 0.12)',
+            opacity16: 'rgba(93, 95, 111, 0.16)',
+            opacity28: 'rgba(93, 95, 111, 0.2)',
+            opacity48: 'rgba(93, 95, 111, 0.48)',
         },
         warningContainer: {
             opacity08: 'rgba(123, 60, 15, 0.08)',
@@ -416,9 +416,9 @@ export const DarkStateLayers = {
             opacity38: 'rgba(18, 71, 113, 0.38)',
         },
         undefinedContainer: {
-            opacity08: 'rgba(61, 70, 77, 0.08)',
-            opacity12: 'rgba(61, 70, 77, 0.12)',
-            opacity16: 'rgba(61, 70, 77, 0.16)',
+            opacity08: 'rgba(56, 59, 71, 0.08)',
+            opacity12: 'rgba(56, 59, 71, 0.12)',
+            opacity16: 'rgba(56, 59, 71, 0.16)',
         },
     },
     surfaces: {
@@ -494,6 +494,8 @@ export const DarkStateLayers = {
             opacity16: 'rgba(0, 0, 0, 0.16)',
             opacity48: 'rgba(0, 0, 0, 0.48)',
             opacity10: 'rgba(0, 0, 0, 0.1)',
+            opacity76: 'rgba(0, 0, 0, 0.76)',
+            opacity58: 'rgba(0, 0, 0, 0.58)',
         },
         surfaceContainerHighest: {
             opacity08: 'rgba(22, 23, 26, 0.08)',
@@ -570,7 +572,7 @@ export const DarkInverseSchemes = {
     surfaces: {
         surface: 'rgba(32, 33, 38, 1)',
         onSurface: 'rgba(245, 239, 247, 1)',
-        onSurfaceVariant: 'rgba(199, 194, 203, 1)',
+        onSurfaceVariant: 'rgba(192, 194, 201, 1)',
         outlineVariant: 'rgba(53, 54, 66, 1)',
         surfaceContainer: 'rgba(40, 41, 47, 1)',
         outline: 'rgba(72, 73, 88, 1)',
@@ -602,8 +604,8 @@ export const DarkInverseSchemes = {
         onWarning: 'rgba(48, 28, 10, 1)',
         onInfo: 'rgba(12, 40, 53, 1)',
         onSuccess: 'rgba(16, 51, 11, 1)',
-        undefined: 'rgba(155, 171, 179, 1)',
-        onUndefined: 'rgba(47, 53, 56, 1)',
+        undefined: 'rgba(163, 166, 175, 1)',
+        onUndefined: 'rgba(27, 28, 33, 1)',
         errorContainer: 'rgba(84, 46, 46, 1)',
         successContainer: 'rgba(59, 76, 59, 1)',
         onErrorContainer: 'rgba(229, 153, 151, 1)',
@@ -612,8 +614,8 @@ export const DarkInverseSchemes = {
         onWarningContainer: 'rgba(219, 183, 146, 1)',
         infoContainer: 'rgba(42, 77, 105, 1)',
         onInfoContainer: 'rgba(174, 207, 230, 1)',
-        undefinedContainer: 'rgba(54, 58, 59, 1)',
-        onUndefinedContainer: 'rgba(191, 197, 202, 1)',
+        undefinedContainer: 'rgba(46, 48, 56, 1)',
+        onUndefinedContainer: 'rgba(245, 239, 247, 1)',
     },
 };
 export const DarkInverseStateLayers = {
@@ -723,11 +725,11 @@ export const DarkInverseStateLayers = {
             opacity38: 'rgba(16, 51, 11, 0.38)',
         },
         onUndefined: {
-            opacity08: 'rgba(47, 53, 56, 0.08)',
-            opacity12: 'rgba(47, 53, 56, 0.12)',
-            opacity20: 'rgba(47, 53, 56, 0.2)',
-            opacity28: 'rgba(47, 53, 56, 0.28)',
-            opacity38: 'rgba(47, 53, 56, 0.38)',
+            opacity08: 'rgba(27, 28, 33, 0.08)',
+            opacity12: 'rgba(27, 28, 33, 0.12)',
+            opacity20: 'rgba(27, 28, 33, 0.2)',
+            opacity28: 'rgba(27, 28, 33, 0.28)',
+            opacity38: 'rgba(27, 28, 33, 0.38)',
         },
         error: {
             opacity08: 'rgba(239, 122, 120, 0.08)',
@@ -744,11 +746,11 @@ export const DarkInverseStateLayers = {
             opacity38: 'rgba(140, 196, 131, 0.38)',
         },
         undefined: {
-            opacity08: 'rgba(155, 171, 179, 0.08)',
-            opacity12: 'rgba(155, 171, 179, 0.12)',
-            opacity16: 'rgba(155, 171, 179, 0.2)',
-            opacity28: 'rgba(155, 171, 179, 0.28)',
-            opacity38: 'rgba(155, 171, 179, 0.28)',
+            opacity08: 'rgba(192, 194, 201, 0.08)',
+            opacity12: 'rgba(192, 194, 201, 0.12)',
+            opacity16: 'rgba(192, 194, 201, 0.2)',
+            opacity28: 'rgba(192, 194, 201, 0.28)',
+            opacity38: 'rgba(192, 194, 201, 0.28)',
         },
         onErrorContainer: {
             opacity08: 'rgba(229, 153, 151, 0.08)',
@@ -779,11 +781,11 @@ export const DarkInverseStateLayers = {
             opacity38: 'rgba(174, 207, 230, 0.38)',
         },
         onUndefinedContainer: {
-            opacity08: 'rgba(191, 197, 202, 0.08)',
-            opacity12: 'rgba(191, 197, 202, 0.12)',
-            opacity16: 'rgba(191, 197, 202, 0.16)',
-            opacity28: 'rgba(191, 197, 202, 0.28)',
-            opacity38: 'rgba(191, 197, 202, 0.38)',
+            opacity08: 'rgba(245, 239, 247, 0.08)',
+            opacity12: 'rgba(245, 239, 247, 0.12)',
+            opacity16: 'rgba(245, 239, 247, 0.16)',
+            opacity28: 'rgba(245, 239, 247, 0.28)',
+            opacity38: 'rgba(245, 239, 247, 0.38)',
         },
         info: {
             opacity08: 'rgba(71, 189, 243, 0.08)',
@@ -895,10 +897,10 @@ export const DarkSchemesGenerated = {
     'schemes.status.successContainer': { r: 18, g: 95, b: 22, a: 1 },
     'schemes.status.onSuccessContainer': { r: 241, g: 253, b: 241, a: 1 },
     'schemes.status.success': { r: 110, g: 187, b: 114, a: 1 },
-    'schemes.status.undefined': { r: 155, g: 171, b: 179, a: 1 },
-    'schemes.status.onUndefined': { r: 42, g: 52, b: 56, a: 1 },
-    'schemes.status.undefinedContainer': { r: 61, g: 70, b: 77, a: 1 },
-    'schemes.status.onUndefinedContainer': { r: 228, g: 235, b: 240, a: 1 },
+    'schemes.status.undefined': { r: 93, g: 95, b: 111, a: 1 },
+    'schemes.status.onUndefined': { r: 255, g: 255, b: 255, a: 1 },
+    'schemes.status.undefinedContainer': { r: 56, g: 59, b: 71, a: 1 },
+    'schemes.status.onUndefinedContainer': { r: 245, g: 239, b: 247, a: 1 },
     'schemes.fixed.primaryFixed': { r: 231, g: 223, b: 255, a: 1 },
     'schemes.fixed.onPrimaryFixed': { r: 40, g: 28, b: 76, a: 1 },
     'schemes.fixed.primaryFixedDim': { r: 208, g: 192, b: 255, a: 1 },
@@ -913,7 +915,7 @@ export const DarkSchemesGenerated = {
     'schemes.fixed.onTertiaryFixedVariant': { r: 60, g: 85, b: 96, a: 1 },
     'schemes.fixed.errorFixedDim': { r: 239, g: 83, b: 80, a: 1 },
     'schemes.fixed.warningFixedDim': { r: 255, g: 152, b: 0, a: 1 },
-    'schemes.fixed.infoFixedDim': { r: 3, g: 169, b: 244, a: 1 },
+    'schemes.fixed.infoFixedDim': { r: 70, g: 140, b: 197, a: 1 },
     'schemes.fixed.successFixedDim': { r: 76, g: 175, b: 80, a: 1 },
     'schemes.charts.chart01': { r: 221, g: 221, b: 221, a: 1 },
     'schemes.charts.chart02': { r: 76, g: 182, b: 170, a: 1 },
@@ -1124,22 +1126,22 @@ export const DarkStateLayersGenerated = {
     'stateLayers.status.onInfoContainer.opacity20': { r: 224, g: 236, b: 246, a: 0.2 },
     'stateLayers.status.onInfoContainer.opacity38': { r: 224, g: 236, b: 246, a: 0.38 },
     'stateLayers.status.onInfoContainer.opacity28': { r: 224, g: 236, b: 246, a: 0.28 },
-    'stateLayers.status.onUndefined.opacity08': { r: 42, g: 52, b: 56, a: 0.08 },
-    'stateLayers.status.onUndefined.opacity12': { r: 42, g: 52, b: 56, a: 0.12 },
-    'stateLayers.status.onUndefined.opacity16': { r: 42, g: 52, b: 56, a: 0.16 },
-    'stateLayers.status.onUndefined.opacity38': { r: 42, g: 52, b: 56, a: 0.38 },
-    'stateLayers.status.onUndefined.opacity28': { r: 42, g: 52, b: 56, a: 0.28 },
-    'stateLayers.status.onUndefinedContainer.opacity08': { r: 228, g: 235, b: 240, a: 0.08 },
-    'stateLayers.status.onUndefinedContainer.opacity12': { r: 228, g: 235, b: 240, a: 0.12 },
-    'stateLayers.status.onUndefinedContainer.opacity16': { r: 228, g: 235, b: 240, a: 0.16 },
-    'stateLayers.status.onUndefinedContainer.opacity20': { r: 228, g: 235, b: 240, a: 0.2 },
-    'stateLayers.status.onUndefinedContainer.opacity38': { r: 228, g: 235, b: 240, a: 0.38 },
-    'stateLayers.status.onUndefinedContainer.opacity28': { r: 228, g: 235, b: 240, a: 0.28 },
-    'stateLayers.status.undefined.opacity08': { r: 155, g: 171, b: 179, a: 0.08 },
-    'stateLayers.status.undefined.opacity12': { r: 155, g: 171, b: 179, a: 0.12 },
-    'stateLayers.status.undefined.opacity16': { r: 155, g: 171, b: 179, a: 0.16 },
-    'stateLayers.status.undefined.opacity28': { r: 155, g: 171, b: 179, a: 0.2 },
-    'stateLayers.status.undefined.opacity48': { r: 155, g: 171, b: 179, a: 0.48 },
+    'stateLayers.status.onUndefined.opacity08': { r: 255, g: 255, b: 255, a: 0.08 },
+    'stateLayers.status.onUndefined.opacity12': { r: 255, g: 255, b: 255, a: 0.12 },
+    'stateLayers.status.onUndefined.opacity16': { r: 255, g: 255, b: 255, a: 0.16 },
+    'stateLayers.status.onUndefined.opacity38': { r: 255, g: 255, b: 255, a: 0.38 },
+    'stateLayers.status.onUndefined.opacity28': { r: 255, g: 255, b: 255, a: 0.28 },
+    'stateLayers.status.onUndefinedContainer.opacity08': { r: 245, g: 239, b: 247, a: 0.08 },
+    'stateLayers.status.onUndefinedContainer.opacity12': { r: 245, g: 239, b: 247, a: 0.12 },
+    'stateLayers.status.onUndefinedContainer.opacity16': { r: 245, g: 239, b: 247, a: 0.16 },
+    'stateLayers.status.onUndefinedContainer.opacity20': { r: 245, g: 239, b: 247, a: 0.2 },
+    'stateLayers.status.onUndefinedContainer.opacity38': { r: 245, g: 239, b: 247, a: 0.38 },
+    'stateLayers.status.onUndefinedContainer.opacity28': { r: 245, g: 239, b: 247, a: 0.28 },
+    'stateLayers.status.undefined.opacity08': { r: 93, g: 95, b: 111, a: 0.08 },
+    'stateLayers.status.undefined.opacity12': { r: 93, g: 95, b: 111, a: 0.12 },
+    'stateLayers.status.undefined.opacity16': { r: 93, g: 95, b: 111, a: 0.16 },
+    'stateLayers.status.undefined.opacity28': { r: 93, g: 95, b: 111, a: 0.2 },
+    'stateLayers.status.undefined.opacity48': { r: 93, g: 95, b: 111, a: 0.48 },
     'stateLayers.status.warningContainer.opacity08': { r: 123, g: 60, b: 15, a: 0.08 },
     'stateLayers.status.warningContainer.opacity12': { r: 123, g: 60, b: 15, a: 0.12 },
     'stateLayers.status.warningContainer.opacity16': { r: 123, g: 60, b: 15, a: 0.16 },
@@ -1152,9 +1154,9 @@ export const DarkStateLayersGenerated = {
     'stateLayers.status.infoContainer.opacity12': { r: 18, g: 71, b: 113, a: 0.12 },
     'stateLayers.status.infoContainer.opacity16': { r: 18, g: 71, b: 113, a: 0.16 },
     'stateLayers.status.infoContainer.opacity38': { r: 18, g: 71, b: 113, a: 0.38 },
-    'stateLayers.status.undefinedContainer.opacity08': { r: 61, g: 70, b: 77, a: 0.08 },
-    'stateLayers.status.undefinedContainer.opacity12': { r: 61, g: 70, b: 77, a: 0.12 },
-    'stateLayers.status.undefinedContainer.opacity16': { r: 61, g: 70, b: 77, a: 0.16 },
+    'stateLayers.status.undefinedContainer.opacity08': { r: 56, g: 59, b: 71, a: 0.08 },
+    'stateLayers.status.undefinedContainer.opacity12': { r: 56, g: 59, b: 71, a: 0.12 },
+    'stateLayers.status.undefinedContainer.opacity16': { r: 56, g: 59, b: 71, a: 0.16 },
     'stateLayers.surfaces.outline.opacity08': { r: 127, g: 130, b: 147, a: 0.08 },
     'stateLayers.surfaces.outline.opacity12': { r: 127, g: 130, b: 147, a: 0.12 },
     'stateLayers.surfaces.outline.opacity16': { r: 127, g: 130, b: 147, a: 0.16 },
@@ -1208,6 +1210,8 @@ export const DarkStateLayersGenerated = {
     'stateLayers.surfaces.scrim.opacity16': { r: 0, g: 0, b: 0, a: 0.16 },
     'stateLayers.surfaces.scrim.opacity48': { r: 0, g: 0, b: 0, a: 0.48 },
     'stateLayers.surfaces.scrim.opacity10': { r: 0, g: 0, b: 0, a: 0.1 },
+    'stateLayers.surfaces.scrim.opacity76': { r: 0, g: 0, b: 0, a: 0.76 },
+    'stateLayers.surfaces.scrim.opacity58': { r: 0, g: 0, b: 0, a: 0.58 },
     'stateLayers.surfaces.surfaceContainerHighest.opacity08': { r: 22, g: 23, b: 26, a: 0.08 },
     'stateLayers.surfaces.surfaceContainerHighest.opacity12': { r: 22, g: 23, b: 26, a: 0.12 },
     'stateLayers.surfaces.surfaceContainerHighest.opacity16': { r: 22, g: 23, b: 26, a: 0.16 },
@@ -1289,7 +1293,7 @@ export const DarkStateLayersGenerated = {
 export const DarkInverseSchemesGenerated = {
     'inverseSchemes.surfaces.surface': { r: 32, g: 33, b: 38, a: 1 },
     'inverseSchemes.surfaces.onSurface': { r: 245, g: 239, b: 247, a: 1 },
-    'inverseSchemes.surfaces.onSurfaceVariant': { r: 199, g: 194, b: 203, a: 1 },
+    'inverseSchemes.surfaces.onSurfaceVariant': { r: 192, g: 194, b: 201, a: 1 },
     'inverseSchemes.surfaces.outlineVariant': { r: 53, g: 54, b: 66, a: 1 },
     'inverseSchemes.surfaces.surfaceContainer': { r: 40, g: 41, b: 47, a: 1 },
     'inverseSchemes.surfaces.outline': { r: 72, g: 73, b: 88, a: 1 },
@@ -1317,8 +1321,8 @@ export const DarkInverseSchemesGenerated = {
     'inverseSchemes.status.onWarning': { r: 48, g: 28, b: 10, a: 1 },
     'inverseSchemes.status.onInfo': { r: 12, g: 40, b: 53, a: 1 },
     'inverseSchemes.status.onSuccess': { r: 16, g: 51, b: 11, a: 1 },
-    'inverseSchemes.status.undefined': { r: 155, g: 171, b: 179, a: 1 },
-    'inverseSchemes.status.onUndefined': { r: 47, g: 53, b: 56, a: 1 },
+    'inverseSchemes.status.undefined': { r: 163, g: 166, b: 175, a: 1 },
+    'inverseSchemes.status.onUndefined': { r: 27, g: 28, b: 33, a: 1 },
     'inverseSchemes.status.errorContainer': { r: 84, g: 46, b: 46, a: 1 },
     'inverseSchemes.status.successContainer': { r: 59, g: 76, b: 59, a: 1 },
     'inverseSchemes.status.onErrorContainer': { r: 229, g: 153, b: 151, a: 1 },
@@ -1327,8 +1331,8 @@ export const DarkInverseSchemesGenerated = {
     'inverseSchemes.status.onWarningContainer': { r: 219, g: 183, b: 146, a: 1 },
     'inverseSchemes.status.infoContainer': { r: 42, g: 77, b: 105, a: 1 },
     'inverseSchemes.status.onInfoContainer': { r: 174, g: 207, b: 230, a: 1 },
-    'inverseSchemes.status.undefinedContainer': { r: 54, g: 58, b: 59, a: 1 },
-    'inverseSchemes.status.onUndefinedContainer': { r: 191, g: 197, b: 202, a: 1 },
+    'inverseSchemes.status.undefinedContainer': { r: 46, g: 48, b: 56, a: 1 },
+    'inverseSchemes.status.onUndefinedContainer': { r: 245, g: 239, b: 247, a: 1 },
 };
 export const DarkInverseStateLayersGenerated = {
     'inverseStateLayers.surfaces.surface.opacity08': { r: 32, g: 33, b: 38, a: 0.08 },
@@ -1413,11 +1417,11 @@ export const DarkInverseStateLayersGenerated = {
     'inverseStateLayers.status.onSuccess.opacity16': { r: 16, g: 51, b: 11, a: 0.2 },
     'inverseStateLayers.status.onSuccess.opacity28': { r: 16, g: 51, b: 11, a: 0.28 },
     'inverseStateLayers.status.onSuccess.opacity38': { r: 16, g: 51, b: 11, a: 0.38 },
-    'inverseStateLayers.status.onUndefined.opacity08': { r: 47, g: 53, b: 56, a: 0.08 },
-    'inverseStateLayers.status.onUndefined.opacity12': { r: 47, g: 53, b: 56, a: 0.12 },
-    'inverseStateLayers.status.onUndefined.opacity20': { r: 47, g: 53, b: 56, a: 0.2 },
-    'inverseStateLayers.status.onUndefined.opacity28': { r: 47, g: 53, b: 56, a: 0.28 },
-    'inverseStateLayers.status.onUndefined.opacity38': { r: 47, g: 53, b: 56, a: 0.38 },
+    'inverseStateLayers.status.onUndefined.opacity08': { r: 27, g: 28, b: 33, a: 0.08 },
+    'inverseStateLayers.status.onUndefined.opacity12': { r: 27, g: 28, b: 33, a: 0.12 },
+    'inverseStateLayers.status.onUndefined.opacity20': { r: 27, g: 28, b: 33, a: 0.2 },
+    'inverseStateLayers.status.onUndefined.opacity28': { r: 27, g: 28, b: 33, a: 0.28 },
+    'inverseStateLayers.status.onUndefined.opacity38': { r: 27, g: 28, b: 33, a: 0.38 },
     'inverseStateLayers.status.error.opacity08': { r: 239, g: 122, b: 120, a: 0.08 },
     'inverseStateLayers.status.error.opacity12': { r: 239, g: 122, b: 120, a: 0.12 },
     'inverseStateLayers.status.error.opacity16': { r: 239, g: 122, b: 120, a: 0.2 },
@@ -1428,11 +1432,11 @@ export const DarkInverseStateLayersGenerated = {
     'inverseStateLayers.status.success.opacity16': { r: 140, g: 196, b: 131, a: 0.2 },
     'inverseStateLayers.status.success.opacity28': { r: 140, g: 196, b: 131, a: 0.28 },
     'inverseStateLayers.status.success.opacity38': { r: 140, g: 196, b: 131, a: 0.38 },
-    'inverseStateLayers.status.undefined.opacity08': { r: 155, g: 171, b: 179, a: 0.08 },
-    'inverseStateLayers.status.undefined.opacity12': { r: 155, g: 171, b: 179, a: 0.12 },
-    'inverseStateLayers.status.undefined.opacity16': { r: 155, g: 171, b: 179, a: 0.2 },
-    'inverseStateLayers.status.undefined.opacity28': { r: 155, g: 171, b: 179, a: 0.28 },
-    'inverseStateLayers.status.undefined.opacity38': { r: 155, g: 171, b: 179, a: 0.28 },
+    'inverseStateLayers.status.undefined.opacity08': { r: 192, g: 194, b: 201, a: 0.08 },
+    'inverseStateLayers.status.undefined.opacity12': { r: 192, g: 194, b: 201, a: 0.12 },
+    'inverseStateLayers.status.undefined.opacity16': { r: 192, g: 194, b: 201, a: 0.2 },
+    'inverseStateLayers.status.undefined.opacity28': { r: 192, g: 194, b: 201, a: 0.28 },
+    'inverseStateLayers.status.undefined.opacity38': { r: 192, g: 194, b: 201, a: 0.28 },
     'inverseStateLayers.status.onErrorContainer.opacity08': { r: 229, g: 153, b: 151, a: 0.08 },
     'inverseStateLayers.status.onErrorContainer.opacity12': { r: 229, g: 153, b: 151, a: 0.12 },
     'inverseStateLayers.status.onErrorContainer.opacity16': { r: 229, g: 153, b: 151, a: 0.16 },
@@ -1453,11 +1457,11 @@ export const DarkInverseStateLayersGenerated = {
     'inverseStateLayers.status.onInfoContainer.opacity16': { r: 174, g: 207, b: 230, a: 0.16 },
     'inverseStateLayers.status.onInfoContainer.opacity28': { r: 174, g: 207, b: 230, a: 0.28 },
     'inverseStateLayers.status.onInfoContainer.opacity38': { r: 174, g: 207, b: 230, a: 0.38 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity08': { r: 191, g: 197, b: 202, a: 0.08 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity12': { r: 191, g: 197, b: 202, a: 0.12 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity16': { r: 191, g: 197, b: 202, a: 0.16 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity28': { r: 191, g: 197, b: 202, a: 0.28 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity38': { r: 191, g: 197, b: 202, a: 0.38 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity08': { r: 245, g: 239, b: 247, a: 0.08 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity12': { r: 245, g: 239, b: 247, a: 0.12 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity16': { r: 245, g: 239, b: 247, a: 0.16 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity28': { r: 245, g: 239, b: 247, a: 0.28 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity38': { r: 245, g: 239, b: 247, a: 0.38 },
     'inverseStateLayers.status.info.opacity08': { r: 71, g: 189, b: 243, a: 0.08 },
     'inverseStateLayers.status.info.opacity12': { r: 71, g: 189, b: 243, a: 0.12 },
     'inverseStateLayers.status.info.opacity16': { r: 71, g: 189, b: 243, a: 0.2 },