@ihk-gfi/lux-components-theme 16.0.1 → 16.1.0

package/prebuilt-themes/luxtheme-green.css

@@ -2,7 +2,6 @@
 /*
   Dieses Partial-SCSS dient der Verwaltung der Farb-Paletten für die LUX-Components.
 */
-/* 15px */
 /* 
   Mixins für die Bestimmung der Schatten, um den Components eine "Höhe" zu geben
   Sortierung erfolgt nach "Material Design Specification" 
@@ -495,7 +494,7 @@ lux-app-header-ac .lux-app-header-nav-bar .lux-app-title {
   color: #003366;
   font-size: 1.5rem;
   font-weight: 400;
-  font-family: Korb, Roboto, Helvetica Neue, sans-serif, Roboto, Helvetica Neue, sans-serif;
+  font-family: Korb, "Blogger Sans", "Source Sans Pro", Arial, sans-serif, "Source Sans Pro", Arial, sans-serif;
 }
 lux-app-header-ac .lux-app-header-nav-bar .lux-app-title.lux-mobile {
   font-size: 1.25rem;
@@ -1065,7 +1064,7 @@ lux-tile-ac .mat-card.lux-tile-ac .lux-tile-content {
 }
 lux-tile-ac .mat-card.lux-tile-ac .lux-tile-content mat-card-title.lux-tile-title {
   color: #003366;
-  font-family: Korb, Roboto, Helvetica Neue, sans-serif, Roboto, Helvetica Neue, sans-serif;
+  font-family: Korb, "Blogger Sans", "Source Sans Pro", Arial, sans-serif, "Source Sans Pro", Arial, sans-serif;
   font-size: 1.25rem;
   margin: 0;
 }
@@ -1228,7 +1227,7 @@ lux-card .mat-card.lux-card .mat-card-content {
 lux-card .lux-card-content-container {
   overflow-x: hidden;
   padding: 6px;
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-family: "Source Sans Pro", Arial, sans-serif;
   display: flex;
   flex: 1 1 100%;
   flex-direction: column;
@@ -1279,7 +1278,7 @@ lux-card .lux-card-header .lux-card-subtitle {
   font-size: 1rem;
   color: #003366;
   font-weight: normal;
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-family: "Source Sans Pro", Arial, sans-serif;
 }
 lux-card .lux-card-content-expanded {
   background: #ffffff;
@@ -1411,7 +1410,7 @@ lux-card mat-card[class~=lux-cursor]:focus-visible {
   --lux-theme-app-gradient-reverse: linear-gradient(270deg, #ffffff 0%, #f8fbff 100%);
   --lux-theme-app-border-color: app-border-color;
   --lux-theme-form-border-color: rgba(0, 0, 0, 0.42);
-  --lux-theme-form-control-font-size: 0.9375rem;
+  --lux-theme-form-control-font-size: 1rem;
   --lux-theme-form-control-buffer: 6px;
   --lux-theme-button-font-size: 22px;
   --lux-theme-button-height: 45px;
@@ -1463,7 +1462,7 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: Korb, Roboto, Helvetica Neue, sans-serif, "Source Sans Pro", Helvetica, Arial, sans-serif;
+  font-family: Korb, "Blogger Sans", "Source Sans Pro", Arial, sans-serif, "Source Sans Pro", Helvetica, Arial, sans-serif;
 }
 
 h1 {
@@ -4008,7 +4007,7 @@ lux-form-control-wrapper .lux-form-control-wrapper {
   display: flex;
   box-sizing: border-box;
   flex-direction: column;
-  font-size: 0.9375rem;
+  font-size: 1rem;
   color: #003366;
 }
 lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-label-authentic {
@@ -4033,7 +4032,7 @@ lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-a
   flex: 1 1 auto;
   box-sizing: border-box;
   padding: 0.75em 0.5em;
-  font-size: 0.9375rem;
+  font-size: 1rem;
   color: #003366;
   background-color: #fff;
   line-height: 1.5em;
@@ -4076,7 +4075,7 @@ lux-form-control-wrapper .lux-form-control-wrapper .lux-input-row-authentic {
   box-sizing: border-box;
   place-content: center flex-start;
   align-items: center;
-  font-size: 0.9375rem;
+  font-size: 1rem;
   min-height: 1.5em;
 }
 lux-form-control-wrapper .lux-form-control-wrapper .lux-input-row-authentic .lux-input-prefix-container,
@@ -4162,7 +4161,7 @@ lux-form-control-wrapper select:-webkit-autofill:focus {
  */
 lux-select-ac mat-select,
 lux-lookup-combobox-ac mat-select {
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-family: "Source Sans Pro", Arial, sans-serif;
   height: calc(1.5em - 1px) !important;
 }
 lux-select-ac mat-select .mat-select-arrow-wrapper,
@@ -4214,7 +4213,7 @@ lux-lookup-combobox-ac mat-select[aria-readonly=false] .mat-select-arrow {
 }
 
 .cdk-overlay-pane .mat-option {
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-family: "Source Sans Pro", Arial, sans-serif;
 }
 .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
 .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac,
@@ -4244,8 +4243,8 @@ lux-lookup-combobox-ac mat-select[aria-readonly=false] .mat-select-arrow {
 * Theming für Lux-Checkbox
 */
 lux-checkbox-ac label {
-  font-family: Roboto, Helvetica Neue, sans-serif;
-  font-size: 0.9375rem;
+  font-family: "Source Sans Pro", Arial, sans-serif;
+  font-size: 1rem;
   color: #003366;
   cursor: pointer;
 }
@@ -4323,7 +4322,7 @@ lux-datetimepicker-ac mat-datepicker-toggle .mdc-icon-button.mat-mdc-icon-button
 */
 lux-toggle-ac .mat-slide-toggle label {
   color: #003366;
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-family: "Source Sans Pro", Arial, sans-serif;
 }
 lux-toggle-ac .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
   background-color: #e0e7ed;
@@ -4364,7 +4363,7 @@ lux-radio-ac .mat-radio-container span.mat-radio-outer-circle {
 }
 lux-radio-ac .mat-radio-label {
   color: #003366;
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-family: "Source Sans Pro", Arial, sans-serif;
 }
 lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container span.mat-radio-inner-circle {
   background-color: #636d76;
@@ -4423,7 +4422,7 @@ textarea {
   max-width: 100%;
   vertical-align: bottom;
   text-align: inherit;
-  font-size: 0.9375rem;
+  font-size: 1rem;
 }
 
 lux-textarea-ac text-area {
@@ -4544,7 +4543,7 @@ lux-slider-ac.lux-form-control-readonly {
   z-index: 100;
   position: relative;
   display: flex;
-  align-items: start;
+  align-items: flex-start;
   justify-content: center;
 }
 .lux-master-detail-ac .lux-master-header-container-ac lux-button.master-ac-toggle {
@@ -5239,7 +5238,7 @@ lux-stepper mat-step-header .mat-step-label {
   display: flex;
   align-items: center;
   position: relative;
-  font-size: 0.9375rem;
+  font-size: 1rem;
   font-weight: normal;
 }
 lux-stepper .mat-step-optional {
@@ -5482,7 +5481,7 @@ lux-menu .lux-menu-trigger > lux-button button {
 .lux-menu-extended > lux-button.lux-menu-item .lux-button-label {
   font-weight: 400;
   letter-spacing: 1px;
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-family: "Source Sans Pro", Arial, sans-serif;
 }
 
 .lux-menu-trigger {
@@ -5571,7 +5570,7 @@ lux-table {
   height: 100%;
 }
 lux-table table.mat-table {
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-family: "Source Sans Pro", Arial, sans-serif;
 }
 lux-table .lux-row-selected {
   background-color: #e3ebf5;
@@ -5875,7 +5874,7 @@ lux-dialog-structure .lux-dialog {
 }
 lux-dialog-structure .lux-dialog .lux-dialog-title.mat-dialog-title {
   color: #003366;
-  font-family: Korb, Roboto, Helvetica Neue, sans-serif, Roboto, Helvetica Neue, sans-serif;
+  font-family: Korb, "Blogger Sans", "Source Sans Pro", Arial, sans-serif, "Source Sans Pro", Arial, sans-serif;
 }
 lux-dialog-structure .lux-dialog .mat-dialog-container {
   box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
@@ -6841,7 +6840,6 @@ lux-stepper-large {
   background-color: #2e8533;
 }
 .lux-stepper-large-nav-item:not(.lux-touched) {
-  opacity: 0.6;
   color: #003366;
 }
 .lux-stepper-large-nav-item:not(.lux-touched) .lux-stepper-large-nav-item-number-container {
@@ -44041,13 +44039,13 @@ html {
 }
 body {
   color: #003366;
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-family: "Source Sans Pro", Arial, sans-serif;
 }
 
 p,
 div,
 span {
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-family: "Source Sans Pro", Arial, sans-serif;
 }
 
 h1,
@@ -44056,7 +44054,7 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: Korb, Roboto, Helvetica Neue, sans-serif;
+  font-family: Korb, "Blogger Sans", "Source Sans Pro", Arial, sans-serif;
 }
 
 /*
@@ -44072,6 +44070,18 @@ lux-panel .mat-expansion-panel-header-description {
   color: #003366;
 }
 
+/*
+ * Theming for LUX-App-Header
+ */
+lux-app-header .lux-app-header .lux-header-title p, lux-app-header .lux-app-header .lux-header-title div, lux-app-header .lux-app-header .lux-header-title span {
+  font-weight: 400;
+  font-family: "Blogger Sans", "Source Sans Pro", Arial, sans-serif;
+}
+lux-app-header .lux-app-header .lux-header-user p, lux-app-header .lux-app-header .lux-header-user div, lux-app-header .lux-app-header .lux-header-user span {
+  font-weight: 400;
+  font-family: "Blogger Sans", "Source Sans Pro", Arial, sans-serif;
+}
+
 /*
  * Theming for LUX-App-Footer
  */
@@ -44081,13 +44091,23 @@ lux-app-footer .lux-app-footer {
 lux-app-footer .lux-app-footer .lux-menu-extended > lux-button button.lux-button {
   font-size: 22px;
 }
+lux-app-footer .lux-app-footer .lux-menu-extended > lux-button button.lux-button p,
+lux-app-footer .lux-app-footer .lux-menu-extended > lux-button button.lux-button div,
+lux-app-footer .lux-app-footer .lux-menu-extended > lux-button button.lux-button span {
+  font-family: "Blogger Sans", "Source Sans Pro", Arial, sans-serif;
+}
 
 /*
  * Theming for LUX-Button
  */
 lux-button button.lux-button {
-  font-weight: normal !important;
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-weight: 400 !important;
+  font-family: "Blogger Sans", "Source Sans Pro", Arial, sans-serif;
+}
+lux-button button.lux-button p,
+lux-button button.lux-button div,
+lux-button button.lux-button span {
+  font-family: "Blogger Sans", "Source Sans Pro", Arial, sans-serif;
 }
 lux-button button.lux-button.mat-button, lux-button button.lux-button.mat-raised-button, lux-button button.lux-button.mat-flat-button, lux-button button.lux-button.mat-stroked-button {
   border-radius: 18px;
@@ -44154,6 +44174,10 @@ lux-button button.lux-button .lux-button-badge {
 /*
  * Theming for LUX-Menu
  */
+.lux-menu-extended > lux-button.lux-menu-item .lux-button-label {
+  font-weight: 400;
+  font-family: "Blogger Sans", "Source Sans Pro", Arial, sans-serif;
+}
 .lux-menu-extended > lux-button button {
   padding-left: 16px;
   padding-right: 16px;
@@ -44489,8 +44513,8 @@ lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-a
   color: #003366;
 }
 lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
-  font-size: 0.9375rem;
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-size: 1rem;
+  font-family: "Source Sans Pro", Arial, sans-serif;
   padding: 8px 0;
   min-height: 40px;
 }