@patternfly/patternfly 5.0.0-alpha.57 → 5.0.0-alpha.58

package/patternfly.css

@@ -355,6 +355,8 @@
   --pf-v5-global--active-color--100: #1fa7f8;
   --pf-v5-global--primary-color--100: #1fa7f8;
   --pf-v5-global--primary-color--300: #06c;
+  --pf-v5-global--primary-color--400: #fff;
+  --pf-v5-global--custom-color--200: #73c5c5;
   --pf-v5-global--success-color--100: #5ba352;
   --pf-v5-global--warning-color--100: #f0ab00;
   --pf-v5-global--warning-color--200: #f4c145;
@@ -363,7 +365,7 @@
   --pf-v5-global--link--Color: #1fa7f8;
   --pf-v5-global--link--Color--hover: #73bcf7;
   --pf-v5-global--link--Color--visited: #a18fff;
-  --pf-v5-global--disabled-color--100: #57585a;
+  --pf-v5-global--disabled-color--100: #868789;
   --pf-v5-global--disabled-color--200: #444548;
   --pf-v5-global--disabled-color--300: #aaabac;
   --pf-v5-global--icon--Color--light: #aaabac;
@@ -6106,17 +6108,17 @@ button) {
 }
 
 :where(.pf-v5-theme-dark) .pf-v5-c-alert {
-  --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--palette--black-600);
-  --pf-v5-c-alert__title--Color: var(--pf-v5-global--custom-color--200);
+  --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-c-alert--m-custom__title--Color: var(--pf-v5-global--custom-color--200);
   --pf-v5-c-alert--m-success__title--Color: var(--pf-v5-global--success-color--100);
   --pf-v5-c-alert--m-danger__title--Color: var(--pf-v5-global--danger-color--100);
   --pf-v5-c-alert--m-warning__title--Color: var(--pf-v5-global--warning-color--100);
   --pf-v5-c-alert--m-info__title--Color: var(--pf-v5-global--info-color--100);
-  --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-global--palette--black-600);
-  --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--palette--black-600);
-  --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--palette--black-600);
-  --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--palette--black-600);
-  --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--palette--black-600);
+  --pf-v5-c-alert--m-inline--m-custom--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }
 
 .pf-v5-c-alert-group {
@@ -6324,6 +6326,7 @@ button) {
   font-weight: var(--pf-v5-c-app-launcher__menu-item--FontWeight);
   color: var(--pf-v5-c-app-launcher__menu-item--Color);
   white-space: nowrap;
+  background: none;
   border: 0;
 }
 .pf-v5-c-app-launcher__menu-item:hover, .pf-v5-c-app-launcher__menu-item:focus {
@@ -6787,6 +6790,7 @@ button) {
 
 :where(.pf-v5-theme-dark) .pf-v5-c-badge {
   --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
+  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
   --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
 }
 
@@ -6807,9 +6811,9 @@ button) {
   --pf-v5-c-banner--link--disabled--Color: var(--pf-v5-c-banner--Color);
   --pf-v5-c-banner--link--disabled--TextDecoration: none;
   --pf-v5-c-banner--m-blue--BackgroundColor: var(--pf-v5-global--palette--blue-200);
-  --pf-v5-c-banner--m-red--BackgroundColor: var(--pf-v5-global--palette--red-100);
-  --pf-v5-c-banner--m-green--BackgroundColor: var(--pf-v5-global--palette--green-500);
-  --pf-v5-c-banner--m-gold--BackgroundColor: var(--pf-v5-global--palette--gold-400);
+  --pf-v5-c-banner--m-red--BackgroundColor: var(--pf-v5-global--danger-color--100);
+  --pf-v5-c-banner--m-green--BackgroundColor: var(--pf-v5-global--success-color--100);
+  --pf-v5-c-banner--m-gold--BackgroundColor: var(--pf-v5-global--warning-color--100);
   --pf-v5-c-banner--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--md);
   --pf-v5-c-banner--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
   color: var(--pf-v5-global--Color--100);
@@ -6830,7 +6834,6 @@ button) {
   }
 }
 .pf-v5-c-banner.pf-m-blue {
-  color: var(--pf-v5-global--Color--100);
   --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-blue--BackgroundColor);
 }
 .pf-v5-c-banner.pf-m-red {
@@ -6840,7 +6843,6 @@ button) {
   --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-green--BackgroundColor);
 }
 .pf-v5-c-banner.pf-m-gold {
-  color: var(--pf-v5-global--Color--100);
   --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-gold--BackgroundColor);
 }
 .pf-v5-c-banner.pf-m-sticky {
@@ -6891,10 +6893,10 @@ button) {
 }
 
 :where(.pf-v5-theme-dark) .pf-v5-c-banner {
-  color: var(--pf-v5-global--Color--100);
+  color: var(false);
 }
-:where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-info, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-blue, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-danger, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-red, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-success, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-green, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-warning, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-gold {
-  color: var(--pf-v5-global--palette--black-900);
+:where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-blue, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-red, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-green, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-gold {
+  --pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
 }
 
 .pf-v5-c-brand {
@@ -7141,6 +7143,7 @@ button.pf-v5-c-breadcrumb__link {
   --pf-v5-c-button--m-link--active--BackgroundColor: transparent;
   --pf-v5-c-button--m-link--active--Color: var(--pf-v5-global--link--Color--hover);
   --pf-v5-c-button--m-link--disabled--BackgroundColor: transparent;
+  --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
   --pf-v5-c-button--m-link--m-inline--FontSize: inherit;
   --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
   --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-v5-global--link--Color--hover);
@@ -7331,6 +7334,7 @@ button.pf-v5-c-breadcrumb__link {
 }
 .pf-v5-c-button.pf-m-link {
   --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-link--disabled--BackgroundColor);
+  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-link--disabled--Color);
   color: var(--pf-v5-c-button--m-link--Color);
   background-color: var(--pf-v5-c-button--m-link--BackgroundColor);
 }
@@ -7572,6 +7576,7 @@ button.pf-v5-c-breadcrumb__link {
 :where(.pf-v5-theme-dark) .pf-v5-c-button {
   --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
   --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
+  --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
   --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
   --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
   --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
@@ -7591,6 +7596,7 @@ button.pf-v5-c-breadcrumb__link {
   --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
   --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
   --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
+  --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
   --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
   --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
   --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -7613,7 +7619,6 @@ button.pf-v5-c-breadcrumb__link {
 }
 
 .pf-v5-c-calendar-month {
-  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
   --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -7653,7 +7658,7 @@ button.pf-v5-c-breadcrumb__link {
   --pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
   --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-100);
   --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
-  --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--disabled-color--100);
+  --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--Color--200);
   --pf-v5-c-calendar-month__date--Width: 4ch;
   --pf-v5-c-calendar-month__date--Height: 4ch;
   --pf-v5-c-calendar-month__date--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
@@ -7671,7 +7676,6 @@ button.pf-v5-c-breadcrumb__link {
   flex-direction: column;
   padding: var(--pf-v5-c-calendar-month--PaddingTop) var(--pf-v5-c-calendar-month--PaddingRight) var(--pf-v5-c-calendar-month--PaddingBottom) var(--pf-v5-c-calendar-month--PaddingLeft);
   font-size: var(--pf-v5-c-calendar-month--FontSize);
-  background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
 }
 
 .pf-v5-c-calendar-month__header {
@@ -7818,6 +7822,7 @@ button.pf-v5-c-breadcrumb__link {
 :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
   --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
   --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
+  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
   --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--palette--black-900);
   --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-400);
   --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
@@ -7835,6 +7840,7 @@ button.pf-v5-c-breadcrumb__link {
   --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
   --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
   --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
+  --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--primary-color--400);
 }
 
 .pf-v5-c-card {
@@ -10613,15 +10619,17 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 }
 
 .pf-v5-c-droppable {
-  --pf-v5-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
+  --pf-v5-c-droppable--before--BackgroundColor: transparent;
+  --pf-v5-c-droppable--before--Opacity: 0;
+  --pf-v5-c-droppable--after--BorderWidth: 0;
+  --pf-v5-c-droppable--after--BorderColor: transparent;
+  --pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-v5-global--palette--white);
+  --pf-v5-c-droppable--m-dragging--before--Opacity: .6;
   --pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
   --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
   --pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
 }
-.pf-v5-c-droppable.pf-m-dragging {
-  position: relative;
-}
-.pf-v5-c-droppable.pf-m-dragging::after {
+.pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
   position: absolute;
   top: 0;
   right: 0;
@@ -10630,14 +10638,41 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   pointer-events: none;
   content: "";
 }
+.pf-v5-c-droppable::before {
+  background-color: var(--pf-v5-c-droppable--before--BackgroundColor);
+  opacity: var(--pf-v5-c-droppable--before--Opacity);
+}
 .pf-v5-c-droppable::after {
-  background-color: var(--pf-v5-c-droppable--m-dragging--after--BackgroundColor);
-  border: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
+  border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
+}
+.pf-v5-c-droppable.pf-m-dragging {
+  --pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
+  --pf-v5-c-droppable--before--Opacity: var(--pf-v5-c-droppable--m-dragging--before--Opacity);
+  --pf-v5-c-droppable--after--BorderWidth: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth);
+  --pf-v5-c-droppable--after--BorderColor: var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
+  position: relative;
 }
 .pf-v5-c-droppable.pf-m-drag-outside {
   --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
 }
 
+:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
+:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
+:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
+:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
+  --pf-v5-global--Color--100: #e0e0e0;
+  --pf-v5-global--Color--200: #aaabac;
+  --pf-v5-global--BorderColor--100: #444548;
+  --pf-v5-global--primary-color--100: #1fa7f8;
+  --pf-v5-global--link--Color: #1fa7f8;
+  --pf-v5-global--link--Color--hover: #73bcf7;
+  --pf-v5-global--BackgroundColor--100: #1b1d21;
+}
+
+:where(.pf-v5-theme-dark) .pf-v5-c-droppable {
+  --pf-v5-c-droppable--m-dragging--before--Opacity: .2;
+}
+
 .pf-v5-c-dual-list-selector {
   --pf-v5-c-dual-list-selector__header--GridArea: pane-header;
   --pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
@@ -10660,9 +10695,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-dual-list-selector__menu--MaxHeight: 20rem;
   --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: transparent;
-  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
-  --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
-  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
+  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
+  --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
+  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
   --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
   --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
   --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-v5-global--spacer--sm);
@@ -10937,6 +10972,25 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
 }
 
+:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
+:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
+:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
+:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
+  --pf-v5-global--Color--100: #e0e0e0;
+  --pf-v5-global--Color--200: #aaabac;
+  --pf-v5-global--BorderColor--100: #444548;
+  --pf-v5-global--primary-color--100: #1fa7f8;
+  --pf-v5-global--link--Color: #1fa7f8;
+  --pf-v5-global--link--Color--hover: #73bcf7;
+  --pf-v5-global--BackgroundColor--100: #1b1d21;
+}
+
+:where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
+  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
+  --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
+  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
+}
+
 .pf-v5-c-toolbar {
   --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
   --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
@@ -13947,7 +14001,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
   --pf-v5-c-dropdown__toggle--before--BorderLeftColor: transparent;
   --pf-v5-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
+  --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
   --pf-v5-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
+  --pf-v5-c-dropdown__toggle--m-primary--Color: var(--pf-v5-global--primary-color--400);
   --pf-v5-c-dropdown__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
   --pf-v5-c-dropdown__menu--Top: 100%;
   --pf-v5-c-dropdown--m-top__menu--TranslateY: -100%;
@@ -15078,7 +15134,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
   --pf-v5-c-form-control--BorderLeftColor: transparent;
   --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--palette--black-300);
+  --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--300);
   --pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
   --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
   color: var(--pf-v5-global--Color--100);
@@ -15556,7 +15612,7 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-input-group__item--m-box--BorderLeftColor: transparent;
   --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
   --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
-  --pf-v5-c-input-group__text--m-disabled--Color: var(--pf-v5-global--palette--black-100);
+  --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--300);
 }
 :where(.pf-v5-theme-dark) .pf-v5-c-input-group > * + * {
   --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderLeftColor);
@@ -16251,6 +16307,7 @@ button.pf-v5-c-label__content:focus {
   --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
   --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
   --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
   --pf-v5-c-label__content--before--BorderWidth: 0;
   --pf-v5-c-label__content--before--BorderColor: transparent;
   --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
@@ -16285,6 +16342,11 @@ button.pf-v5-c-label__content:focus {
   --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
   --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
   --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
+  --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
+  --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
+  --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
+  --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
+  --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
 }
 
 .pf-v5-c-label-group {
@@ -18199,7 +18261,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
   --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
   --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-menu__list-item--m-disabled__item--Color: var(--pf-v5-global--Color--200);
 }
 
 .pf-v5-c-menu-toggle {
@@ -18287,7 +18348,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
   --pf-v5-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
   --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--Color--dark-200);
+  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
   --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
   --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
@@ -18475,6 +18536,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-menu-toggle--PaddingRight: 0;
   --pf-v5-c-check__input--MarginTop: 0;
   --pf-v5-c-check__label--Color: currentcolor;
+  --pf-v5-c-check__label--disabled--Color: currentcolor;
   align-items: center;
   align-self: stretch;
 }
@@ -18541,8 +18603,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-menu-toggle--after--BorderBottomColor: transparent;
 }
 .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled, .pf-v5-c-menu-toggle.pf-m-split-button:disabled {
-  --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
-  --pf-v5-c-menu-toggle--m-split-button--child--Color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color);
   --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
 }
 .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled::before, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled::after, .pf-v5-c-menu-toggle.pf-m-split-button:disabled::before, .pf-v5-c-menu-toggle.pf-m-split-button:disabled::after {
@@ -18626,9 +18686,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
   --pf-v5-c-menu-toggle--before--BorderLeftColor: transparent;
   --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
-  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
-  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--palette--black-100);
   --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
+  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
+  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--300);
+  --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
+  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
+  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
 }
 :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
   background: transparent;
@@ -19091,7 +19154,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-nav--m-horizontal__link--lg--PaddingBottom: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-nav--m-horizontal__link--Right: var(--pf-v5-global--spacer--md);
   --pf-v5-c-nav--m-horizontal__link--Left: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-nav--m-horizontal__link--Color: var(--pf-v5-global--Color--light-300);
+  --pf-v5-c-nav--m-horizontal__link--Color: var(--pf-v5-global--Color--light-200);
   --pf-v5-c-nav--m-horizontal__link--hover--Color: var(--pf-v5-global--active-color--400);
   --pf-v5-c-nav--m-horizontal__link--focus--Color: var(--pf-v5-global--active-color--400);
   --pf-v5-c-nav--m-horizontal__link--active--Color: var(--pf-v5-global--active-color--400);
@@ -20107,6 +20170,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 
 :where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
   --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
+  --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
   --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
   --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--palette--black-900);
 }
@@ -22099,6 +22163,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-panel--m-bordered--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
   --pf-v5-c-panel--m-raised--BoxShadow: var(--pf-v5-global--BoxShadow--md);
   --pf-v5-c-panel--m-raised--ZIndex: var(--pf-v5-global--ZIndex--sm);
+  --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
   --pf-v5-c-panel__header--PaddingTop: var(--pf-v5-global--spacer--md);
   --pf-v5-c-panel__header--PaddingRight: var(--pf-v5-global--spacer--md);
   --pf-v5-c-panel__header--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -22139,6 +22204,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-panel--before--BorderWidth: var(--pf-v5-c-panel--m-bordered--before--BorderWidth);
 }
 .pf-v5-c-panel.pf-m-raised {
+  --pf-v5-c-panel--BackgroundColor: var(--pf-v5-c-panel--m-raised--BackgroundColor);
   --pf-v5-c-panel--BoxShadow: var(--pf-v5-c-panel--m-raised--BoxShadow);
   --pf-v5-c-panel--ZIndex: var(--pf-v5-c-panel--m-raised--ZIndex);
 }
@@ -22166,6 +22232,23 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
 }
 
+:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
+:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
+:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
+:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
+  --pf-v5-global--Color--100: #e0e0e0;
+  --pf-v5-global--Color--200: #aaabac;
+  --pf-v5-global--BorderColor--100: #444548;
+  --pf-v5-global--primary-color--100: #1fa7f8;
+  --pf-v5-global--link--Color: #1fa7f8;
+  --pf-v5-global--link--Color--hover: #73bcf7;
+  --pf-v5-global--BackgroundColor--100: #1b1d21;
+}
+
+:where(.pf-v5-theme-dark) .pf-v5-c-panel {
+  --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+}
+
 .pf-v5-c-popover {
   --pf-v5-c-popover--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-popover--MinWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
@@ -22354,7 +22437,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 :where(.pf-v5-theme-dark) .pf-v5-c-popover {
   --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
   --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-  --pf-v5-c-popover--m-default__title-text--Color: var(--pf-v5-global--custom-color--200);
+  --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
   --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--100);
   --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
 }
@@ -22845,6 +22928,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   font-weight: var(--pf-v5-c-progress-stepper__step-title--FontWeight);
   color: var(--pf-v5-c-progress-stepper__step-title--Color);
   text-align: var(--pf-v5-c-progress-stepper__step-title--TextAlign);
+  background: none;
   border: 0;
 }
 .pf-v5-c-progress-stepper__step-title.pf-m-help-text {
@@ -29282,6 +29366,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
 :where(.pf-v5-theme-dark) .pf-v5-c-tabs {
   --pf-v5-c-tabs__scroll-button--BackgroundColor: transparent;
   --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
+  --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--300);
   --pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
 }
 
@@ -29435,6 +29520,27 @@ svg.pf-v5-c-spinner.pf-m-xl {
   display: flex;
 }
 
+:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
+:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
+:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
+:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
+  --pf-v5-global--Color--100: #e0e0e0;
+  --pf-v5-global--Color--200: #aaabac;
+  --pf-v5-global--BorderColor--100: #444548;
+  --pf-v5-global--primary-color--100: #1fa7f8;
+  --pf-v5-global--link--Color: #1fa7f8;
+  --pf-v5-global--link--Color--hover: #73bcf7;
+  --pf-v5-global--BackgroundColor--100: #1b1d21;
+}
+
+:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
+  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
+  --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
+  --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
+  --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
+  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
+}
+
 .pf-v5-c-tile {
   --pf-v5-c-tile--PaddingTop: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-tile--PaddingRight: var(--pf-v5-global--spacer--lg);
@@ -29709,6 +29815,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
   --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-v5-global--BorderRadius--sm);
   --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--palette--blue-50);
+  --pf-v5-c-toggle-group__button--m-selected--Color: initial;
   --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-v5-global--primary-color--100);
   --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-v5-global--ZIndex--xs);
   --pf-v5-c-toggle-group--m-compact__button--PaddingTop: 0;
@@ -29772,6 +29879,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
 }
 .pf-v5-c-toggle-group__button.pf-m-selected {
   --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--m-selected--BackgroundColor);
+  --pf-v5-c-toggle-group__button--Color: var(--pf-v5-c-toggle-group__button--m-selected--Color, inherit);
   --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--m-selected--ZIndex);
   --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--m-selected--before--BorderColor);
 }
@@ -29805,6 +29913,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
   --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
   --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--palette--black-100);
   --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--primary-color--300);
+  --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
 }
 
 .pf-v5-c-tooltip {
@@ -30478,7 +30587,7 @@ label.pf-v5-c-tree-view__node-text {
   --pf-v5-c-wizard__nav-link--focus--Color: var(--pf-v5-global--link--Color);
   --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-v5-global--link--Color);
   --pf-v5-c-wizard__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--Color--dark-200);
+  --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
   --pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
@@ -30499,7 +30608,7 @@ label.pf-v5-c-tree-view__node-text {
   --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-v5-global--active-color--100);
   --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-v5-global--Color--light-100);
   --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
-  --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--Color--dark-200);
+  --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--100);
   --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
   --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
   --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
@@ -30952,8 +31061,6 @@ label.pf-v5-c-tree-view__node-text {
 :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
   --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
   --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
-  --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
-  --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--300);
 }
 :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
   color: var(--pf-v5-global--Color--100);