@patternfly/patternfly 4.196.1 → 4.196.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "4.196.1",
+  "version": "4.196.4",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-base-no-reset.css

@@ -321,7 +321,7 @@
   --pf-global--BorderColor--200: #444548;
   --pf-global--BorderColor--300: #57585a;
   --pf-global--BorderColor--400: #aaabac;
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--active-color--100: #1fa7f8;
   --pf-global--primary-color--100: #1fa7f8;
@@ -338,9 +338,9 @@
   --pf-global--disabled-color--300: #aaabac;
   --pf-global--icon--Color--light: #aaabac;
   --pf-global--icon--Color--dark: #aaabac;
-  --pf-global--Color--dark-100: #fff;
+  --pf-global--Color--dark-100: #e0e0e0;
   --pf-global--Color--dark-200: #aaabac;
-  --pf-global--Color--light-100: #fff;
+  --pf-global--Color--light-100: #e0e0e0;
   --pf-global--Color--light-200: #aaabac;
   --pf-global--Color--light-300: #3c3f42;
   --pf-global--BorderColor--dark-100: #444548;

package/patternfly-base.css

@@ -321,7 +321,7 @@
   --pf-global--BorderColor--200: #444548;
   --pf-global--BorderColor--300: #57585a;
   --pf-global--BorderColor--400: #aaabac;
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--active-color--100: #1fa7f8;
   --pf-global--primary-color--100: #1fa7f8;
@@ -338,9 +338,9 @@
   --pf-global--disabled-color--300: #aaabac;
   --pf-global--icon--Color--light: #aaabac;
   --pf-global--icon--Color--dark: #aaabac;
-  --pf-global--Color--dark-100: #fff;
+  --pf-global--Color--dark-100: #e0e0e0;
   --pf-global--Color--dark-200: #aaabac;
-  --pf-global--Color--light-100: #fff;
+  --pf-global--Color--light-100: #e0e0e0;
   --pf-global--Color--light-200: #aaabac;
   --pf-global--Color--light-300: #3c3f42;
   --pf-global--BorderColor--dark-100: #444548;

package/patternfly-no-reset.css

@@ -375,7 +375,7 @@
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -424,7 +424,7 @@
   --pf-global--BorderColor--200: #444548;
   --pf-global--BorderColor--300: #57585a;
   --pf-global--BorderColor--400: #aaabac;
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--active-color--100: #1fa7f8;
   --pf-global--primary-color--100: #1fa7f8;
@@ -441,9 +441,9 @@
   --pf-global--disabled-color--300: #aaabac;
   --pf-global--icon--Color--light: #aaabac;
   --pf-global--icon--Color--dark: #aaabac;
-  --pf-global--Color--dark-100: #fff;
+  --pf-global--Color--dark-100: #e0e0e0;
   --pf-global--Color--dark-200: #aaabac;
-  --pf-global--Color--light-100: #fff;
+  --pf-global--Color--light-100: #e0e0e0;
   --pf-global--Color--light-200: #aaabac;
   --pf-global--Color--light-300: #3c3f42;
   --pf-global--BorderColor--dark-100: #444548;
@@ -5716,7 +5716,7 @@ html {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -5959,7 +5959,7 @@ html {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -6218,7 +6218,7 @@ html {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -6530,7 +6530,7 @@ html {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -6950,7 +6950,7 @@ html {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -7072,7 +7072,7 @@ html {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -7269,7 +7269,7 @@ button.pf-c-breadcrumb__link {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -7781,7 +7781,7 @@ button.pf-c-breadcrumb__link {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -7856,10 +7856,10 @@ button.pf-c-breadcrumb__link {
   --pf-c-calendar-month__header-year--Width: 8ch;
   --pf-c-calendar-month__header-nav-control--MarginRight: 0;
   --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
-  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
-  --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
-  --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
+  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
+  --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
+  --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
   --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
   --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
@@ -8039,7 +8039,7 @@ button.pf-c-breadcrumb__link {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -8557,7 +8557,7 @@ label.pf-c-check, .pf-c-check__label,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -8755,7 +8755,7 @@ label.pf-c-check, .pf-c-check__label,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -8971,7 +8971,7 @@ label.pf-c-check, .pf-c-check__label,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -9540,7 +9540,7 @@ label.pf-c-check, .pf-c-check__label,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -10423,7 +10423,7 @@ label.pf-c-check, .pf-c-check__label,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -12266,7 +12266,7 @@ label.pf-c-check, .pf-c-check__label,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -13463,7 +13463,7 @@ label.pf-c-check, .pf-c-check__label,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -14069,7 +14069,7 @@ label.pf-c-check, .pf-c-check__label,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -14932,7 +14932,7 @@ label.pf-c-check, .pf-c-check__label,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -15275,7 +15275,7 @@ textarea.pf-c-form-control {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -15388,7 +15388,7 @@ textarea.pf-c-form-control {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -15493,7 +15493,7 @@ textarea.pf-c-form-control {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -15682,7 +15682,7 @@ label.pf-c-input-group__text {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -16434,7 +16434,7 @@ button.pf-c-label__content:focus {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -16887,7 +16887,7 @@ ul.pf-c-list {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -17188,7 +17188,7 @@ ul.pf-c-list {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -17843,7 +17843,7 @@ ul.pf-c-list {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -18441,7 +18441,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -18874,7 +18874,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -19106,7 +19106,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -20250,7 +20250,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -20404,7 +20404,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -20701,7 +20701,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -20987,7 +20987,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -21266,11 +21266,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 .pf-c-page__header,
 .pf-c-page > .pf-c-masthead {
   grid-area: header;
+  z-index: var(--pf-c-page__header--ZIndex);
 }
 
 .pf-c-page__header {
   color: var(--pf-global--Color--100);
-  z-index: var(--pf-c-page__header--ZIndex);
   grid-template-columns: auto auto;
   display: grid;
   align-items: center;
@@ -21777,7 +21777,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -22167,7 +22167,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -22453,7 +22453,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -22654,7 +22654,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -23188,7 +23188,7 @@ label.pf-c-radio, .pf-c-radio__label,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -23789,7 +23789,7 @@ label.pf-c-radio, .pf-c-radio__label,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -24223,7 +24223,7 @@ label.pf-c-radio, .pf-c-radio__label,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -24425,7 +24425,7 @@ label.pf-c-radio, .pf-c-radio__label,
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -25035,7 +25035,7 @@ svg.pf-c-spinner.pf-m-xl {
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -27742,7 +27742,7 @@ svg.pf-c-spinner.pf-m-xl {
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -29467,7 +29467,7 @@ svg.pf-c-spinner.pf-m-xl {
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -29794,7 +29794,7 @@ svg.pf-c-spinner.pf-m-xl {
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -29994,7 +29994,7 @@ svg.pf-c-spinner.pf-m-xl {
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -30116,7 +30116,7 @@ svg.pf-c-spinner.pf-m-xl {
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -30647,7 +30647,7 @@ svg.pf-c-spinner.pf-m-xl {
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;
@@ -31164,7 +31164,7 @@ svg.pf-c-spinner.pf-m-xl {
 :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
 :where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #fff;
+  --pf-global--Color--100: #e0e0e0;
   --pf-global--Color--200: #aaabac;
   --pf-global--BorderColor--100: #444548;
   --pf-global--primary-color--100: #1fa7f8;