@ihk-gfi/lux-components-theme 21.6.0 → 21.7.0

package/prebuilt-themes/luxtheme-green.css

@@ -1800,6 +1800,36 @@
   --lux-theme-badge-on-pink: var(--lux-theme-custom-on-pink);
   --lux-theme-badge-lightblue: var(--lux-theme-custom-lightblue);
   --lux-theme-badge-on-lightblue: var(--lux-theme-custom-on-lightblue);
+  --lux-theme-badge-muted-red: #ffedea;
+  --lux-theme-badge-muted-on-red: #93000c;
+  --lux-theme-badge-muted-stroke-red: #ffb4ab;
+  --lux-theme-badge-muted-green: #ebffe6;
+  --lux-theme-badge-muted-on-green: #00531d;
+  --lux-theme-badge-muted-stroke-green: #75dc81;
+  --lux-theme-badge-muted-purple: #f4eeff;
+  --lux-theme-badge-muted-on-purple: #4a3597;
+  --lux-theme-badge-muted-stroke-purple: #d2bbff;
+  --lux-theme-badge-muted-blue: #ffffff;
+  --lux-theme-badge-muted-on-blue: #003366;
+  --lux-theme-badge-muted-stroke-blue: #003366;
+  --lux-theme-badge-muted-gray: #f4f0ef;
+  --lux-theme-badge-muted-on-gray: #484646;
+  --lux-theme-badge-muted-stroke-gray: #c9c6c5;
+  --lux-theme-badge-muted-orange: #ffede4;
+  --lux-theme-badge-muted-on-orange: #793100;
+  --lux-theme-badge-muted-stroke-orange: #793100;
+  --lux-theme-badge-muted-black: #ffffff;
+  --lux-theme-badge-muted-on-black: #1c1b1b;
+  --lux-theme-badge-muted-stroke-black: #605e5e;
+  --lux-theme-badge-muted-yellow: #ffefd3;
+  --lux-theme-badge-muted-on-yellow: #5a4400;
+  --lux-theme-badge-muted-stroke-yellow: #f5bf00;
+  --lux-theme-badge-muted-pink: #ffecf2;
+  --lux-theme-badge-muted-on-pink: #8e0051;
+  --lux-theme-badge-muted-stroke-pink: #ffb0ce;
+  --lux-theme-badge-muted-lightblue: #e6f2ff;
+  --lux-theme-badge-muted-on-lightblue: #003366;
+  --lux-theme-badge-muted-stroke-lightblue: #91cdff;
   --lux-theme-breadcrumb-hover-color: var(--lux-theme-accent-secondary-color);
   --lux-theme-button-text-default-text-color: var(--lux-theme-dark-primary-text);
   --lux-theme-button-text-primary-text-color: var(--lux-theme-primary-color);
@@ -37388,6 +37418,85 @@ lux-autocomplete-ac .lux-input-suffix-container {
 .lux-badge.lux-badge-on-black {
   color: var(--lux-theme-badge-on-black);
 }
+.lux-badge.lux-badge-muted.lux-badge-red {
+  background-color: var(--lux-theme-badge-muted-red);
+  box-shadow: inset 0 0 0 1px var(--lux-theme-badge-muted-stroke-red);
+}
+.lux-badge.lux-badge-muted.lux-badge-on-red {
+  color: var(--lux-theme-badge-muted-on-red);
+}
+.lux-badge.lux-badge-muted.lux-badge-green {
+  background-color: var(--lux-theme-badge-muted-green);
+  box-shadow: inset 0 0 0 1px var(--lux-theme-badge-muted-stroke-green);
+}
+.lux-badge.lux-badge-muted.lux-badge-on-green {
+  color: var(--lux-theme-badge-muted-on-green);
+}
+.lux-badge.lux-badge-muted.lux-badge-purple {
+  background-color: var(--lux-theme-badge-muted-purple);
+  box-shadow: inset 0 0 0 1px var(--lux-theme-badge-muted-stroke-purple);
+}
+.lux-badge.lux-badge-muted.lux-badge-on-purple {
+  color: var(--lux-theme-badge-muted-on-purple);
+}
+.lux-badge.lux-badge-muted.lux-badge-blue {
+  background-color: var(--lux-theme-badge-muted-blue);
+  box-shadow: inset 0 0 0 1px var(--lux-theme-badge-muted-stroke-blue);
+}
+.lux-badge.lux-badge-muted.lux-badge-on-blue {
+  color: var(--lux-theme-badge-muted-on-blue);
+}
+.lux-badge.lux-badge-muted.lux-badge-gray {
+  background-color: var(--lux-theme-badge-muted-gray);
+  box-shadow: inset 0 0 0 1px var(--lux-theme-badge-muted-stroke-gray);
+}
+.lux-badge.lux-badge-muted.lux-badge-on-gray {
+  color: var(--lux-theme-badge-muted-on-gray);
+}
+.lux-badge.lux-badge-muted.lux-badge-orange {
+  background-color: var(--lux-theme-badge-muted-orange);
+  box-shadow: inset 0 0 0 1px var(--lux-theme-badge-muted-stroke-orange);
+}
+.lux-badge.lux-badge-muted.lux-badge-on-orange {
+  color: var(--lux-theme-badge-muted-on-orange);
+}
+.lux-badge.lux-badge-muted.lux-badge-yellow {
+  background-color: var(--lux-theme-badge-muted-yellow);
+  box-shadow: inset 0 0 0 1px var(--lux-theme-badge-muted-stroke-yellow);
+}
+.lux-badge.lux-badge-muted.lux-badge-on-yellow {
+  color: var(--lux-theme-badge-muted-on-yellow);
+}
+.lux-badge.lux-badge-muted.lux-badge-pink {
+  background-color: var(--lux-theme-badge-muted-pink);
+  box-shadow: inset 0 0 0 1px var(--lux-theme-badge-muted-stroke-pink);
+}
+.lux-badge.lux-badge-muted.lux-badge-on-pink {
+  color: var(--lux-theme-badge-muted-on-pink);
+}
+.lux-badge.lux-badge-muted.lux-badge-lightblue {
+  background-color: var(--lux-theme-badge-muted-lightblue);
+  box-shadow: inset 0 0 0 1px var(--lux-theme-badge-muted-stroke-lightblue);
+}
+.lux-badge.lux-badge-muted.lux-badge-on-lightblue {
+  color: var(--lux-theme-badge-muted-on-lightblue);
+}
+.lux-badge.lux-badge-muted.lux-badge-black {
+  background-color: var(--lux-theme-badge-muted-black);
+  box-shadow: inset 0 0 0 1px var(--lux-theme-badge-muted-stroke-black);
+}
+.lux-badge.lux-badge-muted.lux-badge-on-black {
+  color: var(--lux-theme-badge-muted-on-black);
+}
+.lux-badge.lux-badge-size-small {
+  font-size: 0.75rem;
+}
+.lux-badge.lux-badge-size-medium {
+  font-size: 1rem;
+}
+.lux-badge.lux-badge-size-large {
+  font-size: 1.25rem;
+}
 
 .lux-badge.lux-badge-uppercase * {
   text-transform: uppercase;
@@ -37406,6 +37515,9 @@ lux-autocomplete-ac .lux-input-suffix-container {
     font-weight: 600;
     line-height: normal;
   }
+  .lux-badge.lux-badge-size-small {
+    font-size: 1rem;
+  }
 }
 .lux-badge-notification {
   --mat-badge-background-color: #605e5e;
@@ -39706,6 +39818,15 @@ lux-menu .lux-menu-trigger > lux-button button {
 }
 
 /* Menu-Overlay-Panel anpassen */
+.lux-menu-panel:not(.lux-menu-section-panel) .lux-menu-item-color-warn:not([disabled]) {
+  --mat-menu-item-label-text-color: var(--lux-theme-button-text-warn-text-color);
+  --mat-menu-item-icon-color: var(--lux-theme-button-text-warn-text-color);
+}
+.lux-menu-panel:not(.lux-menu-section-panel) .lux-menu-item-color-accent:not([disabled]) {
+  --mat-menu-item-label-text-color: var(--lux-theme-button-text-accent-text-color);
+  --mat-menu-item-icon-color: var(--lux-theme-button-text-accent-text-color);
+}
+
 .lux-menu-panel {
   --mat-menu-container-shape: var(--lux-theme-app-border-radius);
   --mat-menu-container-elevation-shadow: 0 0 0 1px var(--mat-card-outlined-outline-color, var(--mat-sys-outline-variant));
@@ -39876,6 +39997,22 @@ lux-menu .lux-menu-trigger > lux-button button {
 .lux-menu-section-panel .lux-menu-item-divider {
   padding: 4px;
 }
+.lux-menu-section-panel .lux-menu-item-color-warn:not([disabled]) {
+  --mat-menu-item-icon-color: var(--lux-theme-button-text-warn-text-color);
+  --mat-menu-item-label-text-color: var(--lux-theme-button-text-warn-text-color);
+}
+.lux-menu-section-panel .lux-menu-item-color-warn:not([disabled]) .lux-button-label,
+.lux-menu-section-panel .lux-menu-item-color-warn:not([disabled]) .lux-button-label-subtitle {
+  color: var(--lux-theme-button-text-warn-text-color);
+}
+.lux-menu-section-panel .lux-menu-item-color-accent:not([disabled]) {
+  --mat-menu-item-icon-color: var(--lux-theme-button-text-accent-text-color);
+  --mat-menu-item-label-text-color: var(--lux-theme-button-text-accent-text-color);
+}
+.lux-menu-section-panel .lux-menu-item-color-accent:not([disabled]) .lux-button-label,
+.lux-menu-section-panel .lux-menu-item-color-accent:not([disabled]) .lux-button-label-subtitle {
+  color: var(--lux-theme-button-text-accent-text-color);
+}
 .lux-menu-section-panel .lux-menu-item-selected {
   background-color: var(--lux-theme-primary-90) !important;
   text-decoration-line: underline;