@porscheinformatik/material-addons 0.0.35 → 0.0.99

package/themes/pbv.scss

@@ -1,56 +1,64 @@
-@import './common/styles';
-
-$theme-name: 'pbv';
-
-$primary-palette: (
-  50: #e0e9ed,
-  100: #b3c8d1,
-  200: #80a3b2,
-  300: #4d7e93,
-  400: #26627c,
-  500: #004665,
-  600: #003f5d,
-  700: #003753,
-  800: #002f49,
-  900: #002037,
-  A100: #6eb3ff,
-  A200: #3b98ff,
-  A400: #087eff,
-  A700: #0071ee,
-  contrast: $contrast,
-  background-color: #fafafa,
-);
-
-$warn-palette: (
-  50: #f2e4e8,
-  100: #dfbbc5,
-  200: #ca8e9e,
-  300: #b56077,
-  400: #a53e5a,
-  500: #951c3d,
-  600: #8d1937,
-  700: #82142f,
-  800: #781127,
-  900: #67091a,
-  A100: #ff99a6,
-  A200: #ff667a,
-  A400: #ff334e,
-  A700: #ff1a38,
-);
-
-$main-primary: get-main-color($primary-palette);
-$selection-background: get-selection-background($primary-palette);
-$table-hover-color: get-table-hover-color($main-primary);
-$background-color: get-background-color($primary-palette);
-
-$warn-color: get-main-color($warn-palette);
-
-:root {
-  --main-primary: #{$main-primary};
-  --selection-background: #{$selection-background};
-  --table-hover-color: #{$table-hover-color};
-  --warn-color: #{$warn-color};
-  --background-color: #{$background-color};
-}
-
-@include build-custom-theme($primary-palette, $warn-palette, $theme-name);
+@import './common/styles';
+
+$theme-name: 'pbv';
+
+$primary-palette: (
+  50: #e0e9ed,
+  100: #b3c8d1,
+  200: #80a3b2,
+  300: #4d7e93,
+  400: #26627c,
+  500: #004665,
+  600: #003f5d,
+  700: #003753,
+  800: #002f49,
+  900: #002037,
+  A100: #6eb3ff,
+  A200: #3b98ff,
+  A400: #087eff,
+  A700: #0071ee,
+  contrast: $contrast,
+  background-color: #fafafa,
+  warn-color: #ad7600,
+  error-color: #c21d00,
+  info-color: #00648f,
+  success-color: #3c8500,
+);
+
+$warn-palette: (
+  50: #f2e4e8,
+  100: #dfbbc5,
+  200: #ca8e9e,
+  300: #b56077,
+  400: #a53e5a,
+  500: #970505,
+  600: #8d1937,
+  700: #82142f,
+  800: #781127,
+  900: #67091a,
+  A100: #ff99a6,
+  A200: #ff667a,
+  A400: #ff334e,
+  A700: #ff1a38,
+  contrast: $contrast,
+);
+
+$main-primary: get-main-color($primary-palette);
+$selection-background: get-selection-background($primary-palette);
+$table-hover-color: get-table-hover-color($main-primary);
+$background-color: get-background-color($primary-palette);
+
+$warn-color: get-main-color($warn-palette);
+$error-color: map-get($primary-palette, error-color);
+$info-color: map-get($primary-palette, info-color);
+$success-color: map-get($primary-palette, success-color);
+
+:root {
+  --main-primary: #{$main-primary};
+  --selection-background: #{$selection-background};
+  --table-hover-color: #{$table-hover-color};
+  --warn-color: #{$warn-color};
+  --background-color: #{$background-color};
+}
+
+@include build-custom-theme($primary-palette, $warn-palette, $theme-name);

package/themes/poa.scss

@@ -1,40 +1,64 @@
-@import './common/styles';
-
-$theme-name: 'poa';
-
-$primary-palette: (
-  50: #e8f3f3,
-  100: #e2fafb,
-  200: #c5f5f8,
-  300: #a8f0f4,
-  400: #8cebf1,
-  500: #14a1a9,
-  600: #32d3da,
-  700: #23c0c7,
-  800: #1ea4aa,
-  900: #19888d,
-  A100: #ccfdff,
-  A200: #adfcff,
-  A400: #86faff,
-  A700: #16f7ff,
-  contrast: $contrast,
-  background-color: #fafafa,
-  warn-color: red,
-);
-
-$main-primary: get-main-color($primary-palette);
-$selection-background: get-selection-background($primary-palette);
-$table-hover-color: get-table-hover-color($main-primary);
-$background-color: get-background-color($primary-palette);
-
-$warn-color: map-get($primary-palette, warn-color);
-
-:root {
-  --main-primary: #{$main-primary};
-  --selection-background: #{$selection-background};
-  --table-hover-color: #{$table-hover-color};
-  --warn-color: #{$warn-color};
-  --background-color: #{$background-color};
-}
-
-@include build-custom-theme($primary-palette);
+@import './common/styles';
+
+$theme-name: 'poa';
+
+$primary-palette: (
+  50: #e8f3f3,
+  100: #e2fafb,
+  200: #c5f5f8,
+  300: #a8f0f4,
+  400: #8cebf1,
+  500: #14a1a9,
+  600: #32d3da,
+  700: #23c0c7,
+  800: #1ea4aa,
+  900: #19888d,
+  A100: #ccfdff,
+  A200: #adfcff,
+  A400: #86faff,
+  A700: #16f7ff,
+  contrast: $contrast,
+  background-color: #fafafa,
+  warn-color: #ad7600,
+  error-color: #c21d00,
+  info-color: #00648f,
+  success-color: #3c8500,
+);
+
+$warn-palette: (
+  50: #f8e4e0,
+  100: #edbbb3,
+  200: #e18e80,
+  300: #d4614d,
+  400: #cb3f26,
+  500: #c21d00,
+  600: #bc1a00,
+  700: #b41500,
+  800: #ac1100,
+  900: #9f0a00,
+  A100: #ffcbc9,
+  A200: #ff9996,
+  A400: #ff6763,
+  A700: #ff4e4a,
+  contrast: $contrast,
+);
+
+$main-primary: get-main-color($primary-palette);
+$selection-background: get-selection-background($primary-palette);
+$table-hover-color: get-table-hover-color($main-primary);
+$background-color: get-background-color($primary-palette);
+
+$warn-color: get-main-color($warn-palette);
+$error-color: map-get($primary-palette, error-color);
+$info-color: map-get($primary-palette, info-color);
+$success-color: map-get($primary-palette, success-color);
+
+:root {
+  --main-primary: #{$main-primary};
+  --selection-background: #{$selection-background};
+  --table-hover-color: #{$table-hover-color};
+  --warn-color: #{$warn-color};
+  --background-color: #{$background-color};
+}
+
+@include build-custom-theme($primary-palette, $warn-palette, $theme-name);