@ihk-gfi/lux-components-theme 18.5.0 → 19.0.0

package/src/green/_luxpalette.scss

@@ -79,7 +79,7 @@ $lux-palette_warn: (
         600 : #e74a52,
         700 : #e44048,
         800 : #e1373f,
-        900 : #db272e,
+        900 : #bf0006,
         A100 : #ffffff,
         A200 : #ffe5e5,
         A400 : #ffb2b4,
@@ -105,3 +105,127 @@ $lux-palette_warn: (
 $lux-primary-color: map.get($lux-palette_primary, 500);
 $lux-accent-color: map.get($lux-palette_accent, 500);
 $lux-warn-color: map.get($lux-palette_warn, 500);
+
+$lux-palettes-new: (
+  primary: (
+    0: #000000,
+    5: #001129,  //primary-900 und 800
+    10: #001b3c, //primary-700
+    15: #00264e, //primary-600
+    20: #003366, //primary-500
+    25: #0f3b6f,
+    30: #1f477b, //primary-400
+    35: #2d5387,
+    40: #3a5f94, //primary-300
+    50: #5478af,
+    60: #6e92ca, //primary-200
+    70: #89ace7,
+    80: #a7c8ff, //primary-100
+    90: #d5e3ff, //primary-50
+    95: #ecf1ff,
+    98: #f9f9ff,
+    99: #fdfbff,
+    100: #ffffff
+  ),
+  secondary: (
+    0: #000000,
+    5: #0a111c,
+    10: #151c28,
+    15: #1f2632,
+    20: #2a313d,
+    25: #353c49,
+    30: #404754,
+    35: #4c5360,
+    40: #585f6c,
+    50: #707786,
+    60: #8a91a0,
+    70: #a4abbb,
+    80: #c0c6d7,
+    90: #dce2f3,
+    95: #ecf1ff,
+    98: #f9f9ff,
+    99: #fdfbff,
+    100: #ffffff
+  ),
+  tertiary: (
+    0: #000000,
+    5: #001503,
+    10: #002107,
+    15: #002d0c,
+    20: #003911,
+    25: #004617,
+    30: #00531d, //accent-900
+    35: #006022,
+    40: #006e29, //accent-800
+    50: #198939, //accent-700
+    60: #3ca450, //accent-600
+    70: #56bd66, //accent-500
+    80: #75dc81, //accent-300 und 400
+    90: #90f99b, //accent-200
+    95: #c6ffc5, //accent-100
+    98: #ebffe6, //accent-50
+    99: #f6fff1,
+    100: #ffffff
+  ),
+  neutral: (
+    0: #000000,
+    5: #111111,
+    10: #1c1b1b, //dark-primary-text
+    15: #262625,
+    20: #313030,
+    25: #3c3b3b,
+    30: #484646,
+    35: #535252,
+    40: #605e5e, //dark-secondary-text
+    50: #797776,
+    60: #929090, //form-border-color
+    70: #adaaaa,
+    80: #c9c6c5,
+    90: #e5e2e1, //app-border-color und dark-disabled-text
+    95: #f4f0ef,
+    98: #fcf8f8,
+    99: #f6feff,
+    100: #ffffff
+  ),
+  neutral-variant: (
+    0: #000000,
+    5: #111111,
+    10: #1c1b1b,
+    15: #262625,
+    20: #313030,
+    25: #3c3b3b,
+    30: #484646,
+    35: #535252,
+    40: #5f5e5e,
+    50: #787776,
+    60: #929090,
+    70: #adabaa,
+    80: #c9c6c5,
+    90: #e5e2e1,
+    95: #f4f0ef,
+    98: #fcf8f8,
+    99: #f6feff,
+    100: #ffffff
+  ),
+  error:
+  (
+    0: #000000,
+    5: #2d0001,
+    10: #410002,
+    15: #540004, //warn-900
+    20: #690005,
+    25: #7e0007, //warn-800
+    30: #93000a, //warn-700
+    35: #a80710, //warn-600
+    40: #ba1a1a, //warn-500
+    50: #ec2125, //warn-400
+    60: #ff5449, //warn-300
+    70: #ff897d, //warn-200
+    80: #ffb4ab, //warn-100
+    90: #ffdad6, //warn-50
+    95: #ffedea,
+    98: #fff8f7,
+    99: #fffbff,
+    100: #ffffff
+  )
+);

package/src/green/luxtheme.scss

@@ -13,6 +13,7 @@
   $lux-palette_primary: themePalette.$lux-palette_primary,
   $lux-palette_accent: themePalette.$lux-palette_accent,
   $lux-palette_warn: themePalette.$lux-palette_warn,
+  $lux-palettes-new: themePalette.$lux-palettes-new,
 
   // Hauptfarben
   $lux-primary-color: themePalette.$lux-primary-color,
@@ -51,6 +52,7 @@
   $form-border-color: themeCommon.$form-border-color,
   $form-control-font-size: themeCommon.$form-control-font-size,
   $form-control-buffer: themeCommon.$form-control-buffer,
+  $form-error-msg-background: themeCommon.$form-error-msg-background,
 
   // Button
   $button-height: themeCommon.$button-height,