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

package/patternfly-no-globals.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;
@@ -5989,17 +5991,17 @@
 }
 
 :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 {
@@ -6207,6 +6209,7 @@
   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 {
@@ -6670,6 +6673,7 @@
 
 :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);
 }
 
@@ -6690,9 +6694,9 @@
   --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);
@@ -6713,7 +6717,6 @@
   }
 }
 .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 {
@@ -6723,7 +6726,6 @@
   --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 {
@@ -6774,10 +6776,10 @@
 }
 
 :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 {
@@ -7024,6 +7026,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);
@@ -7214,6 +7217,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);
 }
@@ -7455,6 +7459,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);
@@ -7474,6 +7479,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);
@@ -7496,7 +7502,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);
@@ -7536,7 +7541,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);
@@ -7554,7 +7559,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 {
@@ -7701,6 +7705,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);
@@ -7718,6 +7723,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 {
@@ -10496,15 +10502,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;
@@ -10513,14 +10521,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;
@@ -10543,9 +10578,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);
@@ -10820,6 +10855,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);
@@ -13830,7 +13884,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%;
@@ -14961,7 +15017,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);
@@ -15439,7 +15495,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);
@@ -16134,6 +16190,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);
@@ -16168,6 +16225,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 {
@@ -18082,7 +18144,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 {
@@ -18170,7 +18231,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;
@@ -18358,6 +18419,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;
 }
@@ -18424,8 +18486,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 {
@@ -18509,9 +18569,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;
@@ -18974,7 +19037,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);
@@ -19990,6 +20053,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);
 }
@@ -21982,6 +22046,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);
@@ -22022,6 +22087,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);
 }
@@ -22049,6 +22115,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);
@@ -22237,7 +22320,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);
 }
@@ -22728,6 +22811,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 {
@@ -29165,6 +29249,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);
 }
 
@@ -29318,6 +29403,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);
@@ -29592,6 +29698,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;
@@ -29655,6 +29762,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);
 }
@@ -29688,6 +29796,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 {
@@ -30361,7 +30470,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);
@@ -30382,7 +30491,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);
@@ -30835,8 +30944,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);