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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/assets/images/pf_logo.svg +11 -11
  2. package/base/patternfly-variables.css +3 -1
  3. package/base/themes/dark/_variables.scss +2 -0
  4. package/components/Alert/alert.css +7 -7
  5. package/components/Alert/themes/dark/alert.scss +7 -7
  6. package/components/AppLauncher/app-launcher.css +1 -0
  7. package/components/AppLauncher/app-launcher.scss +1 -0
  8. package/components/Badge/badge.css +1 -0
  9. package/components/Badge/themes/dark/badge.scss +1 -0
  10. package/components/Banner/banner.css +6 -8
  11. package/components/Banner/banner.scss +5 -5
  12. package/components/Banner/themes/dark/banner.scss +2 -6
  13. package/components/Button/button.css +4 -0
  14. package/components/Button/button.scss +2 -0
  15. package/components/Button/themes/dark/button.scss +4 -2
  16. package/components/CalendarMonth/calendar-month.css +3 -3
  17. package/components/CalendarMonth/calendar-month.scss +1 -5
  18. package/components/CalendarMonth/themes/dark/calendar-month.scss +2 -0
  19. package/components/DragDrop/drag-drop.css +23 -7
  20. package/components/DragDrop/drag-drop.scss +36 -17
  21. package/components/DragDrop/themes/dark/drag-drop.scss +7 -0
  22. package/components/Dropdown/dropdown.css +2 -0
  23. package/components/Dropdown/themes/dark/dropdown.scss +2 -0
  24. package/components/DualListSelector/dual-list-selector.css +9 -3
  25. package/components/DualListSelector/dual-list-selector.scss +10 -3
  26. package/components/DualListSelector/themes/dark/dual-list-selector.scss +9 -0
  27. package/components/FormControl/form-control.css +1 -1
  28. package/components/FormControl/themes/dark/form-control.scss +1 -1
  29. package/components/InputGroup/input-group.css +1 -1
  30. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  31. package/components/Label/label.css +6 -0
  32. package/components/Label/themes/dark/label.scss +6 -0
  33. package/components/Menu/menu.css +0 -1
  34. package/components/Menu/themes/dark/menu.scss +0 -1
  35. package/components/MenuToggle/menu-toggle.css +7 -5
  36. package/components/MenuToggle/menu-toggle.scss +2 -3
  37. package/components/MenuToggle/themes/dark/menu-toggle.scss +17 -14
  38. package/components/Nav/nav.css +1 -1
  39. package/components/Nav/nav.scss +1 -1
  40. package/components/NotificationBadge/notification-badge.css +1 -0
  41. package/components/NotificationBadge/themes/dark/notification-badge.scss +1 -0
  42. package/components/Panel/panel.css +6 -0
  43. package/components/Panel/panel.scss +9 -0
  44. package/components/Panel/themes/dark/panel.scss +7 -0
  45. package/components/Popover/popover.css +1 -1
  46. package/components/Popover/themes/dark/popover.scss +1 -1
  47. package/components/ProgressStepper/progress-stepper.css +1 -0
  48. package/components/ProgressStepper/progress-stepper.scss +240 -239
  49. package/components/Tabs/tabs.css +1 -0
  50. package/components/Tabs/themes/dark/tabs.scss +1 -0
  51. package/components/TextInputGroup/text-input-group.css +8 -0
  52. package/components/TextInputGroup/text-input-group.scss +7 -0
  53. package/components/TextInputGroup/themes/dark/text-input-group.scss +11 -0
  54. package/components/ToggleGroup/themes/dark/toggle-group.scss +1 -0
  55. package/components/ToggleGroup/toggle-group.css +3 -0
  56. package/components/ToggleGroup/toggle-group.scss +2 -0
  57. package/components/Wizard/themes/dark/wizard.scss +0 -2
  58. package/components/Wizard/wizard.css +2 -4
  59. package/components/Wizard/wizard.scss +2 -2
  60. package/docs/components/DualListSelector/examples/DualListSelector.md +1 -1
  61. package/docs/components/Slider/examples/Slider.md +15 -13
  62. package/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -0
  63. package/layouts/Level/level.css +3 -3
  64. package/layouts/Level/level.scss +3 -3
  65. package/layouts/Split/split.css +3 -3
  66. package/layouts/Split/split.scss +3 -3
  67. package/layouts/Stack/stack.css +3 -3
  68. package/layouts/Stack/stack.scss +3 -3
  69. package/package.json +2 -2
  70. package/patternfly-base-no-globals.css +3 -1
  71. package/patternfly-base.css +3 -1
  72. package/patternfly-no-globals.css +159 -52
  73. package/patternfly.css +159 -52
  74. package/patternfly.min.css +1 -1
  75. package/patternfly.min.css.map +1 -1
  76. package/sass-utilities/mixins.scss +3 -1
  77. package/sass-utilities/themes/dark/scss-variables.scss +7 -2
@@ -355,6 +355,8 @@
355
355
  --pf-v5-global--active-color--100: #1fa7f8;
356
356
  --pf-v5-global--primary-color--100: #1fa7f8;
357
357
  --pf-v5-global--primary-color--300: #06c;
358
+ --pf-v5-global--primary-color--400: #fff;
359
+ --pf-v5-global--custom-color--200: #73c5c5;
358
360
  --pf-v5-global--success-color--100: #5ba352;
359
361
  --pf-v5-global--warning-color--100: #f0ab00;
360
362
  --pf-v5-global--warning-color--200: #f4c145;
@@ -363,7 +365,7 @@
363
365
  --pf-v5-global--link--Color: #1fa7f8;
364
366
  --pf-v5-global--link--Color--hover: #73bcf7;
365
367
  --pf-v5-global--link--Color--visited: #a18fff;
366
- --pf-v5-global--disabled-color--100: #57585a;
368
+ --pf-v5-global--disabled-color--100: #868789;
367
369
  --pf-v5-global--disabled-color--200: #444548;
368
370
  --pf-v5-global--disabled-color--300: #aaabac;
369
371
  --pf-v5-global--icon--Color--light: #aaabac;
@@ -5989,17 +5991,17 @@
5989
5991
  }
5990
5992
 
5991
5993
  :where(.pf-v5-theme-dark) .pf-v5-c-alert {
5992
- --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--palette--black-600);
5993
- --pf-v5-c-alert__title--Color: var(--pf-v5-global--custom-color--200);
5994
+ --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
5995
+ --pf-v5-c-alert--m-custom__title--Color: var(--pf-v5-global--custom-color--200);
5994
5996
  --pf-v5-c-alert--m-success__title--Color: var(--pf-v5-global--success-color--100);
5995
5997
  --pf-v5-c-alert--m-danger__title--Color: var(--pf-v5-global--danger-color--100);
5996
5998
  --pf-v5-c-alert--m-warning__title--Color: var(--pf-v5-global--warning-color--100);
5997
5999
  --pf-v5-c-alert--m-info__title--Color: var(--pf-v5-global--info-color--100);
5998
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-global--palette--black-600);
5999
- --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--palette--black-600);
6000
- --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--palette--black-600);
6001
- --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--palette--black-600);
6002
- --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--palette--black-600);
6000
+ --pf-v5-c-alert--m-inline--m-custom--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6001
+ --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6002
+ --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6003
+ --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6004
+ --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6003
6005
  }
6004
6006
 
6005
6007
  .pf-v5-c-alert-group {
@@ -6207,6 +6209,7 @@
6207
6209
  font-weight: var(--pf-v5-c-app-launcher__menu-item--FontWeight);
6208
6210
  color: var(--pf-v5-c-app-launcher__menu-item--Color);
6209
6211
  white-space: nowrap;
6212
+ background: none;
6210
6213
  border: 0;
6211
6214
  }
6212
6215
  .pf-v5-c-app-launcher__menu-item:hover, .pf-v5-c-app-launcher__menu-item:focus {
@@ -6670,6 +6673,7 @@
6670
6673
 
6671
6674
  :where(.pf-v5-theme-dark) .pf-v5-c-badge {
6672
6675
  --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
6676
+ --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
6673
6677
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
6674
6678
  }
6675
6679
 
@@ -6690,9 +6694,9 @@
6690
6694
  --pf-v5-c-banner--link--disabled--Color: var(--pf-v5-c-banner--Color);
6691
6695
  --pf-v5-c-banner--link--disabled--TextDecoration: none;
6692
6696
  --pf-v5-c-banner--m-blue--BackgroundColor: var(--pf-v5-global--palette--blue-200);
6693
- --pf-v5-c-banner--m-red--BackgroundColor: var(--pf-v5-global--palette--red-100);
6694
- --pf-v5-c-banner--m-green--BackgroundColor: var(--pf-v5-global--palette--green-500);
6695
- --pf-v5-c-banner--m-gold--BackgroundColor: var(--pf-v5-global--palette--gold-400);
6697
+ --pf-v5-c-banner--m-red--BackgroundColor: var(--pf-v5-global--danger-color--100);
6698
+ --pf-v5-c-banner--m-green--BackgroundColor: var(--pf-v5-global--success-color--100);
6699
+ --pf-v5-c-banner--m-gold--BackgroundColor: var(--pf-v5-global--warning-color--100);
6696
6700
  --pf-v5-c-banner--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--md);
6697
6701
  --pf-v5-c-banner--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
6698
6702
  color: var(--pf-v5-global--Color--100);
@@ -6713,7 +6717,6 @@
6713
6717
  }
6714
6718
  }
6715
6719
  .pf-v5-c-banner.pf-m-blue {
6716
- color: var(--pf-v5-global--Color--100);
6717
6720
  --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-blue--BackgroundColor);
6718
6721
  }
6719
6722
  .pf-v5-c-banner.pf-m-red {
@@ -6723,7 +6726,6 @@
6723
6726
  --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-green--BackgroundColor);
6724
6727
  }
6725
6728
  .pf-v5-c-banner.pf-m-gold {
6726
- color: var(--pf-v5-global--Color--100);
6727
6729
  --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-gold--BackgroundColor);
6728
6730
  }
6729
6731
  .pf-v5-c-banner.pf-m-sticky {
@@ -6774,10 +6776,10 @@
6774
6776
  }
6775
6777
 
6776
6778
  :where(.pf-v5-theme-dark) .pf-v5-c-banner {
6777
- color: var(--pf-v5-global--Color--100);
6779
+ color: var(false);
6778
6780
  }
6779
- :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 {
6780
- color: var(--pf-v5-global--palette--black-900);
6781
+ :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 {
6782
+ --pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
6781
6783
  }
6782
6784
 
6783
6785
  .pf-v5-c-brand {
@@ -7024,6 +7026,7 @@ button.pf-v5-c-breadcrumb__link {
7024
7026
  --pf-v5-c-button--m-link--active--BackgroundColor: transparent;
7025
7027
  --pf-v5-c-button--m-link--active--Color: var(--pf-v5-global--link--Color--hover);
7026
7028
  --pf-v5-c-button--m-link--disabled--BackgroundColor: transparent;
7029
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
7027
7030
  --pf-v5-c-button--m-link--m-inline--FontSize: inherit;
7028
7031
  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
7029
7032
  --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 {
7214
7217
  }
7215
7218
  .pf-v5-c-button.pf-m-link {
7216
7219
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-link--disabled--BackgroundColor);
7220
+ --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-link--disabled--Color);
7217
7221
  color: var(--pf-v5-c-button--m-link--Color);
7218
7222
  background-color: var(--pf-v5-c-button--m-link--BackgroundColor);
7219
7223
  }
@@ -7455,6 +7459,7 @@ button.pf-v5-c-breadcrumb__link {
7455
7459
  :where(.pf-v5-theme-dark) .pf-v5-c-button {
7456
7460
  --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
7457
7461
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7462
+ --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
7458
7463
  --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7459
7464
  --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
7460
7465
  --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 {
7474
7479
  --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
7475
7480
  --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
7476
7481
  --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
7482
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
7477
7483
  --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7478
7484
  --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7479
7485
  --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -7496,7 +7502,6 @@ button.pf-v5-c-breadcrumb__link {
7496
7502
  }
7497
7503
 
7498
7504
  .pf-v5-c-calendar-month {
7499
- --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7500
7505
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
7501
7506
  --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
7502
7507
  --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -7536,7 +7541,7 @@ button.pf-v5-c-breadcrumb__link {
7536
7541
  --pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
7537
7542
  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-100);
7538
7543
  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
7539
- --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--disabled-color--100);
7544
+ --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--Color--200);
7540
7545
  --pf-v5-c-calendar-month__date--Width: 4ch;
7541
7546
  --pf-v5-c-calendar-month__date--Height: 4ch;
7542
7547
  --pf-v5-c-calendar-month__date--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
@@ -7554,7 +7559,6 @@ button.pf-v5-c-breadcrumb__link {
7554
7559
  flex-direction: column;
7555
7560
  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);
7556
7561
  font-size: var(--pf-v5-c-calendar-month--FontSize);
7557
- background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
7558
7562
  }
7559
7563
 
7560
7564
  .pf-v5-c-calendar-month__header {
@@ -7701,6 +7705,7 @@ button.pf-v5-c-breadcrumb__link {
7701
7705
  :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
7702
7706
  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
7703
7707
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
7708
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
7704
7709
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--palette--black-900);
7705
7710
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-400);
7706
7711
  --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 {
7718
7723
  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
7719
7724
  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7720
7725
  --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
7726
+ --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--primary-color--400);
7721
7727
  }
7722
7728
 
7723
7729
  .pf-v5-c-card {
@@ -10496,15 +10502,17 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10496
10502
  }
10497
10503
 
10498
10504
  .pf-v5-c-droppable {
10499
- --pf-v5-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
10505
+ --pf-v5-c-droppable--before--BackgroundColor: transparent;
10506
+ --pf-v5-c-droppable--before--Opacity: 0;
10507
+ --pf-v5-c-droppable--after--BorderWidth: 0;
10508
+ --pf-v5-c-droppable--after--BorderColor: transparent;
10509
+ --pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-v5-global--palette--white);
10510
+ --pf-v5-c-droppable--m-dragging--before--Opacity: .6;
10500
10511
  --pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
10501
10512
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
10502
10513
  --pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
10503
10514
  }
10504
- .pf-v5-c-droppable.pf-m-dragging {
10505
- position: relative;
10506
- }
10507
- .pf-v5-c-droppable.pf-m-dragging::after {
10515
+ .pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
10508
10516
  position: absolute;
10509
10517
  top: 0;
10510
10518
  right: 0;
@@ -10513,14 +10521,41 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10513
10521
  pointer-events: none;
10514
10522
  content: "";
10515
10523
  }
10524
+ .pf-v5-c-droppable::before {
10525
+ background-color: var(--pf-v5-c-droppable--before--BackgroundColor);
10526
+ opacity: var(--pf-v5-c-droppable--before--Opacity);
10527
+ }
10516
10528
  .pf-v5-c-droppable::after {
10517
- background-color: var(--pf-v5-c-droppable--m-dragging--after--BackgroundColor);
10518
- border: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
10529
+ border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
10530
+ }
10531
+ .pf-v5-c-droppable.pf-m-dragging {
10532
+ --pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
10533
+ --pf-v5-c-droppable--before--Opacity: var(--pf-v5-c-droppable--m-dragging--before--Opacity);
10534
+ --pf-v5-c-droppable--after--BorderWidth: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth);
10535
+ --pf-v5-c-droppable--after--BorderColor: var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
10536
+ position: relative;
10519
10537
  }
10520
10538
  .pf-v5-c-droppable.pf-m-drag-outside {
10521
10539
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
10522
10540
  }
10523
10541
 
10542
+ :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,
10543
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10544
+ :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,
10545
+ :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 {
10546
+ --pf-v5-global--Color--100: #e0e0e0;
10547
+ --pf-v5-global--Color--200: #aaabac;
10548
+ --pf-v5-global--BorderColor--100: #444548;
10549
+ --pf-v5-global--primary-color--100: #1fa7f8;
10550
+ --pf-v5-global--link--Color: #1fa7f8;
10551
+ --pf-v5-global--link--Color--hover: #73bcf7;
10552
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
10553
+ }
10554
+
10555
+ :where(.pf-v5-theme-dark) .pf-v5-c-droppable {
10556
+ --pf-v5-c-droppable--m-dragging--before--Opacity: .2;
10557
+ }
10558
+
10524
10559
  .pf-v5-c-dual-list-selector {
10525
10560
  --pf-v5-c-dual-list-selector__header--GridArea: pane-header;
10526
10561
  --pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
@@ -10543,9 +10578,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10543
10578
  --pf-v5-c-dual-list-selector__menu--MaxHeight: 20rem;
10544
10579
  --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-v5-global--FontSize--sm);
10545
10580
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: transparent;
10546
- --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
10547
- --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
10548
- --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
10581
+ --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
10582
+ --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
10583
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
10549
10584
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
10550
10585
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
10551
10586
  --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,
10820
10855
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
10821
10856
  }
10822
10857
 
10858
+ :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,
10859
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10860
+ :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,
10861
+ :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 {
10862
+ --pf-v5-global--Color--100: #e0e0e0;
10863
+ --pf-v5-global--Color--200: #aaabac;
10864
+ --pf-v5-global--BorderColor--100: #444548;
10865
+ --pf-v5-global--primary-color--100: #1fa7f8;
10866
+ --pf-v5-global--link--Color: #1fa7f8;
10867
+ --pf-v5-global--link--Color--hover: #73bcf7;
10868
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
10869
+ }
10870
+
10871
+ :where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
10872
+ --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10873
+ --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10874
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10875
+ }
10876
+
10823
10877
  .pf-v5-c-toolbar {
10824
10878
  --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
10825
10879
  --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,
13830
13884
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
13831
13885
  --pf-v5-c-dropdown__toggle--before--BorderLeftColor: transparent;
13832
13886
  --pf-v5-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
13887
+ --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
13833
13888
  --pf-v5-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
13889
+ --pf-v5-c-dropdown__toggle--m-primary--Color: var(--pf-v5-global--primary-color--400);
13834
13890
  --pf-v5-c-dropdown__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13835
13891
  --pf-v5-c-dropdown__menu--Top: 100%;
13836
13892
  --pf-v5-c-dropdown--m-top__menu--TranslateY: -100%;
@@ -14961,7 +15017,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14961
15017
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
14962
15018
  --pf-v5-c-form-control--BorderLeftColor: transparent;
14963
15019
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
14964
- --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--palette--black-300);
15020
+ --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--300);
14965
15021
  --pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
14966
15022
  --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
14967
15023
  color: var(--pf-v5-global--Color--100);
@@ -15439,7 +15495,7 @@ label.pf-v5-c-input-group__text {
15439
15495
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: transparent;
15440
15496
  --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15441
15497
  --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
15442
- --pf-v5-c-input-group__text--m-disabled--Color: var(--pf-v5-global--palette--black-100);
15498
+ --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--300);
15443
15499
  }
15444
15500
  :where(.pf-v5-theme-dark) .pf-v5-c-input-group > * + * {
15445
15501
  --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 {
16134
16190
  --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16135
16191
  --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16136
16192
  --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16193
+ --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16137
16194
  --pf-v5-c-label__content--before--BorderWidth: 0;
16138
16195
  --pf-v5-c-label__content--before--BorderColor: transparent;
16139
16196
  --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 {
16168
16225
  --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16169
16226
  --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16170
16227
  --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16228
+ --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
16229
+ --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
16230
+ --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16231
+ --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16232
+ --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16171
16233
  }
16172
16234
 
16173
16235
  .pf-v5-c-label-group {
@@ -18082,7 +18144,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18082
18144
  --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
18083
18145
  --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18084
18146
  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18085
- --pf-v5-c-menu__list-item--m-disabled__item--Color: var(--pf-v5-global--Color--200);
18086
18147
  }
18087
18148
 
18088
18149
  .pf-v5-c-menu-toggle {
@@ -18170,7 +18231,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18170
18231
  --pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
18171
18232
  --pf-v5-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18172
18233
  --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18173
- --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--Color--dark-200);
18234
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
18174
18235
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18175
18236
  --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-v5-global--spacer--sm);
18176
18237
  --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)) {
18358
18419
  --pf-v5-c-menu-toggle--PaddingRight: 0;
18359
18420
  --pf-v5-c-check__input--MarginTop: 0;
18360
18421
  --pf-v5-c-check__label--Color: currentcolor;
18422
+ --pf-v5-c-check__label--disabled--Color: currentcolor;
18361
18423
  align-items: center;
18362
18424
  align-self: stretch;
18363
18425
  }
@@ -18424,8 +18486,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18424
18486
  --pf-v5-c-menu-toggle--after--BorderBottomColor: transparent;
18425
18487
  }
18426
18488
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled, .pf-v5-c-menu-toggle.pf-m-split-button:disabled {
18427
- --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
18428
- --pf-v5-c-menu-toggle--m-split-button--child--Color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color);
18429
18489
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
18430
18490
  }
18431
18491
  .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)) {
18509
18569
  --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
18510
18570
  --pf-v5-c-menu-toggle--before--BorderLeftColor: transparent;
18511
18571
  --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
18512
- --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
18513
- --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--palette--black-100);
18514
18572
  --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
18573
+ --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
18574
+ --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--300);
18575
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
18576
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
18577
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
18515
18578
  }
18516
18579
  :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
18517
18580
  background: transparent;
@@ -18974,7 +19037,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18974
19037
  --pf-v5-c-nav--m-horizontal__link--lg--PaddingBottom: var(--pf-v5-global--spacer--lg);
18975
19038
  --pf-v5-c-nav--m-horizontal__link--Right: var(--pf-v5-global--spacer--md);
18976
19039
  --pf-v5-c-nav--m-horizontal__link--Left: var(--pf-v5-global--spacer--md);
18977
- --pf-v5-c-nav--m-horizontal__link--Color: var(--pf-v5-global--Color--light-300);
19040
+ --pf-v5-c-nav--m-horizontal__link--Color: var(--pf-v5-global--Color--light-200);
18978
19041
  --pf-v5-c-nav--m-horizontal__link--hover--Color: var(--pf-v5-global--active-color--400);
18979
19042
  --pf-v5-c-nav--m-horizontal__link--focus--Color: var(--pf-v5-global--active-color--400);
18980
19043
  --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)) {
19990
20053
 
19991
20054
  :where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
19992
20055
  --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20056
+ --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
19993
20057
  --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
19994
20058
  --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--palette--black-900);
19995
20059
  }
@@ -21982,6 +22046,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21982
22046
  --pf-v5-c-panel--m-bordered--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
21983
22047
  --pf-v5-c-panel--m-raised--BoxShadow: var(--pf-v5-global--BoxShadow--md);
21984
22048
  --pf-v5-c-panel--m-raised--ZIndex: var(--pf-v5-global--ZIndex--sm);
22049
+ --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21985
22050
  --pf-v5-c-panel__header--PaddingTop: var(--pf-v5-global--spacer--md);
21986
22051
  --pf-v5-c-panel__header--PaddingRight: var(--pf-v5-global--spacer--md);
21987
22052
  --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)) {
22022
22087
  --pf-v5-c-panel--before--BorderWidth: var(--pf-v5-c-panel--m-bordered--before--BorderWidth);
22023
22088
  }
22024
22089
  .pf-v5-c-panel.pf-m-raised {
22090
+ --pf-v5-c-panel--BackgroundColor: var(--pf-v5-c-panel--m-raised--BackgroundColor);
22025
22091
  --pf-v5-c-panel--BoxShadow: var(--pf-v5-c-panel--m-raised--BoxShadow);
22026
22092
  --pf-v5-c-panel--ZIndex: var(--pf-v5-c-panel--m-raised--ZIndex);
22027
22093
  }
@@ -22049,6 +22115,23 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22049
22115
  box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
22050
22116
  }
22051
22117
 
22118
+ :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,
22119
+ :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,
22120
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22121
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22122
+ --pf-v5-global--Color--100: #e0e0e0;
22123
+ --pf-v5-global--Color--200: #aaabac;
22124
+ --pf-v5-global--BorderColor--100: #444548;
22125
+ --pf-v5-global--primary-color--100: #1fa7f8;
22126
+ --pf-v5-global--link--Color: #1fa7f8;
22127
+ --pf-v5-global--link--Color--hover: #73bcf7;
22128
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
22129
+ }
22130
+
22131
+ :where(.pf-v5-theme-dark) .pf-v5-c-panel {
22132
+ --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22133
+ }
22134
+
22052
22135
  .pf-v5-c-popover {
22053
22136
  --pf-v5-c-popover--FontSize: var(--pf-v5-global--FontSize--sm);
22054
22137
  --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)) {
22237
22320
  :where(.pf-v5-theme-dark) .pf-v5-c-popover {
22238
22321
  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22239
22322
  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22240
- --pf-v5-c-popover--m-default__title-text--Color: var(--pf-v5-global--custom-color--200);
22323
+ --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
22241
22324
  --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--100);
22242
22325
  --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
22243
22326
  }
@@ -22728,6 +22811,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22728
22811
  font-weight: var(--pf-v5-c-progress-stepper__step-title--FontWeight);
22729
22812
  color: var(--pf-v5-c-progress-stepper__step-title--Color);
22730
22813
  text-align: var(--pf-v5-c-progress-stepper__step-title--TextAlign);
22814
+ background: none;
22731
22815
  border: 0;
22732
22816
  }
22733
22817
  .pf-v5-c-progress-stepper__step-title.pf-m-help-text {
@@ -29165,6 +29249,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29165
29249
  :where(.pf-v5-theme-dark) .pf-v5-c-tabs {
29166
29250
  --pf-v5-c-tabs__scroll-button--BackgroundColor: transparent;
29167
29251
  --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29252
+ --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--300);
29168
29253
  --pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29169
29254
  }
29170
29255
 
@@ -29318,6 +29403,27 @@ svg.pf-v5-c-spinner.pf-m-xl {
29318
29403
  display: flex;
29319
29404
  }
29320
29405
 
29406
+ :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,
29407
+ :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,
29408
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29409
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29410
+ --pf-v5-global--Color--100: #e0e0e0;
29411
+ --pf-v5-global--Color--200: #aaabac;
29412
+ --pf-v5-global--BorderColor--100: #444548;
29413
+ --pf-v5-global--primary-color--100: #1fa7f8;
29414
+ --pf-v5-global--link--Color: #1fa7f8;
29415
+ --pf-v5-global--link--Color--hover: #73bcf7;
29416
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
29417
+ }
29418
+
29419
+ :where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
29420
+ --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
29421
+ --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
29422
+ --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29423
+ --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
29424
+ --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
29425
+ }
29426
+
29321
29427
  .pf-v5-c-tile {
29322
29428
  --pf-v5-c-tile--PaddingTop: var(--pf-v5-global--spacer--lg);
29323
29429
  --pf-v5-c-tile--PaddingRight: var(--pf-v5-global--spacer--lg);
@@ -29592,6 +29698,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29592
29698
  --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-v5-global--BorderRadius--sm);
29593
29699
  --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-v5-global--spacer--sm);
29594
29700
  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--palette--blue-50);
29701
+ --pf-v5-c-toggle-group__button--m-selected--Color: initial;
29595
29702
  --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-v5-global--primary-color--100);
29596
29703
  --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-v5-global--ZIndex--xs);
29597
29704
  --pf-v5-c-toggle-group--m-compact__button--PaddingTop: 0;
@@ -29655,6 +29762,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29655
29762
  }
29656
29763
  .pf-v5-c-toggle-group__button.pf-m-selected {
29657
29764
  --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--m-selected--BackgroundColor);
29765
+ --pf-v5-c-toggle-group__button--Color: var(--pf-v5-c-toggle-group__button--m-selected--Color, inherit);
29658
29766
  --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--m-selected--ZIndex);
29659
29767
  --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--m-selected--before--BorderColor);
29660
29768
  }
@@ -29688,6 +29796,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29688
29796
  --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
29689
29797
  --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--palette--black-100);
29690
29798
  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--primary-color--300);
29799
+ --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
29691
29800
  }
29692
29801
 
29693
29802
  .pf-v5-c-tooltip {
@@ -30361,7 +30470,7 @@ label.pf-v5-c-tree-view__node-text {
30361
30470
  --pf-v5-c-wizard__nav-link--focus--Color: var(--pf-v5-global--link--Color);
30362
30471
  --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-v5-global--link--Color);
30363
30472
  --pf-v5-c-wizard__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
30364
- --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--Color--dark-200);
30473
+ --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
30365
30474
  --pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
30366
30475
  --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
30367
30476
  --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 {
30382
30491
  --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-v5-global--active-color--100);
30383
30492
  --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-v5-global--Color--light-100);
30384
30493
  --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
30385
- --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--Color--dark-200);
30494
+ --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--100);
30386
30495
  --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30387
30496
  --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
30388
30497
  --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 {
30835
30944
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
30836
30945
  --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
30837
30946
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
30838
- --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
30839
- --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--300);
30840
30947
  }
30841
30948
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
30842
30949
  color: var(--pf-v5-global--Color--100);
@@ -34100,18 +34207,18 @@ label.pf-v5-c-tree-view__node-text {
34100
34207
  }
34101
34208
 
34102
34209
  .pf-v5-l-level {
34103
- --pf-v5-l-level--m-gutter--MarginRight: var(--pf-v5-global--gutter);
34210
+ --pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
34104
34211
  display: flex;
34105
34212
  flex-wrap: wrap;
34106
34213
  align-items: center;
34107
34214
  justify-content: space-between;
34108
34215
  }
34109
- .pf-v5-l-level.pf-m-gutter > *:not(:last-child) {
34110
- margin-right: var(--pf-v5-l-level--m-gutter--MarginRight);
34216
+ .pf-v5-l-level.pf-m-gutter {
34217
+ gap: var(--pf-v5-l-level--m-gutter--Gap);
34111
34218
  }
34112
34219
 
34113
34220
  .pf-v5-l-split {
34114
- --pf-v5-l-stack--m-gutter--MarginRight: var(--pf-v5-global--gutter);
34221
+ --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
34115
34222
  display: flex;
34116
34223
  padding: 0;
34117
34224
  margin: 0;
@@ -34124,12 +34231,12 @@ label.pf-v5-c-tree-view__node-text {
34124
34231
  flex-grow: 1;
34125
34232
  }
34126
34233
 
34127
- .pf-v5-l-split.pf-m-gutter > *:not(:last-child) {
34128
- margin-right: var(--pf-v5-l-stack--m-gutter--MarginRight);
34234
+ .pf-v5-l-split.pf-m-gutter {
34235
+ gap: var(--pf-v5-l-stack--m-gutter--Gap);
34129
34236
  }
34130
34237
 
34131
34238
  .pf-v5-l-stack {
34132
- --pf-v5-l-stack--m-gutter--MarginBottom: var(--pf-v5-global--gutter);
34239
+ --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
34133
34240
  display: flex;
34134
34241
  flex-direction: column;
34135
34242
  height: 100%;
@@ -34139,6 +34246,6 @@ label.pf-v5-c-tree-view__node-text {
34139
34246
  flex-grow: 1;
34140
34247
  }
34141
34248
 
34142
- .pf-v5-l-stack.pf-m-gutter > *:not(:last-child) {
34143
- margin-bottom: var(--pf-v5-l-stack--m-gutter--MarginBottom);
34249
+ .pf-v5-l-stack.pf-m-gutter {
34250
+ gap: var(--pf-v5-l-stack--m-gutter--Gap);
34144
34251
  }