@patternfly/patternfly 5.0.0-alpha.65 → 5.0.0-alpha.67

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 (78) hide show
  1. package/base/_variables.scss +1 -1
  2. package/base/patternfly-globals.css +1 -1
  3. package/base/patternfly-variables.css +2 -2
  4. package/components/AboutModalBox/about-modal-box.css +2 -2
  5. package/components/Accordion/accordion.css +1 -1
  6. package/components/Alert/alert.css +1 -1
  7. package/components/AppLauncher/app-launcher.css +1 -1
  8. package/components/Badge/badge.css +1 -1
  9. package/components/Banner/banner.css +3 -3
  10. package/components/Button/button.css +2 -2
  11. package/components/CalendarMonth/calendar-month.css +3 -3
  12. package/components/Card/card.css +2 -2
  13. package/components/Chip/chip.css +1 -1
  14. package/components/ClipboardCopy/clipboard-copy.css +3 -3
  15. package/components/CodeEditor/code-editor.css +1 -1
  16. package/components/ContextSelector/context-selector.css +5 -5
  17. package/components/DataList/data-list.css +1 -1
  18. package/components/DatePicker/date-picker.css +1 -1
  19. package/components/DragDrop/drag-drop.css +1 -1
  20. package/components/Drawer/drawer.css +2 -2
  21. package/components/Dropdown/dropdown.css +3 -3
  22. package/components/DualListSelector/dual-list-selector.css +1 -1
  23. package/components/Form/form.css +1 -1
  24. package/components/FormControl/form-control.css +3 -3
  25. package/components/HelperText/helper-text.css +1 -1
  26. package/components/Hint/hint.css +1 -1
  27. package/components/InputGroup/input-group.css +2 -2
  28. package/components/Label/label.css +1 -1
  29. package/components/LogViewer/log-viewer.css +2 -2
  30. package/components/Login/login.css +5 -5
  31. package/components/Masthead/masthead.css +5 -3
  32. package/components/Masthead/masthead.scss +2 -0
  33. package/components/Menu/menu.css +1 -1
  34. package/components/MenuToggle/menu-toggle.css +2 -2
  35. package/components/ModalBox/modal-box.css +1 -1
  36. package/components/Nav/nav.css +6 -6
  37. package/components/NotificationBadge/notification-badge.css +1 -1
  38. package/components/NotificationDrawer/notification-drawer.css +1 -1
  39. package/components/OptionsMenu/options-menu.css +2 -2
  40. package/components/Page/page.css +14 -14
  41. package/components/Pagination/pagination.css +1 -1
  42. package/components/Panel/panel.css +1 -1
  43. package/components/Popover/popover.css +1 -1
  44. package/components/Progress/progress.css +1 -1
  45. package/components/Select/select.css +2 -2
  46. package/components/SimpleList/simple-list.css +1 -1
  47. package/components/Skeleton/skeleton.css +1 -1
  48. package/components/Switch/switch.css +1 -1
  49. package/components/Table/table.css +2 -2
  50. package/components/Tabs/tabs.css +1 -1
  51. package/components/TextInputGroup/text-input-group.css +1 -1
  52. package/components/Tile/tile.css +1 -1
  53. package/components/ToggleGroup/toggle-group.css +1 -1
  54. package/components/Toolbar/toolbar.css +49 -15
  55. package/components/Toolbar/toolbar.scss +54 -18
  56. package/components/Tooltip/tooltip.css +1 -1
  57. package/components/TreeView/tree-view.css +1 -1
  58. package/components/Wizard/wizard.css +3 -3
  59. package/docs/components/Toolbar/examples/Toolbar.md +4 -2
  60. package/package.json +1 -1
  61. package/patternfly-addons.css +78 -78
  62. package/patternfly-base-no-globals-theme-dark-unversioned.css +3 -3
  63. package/patternfly-base-no-globals.css +3 -3
  64. package/patternfly-base-theme-dark-unversioned.css +3 -3
  65. package/patternfly-base.css +3 -3
  66. package/patternfly-charts-theme-dark-unversioned.css +1 -1
  67. package/patternfly-charts-theme-dark.css +1 -1
  68. package/patternfly-charts.css +1 -1
  69. package/patternfly-charts.scss +1 -1
  70. package/patternfly-no-globals.css +358 -322
  71. package/patternfly-theme-dark-unversioned.css +358 -322
  72. package/patternfly.css +358 -322
  73. package/patternfly.min.css +1 -1
  74. package/patternfly.min.css.map +1 -1
  75. package/sass-utilities/_init.scss +2 -2
  76. package/themes/dark/_patternfly-charts-theme-dark.scss +1 -1
  77. package/utilities/BackgroundColor/BackgroundColor.css +30 -30
  78. package/utilities/Text/text.css +48 -48
@@ -76,7 +76,7 @@
76
76
  margin: 0;
77
77
  }
78
78
 
79
- :root {
79
+ :where(:root) {
80
80
  --pf-v5-global--palette--black-100: #fafafa;
81
81
  --pf-v5-global--palette--black-150: #f5f5f5;
82
82
  --pf-v5-global--palette--black-200: #f0f0f0;
@@ -314,10 +314,10 @@
314
314
  --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
315
315
  }
316
316
 
317
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
318
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
319
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
320
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box {
317
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
318
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
319
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
320
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-about-modal-box {
321
321
  --pf-v5-global--Color--100: #e0e0e0;
322
322
  --pf-v5-global--Color--200: #aaabac;
323
323
  --pf-v5-global--BorderColor--100: #444548;
@@ -327,7 +327,7 @@
327
327
  --pf-v5-global--BackgroundColor--100: #1b1d21;
328
328
  }
329
329
 
330
- :root:where(.pf-theme-dark) {
330
+ :where(.pf-theme-dark) {
331
331
  --pf-v5-global--palette--black-50: #e0e0e0;
332
332
  --pf-v5-global--palette--black-100: #c6c7c8;
333
333
  --pf-v5-global--palette--black-200: #aaabac;
@@ -663,7 +663,7 @@ button) {
663
663
  cursor: pointer;
664
664
  }
665
665
 
666
- :root:where(.pf-theme-dark) {
666
+ :where(.pf-theme-dark) {
667
667
  color-scheme: dark;
668
668
  }
669
669
 
@@ -5617,10 +5617,10 @@ button) {
5617
5617
  --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor);
5618
5618
  }
5619
5619
 
5620
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
5621
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5622
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
5623
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box {
5620
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
5621
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5622
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
5623
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-about-modal-box {
5624
5624
  --pf-v5-global--Color--100: #e0e0e0;
5625
5625
  --pf-v5-global--Color--200: #aaabac;
5626
5626
  --pf-v5-global--BorderColor--100: #444548;
@@ -5630,7 +5630,7 @@ button) {
5630
5630
  --pf-v5-global--BackgroundColor--100: #1b1d21;
5631
5631
  }
5632
5632
 
5633
- :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box {
5633
+ :where(.pf-theme-dark) .pf-v5-c-about-modal-box {
5634
5634
  color: var(--pf-v5-global--Color--100);
5635
5635
  }
5636
5636
 
@@ -5847,10 +5847,10 @@ button) {
5847
5847
  --pf-v5-c-accordion__expandable-content-body--PaddingTop: var(--pf-v5-c-accordion__expandable-content-body--expandable-content-body--PaddingTop);
5848
5848
  }
5849
5849
 
5850
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
5851
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5852
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
5853
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box {
5850
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
5851
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5852
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
5853
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-about-modal-box {
5854
5854
  --pf-v5-global--Color--100: #e0e0e0;
5855
5855
  --pf-v5-global--Color--200: #aaabac;
5856
5856
  --pf-v5-global--BorderColor--100: #444548;
@@ -5860,7 +5860,7 @@ button) {
5860
5860
  --pf-v5-global--BackgroundColor--100: #1b1d21;
5861
5861
  }
5862
5862
 
5863
- :root:where(.pf-theme-dark) .pf-v5-c-accordion {
5863
+ :where(.pf-theme-dark) .pf-v5-c-accordion {
5864
5864
  --pf-v5-c-accordion__toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
5865
5865
  --pf-v5-c-accordion__toggle--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
5866
5866
  --pf-v5-c-accordion__toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -6094,10 +6094,10 @@ button) {
6094
6094
  margin-right: var(--pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight);
6095
6095
  }
6096
6096
 
6097
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6098
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6099
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
6100
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box {
6097
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6098
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6099
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
6100
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-about-modal-box {
6101
6101
  --pf-v5-global--Color--100: #e0e0e0;
6102
6102
  --pf-v5-global--Color--200: #aaabac;
6103
6103
  --pf-v5-global--BorderColor--100: #444548;
@@ -6107,7 +6107,7 @@ button) {
6107
6107
  --pf-v5-global--BackgroundColor--100: #1b1d21;
6108
6108
  }
6109
6109
 
6110
- :root:where(.pf-theme-dark) .pf-v5-c-alert {
6110
+ :where(.pf-theme-dark) .pf-v5-c-alert {
6111
6111
  --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6112
6112
  --pf-v5-c-alert--m-custom__title--Color: var(--pf-v5-global--custom-color--200);
6113
6113
  --pf-v5-c-alert--m-success__title--Color: var(--pf-v5-global--success-color--100);
@@ -6402,10 +6402,10 @@ button) {
6402
6402
  color: var(--pf-v5-c-app-launcher__group-title--Color);
6403
6403
  }
6404
6404
 
6405
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6406
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6407
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
6408
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box {
6405
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6406
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6407
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
6408
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-about-modal-box {
6409
6409
  --pf-v5-global--Color--100: #e0e0e0;
6410
6410
  --pf-v5-global--Color--200: #aaabac;
6411
6411
  --pf-v5-global--BorderColor--100: #444548;
@@ -6415,7 +6415,7 @@ button) {
6415
6415
  --pf-v5-global--BackgroundColor--100: #1b1d21;
6416
6416
  }
6417
6417
 
6418
- :root:where(.pf-theme-dark) .pf-v5-c-app-launcher {
6418
+ :where(.pf-theme-dark) .pf-v5-c-app-launcher {
6419
6419
  --pf-v5-c-app-launcher__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6420
6420
  --pf-v5-c-app-launcher__menu--Top: 100%;
6421
6421
  --pf-v5-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -6775,10 +6775,10 @@ button) {
6775
6775
  --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
6776
6776
  }
6777
6777
 
6778
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6779
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6780
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
6781
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box {
6778
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6779
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6780
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
6781
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-about-modal-box {
6782
6782
  --pf-v5-global--Color--100: #e0e0e0;
6783
6783
  --pf-v5-global--Color--200: #aaabac;
6784
6784
  --pf-v5-global--BorderColor--100: #444548;
@@ -6788,7 +6788,7 @@ button) {
6788
6788
  --pf-v5-global--BackgroundColor--100: #1b1d21;
6789
6789
  }
6790
6790
 
6791
- :root:where(.pf-theme-dark) .pf-v5-c-badge {
6791
+ :where(.pf-theme-dark) .pf-v5-c-badge {
6792
6792
  --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
6793
6793
  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
6794
6794
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -6879,10 +6879,10 @@ button) {
6879
6879
  cursor: not-allowed;
6880
6880
  }
6881
6881
 
6882
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6883
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6884
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
6885
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box {
6882
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6883
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6884
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
6885
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-about-modal-box {
6886
6886
  --pf-v5-global--Color--100: #e0e0e0;
6887
6887
  --pf-v5-global--Color--200: #aaabac;
6888
6888
  --pf-v5-global--BorderColor--100: #444548;
@@ -6892,10 +6892,10 @@ button) {
6892
6892
  --pf-v5-global--BackgroundColor--100: #1b1d21;
6893
6893
  }
6894
6894
 
6895
- :root:where(.pf-theme-dark) .pf-v5-c-banner {
6895
+ :where(.pf-theme-dark) .pf-v5-c-banner {
6896
6896
  color: var(false);
6897
6897
  }
6898
- :root:where(.pf-theme-dark) .pf-v5-c-banner.pf-m-blue, :root:where(.pf-theme-dark) .pf-v5-c-banner.pf-m-red, :root:where(.pf-theme-dark) .pf-v5-c-banner.pf-m-green, :root:where(.pf-theme-dark) .pf-v5-c-banner.pf-m-gold {
6898
+ :where(.pf-theme-dark) .pf-v5-c-banner.pf-m-blue, :where(.pf-theme-dark) .pf-v5-c-banner.pf-m-red, :where(.pf-theme-dark) .pf-v5-c-banner.pf-m-green, :where(.pf-theme-dark) .pf-v5-c-banner.pf-m-gold {
6899
6899
  --pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
6900
6900
  }
6901
6901
 
@@ -7560,10 +7560,10 @@ button.pf-v5-c-breadcrumb__link {
7560
7560
  margin-left: var(--pf-v5-c-button__count--MarginLeft);
7561
7561
  }
7562
7562
 
7563
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
7564
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7565
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
7566
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
7563
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
7564
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7565
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
7566
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
7567
7567
  --pf-v5-global--Color--100: #e0e0e0;
7568
7568
  --pf-v5-global--Color--200: #aaabac;
7569
7569
  --pf-v5-global--BorderColor--100: #444548;
@@ -7573,7 +7573,7 @@ button.pf-v5-c-breadcrumb__link {
7573
7573
  --pf-v5-global--BackgroundColor--100: #1b1d21;
7574
7574
  }
7575
7575
 
7576
- :root:where(.pf-theme-dark) .pf-v5-c-button {
7576
+ :where(.pf-theme-dark) .pf-v5-c-button {
7577
7577
  --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
7578
7578
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7579
7579
  --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
@@ -7613,7 +7613,7 @@ button.pf-v5-c-breadcrumb__link {
7613
7613
  --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
7614
7614
  --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
7615
7615
  }
7616
- :root:where(.pf-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
7616
+ :where(.pf-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
7617
7617
  border: 0;
7618
7618
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
7619
7619
  }
@@ -7806,10 +7806,10 @@ button.pf-v5-c-breadcrumb__link {
7806
7806
  pointer-events: none;
7807
7807
  }
7808
7808
 
7809
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
7810
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7811
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
7812
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
7809
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
7810
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7811
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
7812
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
7813
7813
  --pf-v5-global--Color--100: #e0e0e0;
7814
7814
  --pf-v5-global--Color--200: #aaabac;
7815
7815
  --pf-v5-global--BorderColor--100: #444548;
@@ -7819,7 +7819,7 @@ button.pf-v5-c-breadcrumb__link {
7819
7819
  --pf-v5-global--BackgroundColor--100: #1b1d21;
7820
7820
  }
7821
7821
 
7822
- :root:where(.pf-theme-dark) .pf-v5-c-calendar-month {
7822
+ :where(.pf-theme-dark) .pf-v5-c-calendar-month {
7823
7823
  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
7824
7824
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
7825
7825
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
@@ -7832,11 +7832,11 @@ button.pf-v5-c-breadcrumb__link {
7832
7832
  --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
7833
7833
  --pf-v5-c-calendar-month__date--focus--after--BorderColor: transparent;
7834
7834
  }
7835
- :root:where(.pf-theme-dark) .pf-v5-c-calendar-month__date:hover, :root:where(.pf-theme-dark) .pf-v5-c-calendar-month__date.pf-m-hover {
7835
+ :where(.pf-theme-dark) .pf-v5-c-calendar-month__date:hover, :where(.pf-theme-dark) .pf-v5-c-calendar-month__date.pf-m-hover {
7836
7836
  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7837
7837
  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7838
7838
  }
7839
- :root:where(.pf-theme-dark) .pf-v5-c-calendar-month__date:focus, :root:where(.pf-theme-dark) .pf-v5-c-calendar-month__date.pf-m-focus {
7839
+ :where(.pf-theme-dark) .pf-v5-c-calendar-month__date:focus, :where(.pf-theme-dark) .pf-v5-c-calendar-month__date.pf-m-focus {
7840
7840
  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
7841
7841
  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7842
7842
  --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -8233,10 +8233,10 @@ button.pf-v5-c-breadcrumb__link {
8233
8233
  border: var(--pf-v5-c-card__input--focus--BorderWidth) solid var(--pf-v5-c-card__input--focus--BorderColor);
8234
8234
  }
8235
8235
 
8236
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8237
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8238
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
8239
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
8236
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8237
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8238
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
8239
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
8240
8240
  --pf-v5-global--Color--100: #e0e0e0;
8241
8241
  --pf-v5-global--Color--200: #aaabac;
8242
8242
  --pf-v5-global--BorderColor--100: #444548;
@@ -8246,8 +8246,8 @@ button.pf-v5-c-breadcrumb__link {
8246
8246
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8247
8247
  }
8248
8248
 
8249
- :root:where(.pf-theme-dark) .pf-v5-c-card,
8250
- :root:where(.pf-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
8249
+ :where(.pf-theme-dark) .pf-v5-c-card,
8250
+ :where(.pf-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
8251
8251
  --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--md);
8252
8252
  --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
8253
8253
  --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
@@ -8425,10 +8425,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8425
8425
  line-height: 1;
8426
8426
  }
8427
8427
 
8428
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8429
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8430
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
8431
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
8428
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8429
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8430
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
8431
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
8432
8432
  --pf-v5-global--Color--100: #e0e0e0;
8433
8433
  --pf-v5-global--Color--200: #aaabac;
8434
8434
  --pf-v5-global--BorderColor--100: #444548;
@@ -8438,7 +8438,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8438
8438
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8439
8439
  }
8440
8440
 
8441
- :root:where(.pf-theme-dark) .pf-v5-c-chip {
8441
+ :where(.pf-theme-dark) .pf-v5-c-chip {
8442
8442
  --pf-v5-c-chip--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8443
8443
  --pf-v5-c-chip--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8444
8444
  --pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--palette--black-600);
@@ -8616,10 +8616,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8616
8616
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft);
8617
8617
  }
8618
8618
 
8619
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8620
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8621
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
8622
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
8619
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8620
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8621
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
8622
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
8623
8623
  --pf-v5-global--Color--100: #e0e0e0;
8624
8624
  --pf-v5-global--Color--200: #aaabac;
8625
8625
  --pf-v5-global--BorderColor--100: #444548;
@@ -8629,14 +8629,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8629
8629
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8630
8630
  }
8631
8631
 
8632
- :root:where(.pf-theme-dark) .pf-v5-c-clipboard-copy {
8632
+ :where(.pf-theme-dark) .pf-v5-c-clipboard-copy {
8633
8633
  --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8634
8634
  }
8635
- :root:where(.pf-theme-dark) .pf-v5-c-clipboard-copy__group > * + * {
8635
+ :where(.pf-theme-dark) .pf-v5-c-clipboard-copy__group > * + * {
8636
8636
  margin-left: 0;
8637
8637
  border-left: 1px solid var(--pf-v5-global--palette--black-700) !important;
8638
8638
  }
8639
- :root:where(.pf-theme-dark) .pf-v5-c-clipboard-copy__expandable-content {
8639
+ :where(.pf-theme-dark) .pf-v5-c-clipboard-copy__expandable-content {
8640
8640
  border: 0;
8641
8641
  }
8642
8642
 
@@ -8815,10 +8815,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8815
8815
  margin-left: var(--pf-v5-c-code-editor__tab-icon--text--MarginLeft);
8816
8816
  }
8817
8817
 
8818
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8819
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8820
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
8821
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
8818
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8819
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8820
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
8821
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
8822
8822
  --pf-v5-global--Color--100: #e0e0e0;
8823
8823
  --pf-v5-global--Color--200: #aaabac;
8824
8824
  --pf-v5-global--BorderColor--100: #444548;
@@ -8828,7 +8828,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8828
8828
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8829
8829
  }
8830
8830
 
8831
- :root:where(.pf-theme-dark) .pf-v5-c-code-editor__controls > * + * {
8831
+ :where(.pf-theme-dark) .pf-v5-c-code-editor__controls > * + * {
8832
8832
  border-left: 1px solid var(--pf-v5-global--palette--black-700);
8833
8833
  }
8834
8834
 
@@ -9379,10 +9379,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9379
9379
  pointer-events: none;
9380
9380
  }
9381
9381
 
9382
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
9383
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
9384
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
9385
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
9382
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
9383
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
9384
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
9385
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
9386
9386
  --pf-v5-global--Color--100: #e0e0e0;
9387
9387
  --pf-v5-global--Color--200: #aaabac;
9388
9388
  --pf-v5-global--BorderColor--100: #444548;
@@ -9392,20 +9392,20 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9392
9392
  --pf-v5-global--BackgroundColor--100: #1b1d21;
9393
9393
  }
9394
9394
 
9395
- :root:where(.pf-theme-dark) .pf-v5-c-context-selector {
9395
+ :where(.pf-theme-dark) .pf-v5-c-context-selector {
9396
9396
  --pf-v5-c-context-selector__menu--Top: 100%;
9397
9397
  --pf-v5-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
9398
9398
  }
9399
- :root:where(.pf-theme-dark) .pf-v5-c-context-selector__toggle {
9399
+ :where(.pf-theme-dark) .pf-v5-c-context-selector__toggle {
9400
9400
  background: var(--pf-v5-global--BackgroundColor--400);
9401
9401
  }
9402
- :root:where(.pf-theme-dark) .pf-v5-c-context-selector__toggle.pf-m-plain {
9402
+ :where(.pf-theme-dark) .pf-v5-c-context-selector__toggle.pf-m-plain {
9403
9403
  background: transparent;
9404
9404
  }
9405
- :root:where(.pf-theme-dark) .pf-v5-c-context-selector__menu {
9405
+ :where(.pf-theme-dark) .pf-v5-c-context-selector__menu {
9406
9406
  background: var(--pf-v5-global--BackgroundColor--300);
9407
9407
  }
9408
- :root:where(.pf-theme-dark) .pf-v5-c-context-selector__menu-footer {
9408
+ :where(.pf-theme-dark) .pf-v5-c-context-selector__menu-footer {
9409
9409
  border-top: 1px solid var(--pf-v5-global--BorderColor--300);
9410
9410
  }
9411
9411
 
@@ -10251,10 +10251,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10251
10251
  padding: 0;
10252
10252
  }
10253
10253
 
10254
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10255
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10256
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
10257
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
10254
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10255
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10256
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
10257
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
10258
10258
  --pf-v5-global--Color--100: #e0e0e0;
10259
10259
  --pf-v5-global--Color--200: #aaabac;
10260
10260
  --pf-v5-global--BorderColor--100: #444548;
@@ -10264,7 +10264,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10264
10264
  --pf-v5-global--BackgroundColor--100: #1b1d21;
10265
10265
  }
10266
10266
 
10267
- :root:where(.pf-theme-dark) .pf-v5-c-data-list {
10267
+ :where(.pf-theme-dark) .pf-v5-c-data-list {
10268
10268
  --pf-v5-c-data-list--BorderTopColor: var(--pf-v5-global--BorderColor--100);
10269
10269
  --pf-v5-c-data-list--sm--BorderTopColor: var(--pf-v5-global--BorderColor--100);
10270
10270
  --pf-v5-c-data-list__item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
@@ -10656,10 +10656,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10656
10656
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
10657
10657
  }
10658
10658
 
10659
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10660
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10661
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
10662
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
10659
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10660
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10661
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
10662
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
10663
10663
  --pf-v5-global--Color--100: #e0e0e0;
10664
10664
  --pf-v5-global--Color--200: #aaabac;
10665
10665
  --pf-v5-global--BorderColor--100: #444548;
@@ -10669,7 +10669,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10669
10669
  --pf-v5-global--BackgroundColor--100: #1b1d21;
10670
10670
  }
10671
10671
 
10672
- :root:where(.pf-theme-dark) .pf-v5-c-droppable {
10672
+ :where(.pf-theme-dark) .pf-v5-c-droppable {
10673
10673
  --pf-v5-c-droppable--m-dragging--before--Opacity: .2;
10674
10674
  }
10675
10675
 
@@ -10972,10 +10972,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10972
10972
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
10973
10973
  }
10974
10974
 
10975
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10976
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10977
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
10978
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
10975
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10976
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10977
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
10978
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
10979
10979
  --pf-v5-global--Color--100: #e0e0e0;
10980
10980
  --pf-v5-global--Color--200: #aaabac;
10981
10981
  --pf-v5-global--BorderColor--100: #444548;
@@ -10985,13 +10985,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10985
10985
  --pf-v5-global--BackgroundColor--100: #1b1d21;
10986
10986
  }
10987
10987
 
10988
- :root:where(.pf-theme-dark) .pf-v5-c-dual-list-selector {
10988
+ :where(.pf-theme-dark) .pf-v5-c-dual-list-selector {
10989
10989
  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10990
10990
  --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10991
10991
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10992
10992
  }
10993
10993
 
10994
10994
  .pf-v5-c-toolbar {
10995
+ --pf-v5-c-toolbar--AlignItems--base: flex-start;
10995
10996
  --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
10996
10997
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
10997
10998
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
@@ -11001,18 +11002,20 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11001
11002
  --pf-v5-c-toolbar__item--Display: block;
11002
11003
  --pf-v5-c-toolbar__item--MinWidth--base: auto;
11003
11004
  --pf-v5-c-toolbar__item--AlignSelf: auto;
11005
+ --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11004
11006
  --pf-v5-c-toolbar__group--Display: flex;
11005
- --pf-v5-c-toolbar__group--AlignItems: baseline;
11007
+ --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11006
11008
  --pf-v5-c-toolbar__group--AlignSelf: auto;
11007
11009
  --pf-v5-c-toolbar__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
11008
11010
  --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
11009
11011
  --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
11010
11012
  --pf-v5-c-toolbar__content--Display: flex;
11013
+ --pf-v5-c-toolbar__content--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11011
11014
  --pf-v5-c-toolbar__content--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11012
11015
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-global--spacer--md);
11013
11016
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-global--spacer--md);
11014
11017
  --pf-v5-c-toolbar__content-section--Display: flex;
11015
- --pf-v5-c-toolbar__content-section--AlignItems: baseline;
11018
+ --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11016
11019
  --pf-v5-c-toolbar__content-section--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
11017
11020
  --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-global--spacer--md);
11018
11021
  --pf-v5-c-toolbar--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
@@ -11031,8 +11034,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11031
11034
  --pf-v5-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-v5-global--spacer--md);
11032
11035
  --pf-v5-c-toolbar--spacer--base: var(--pf-v5-global--spacer--md);
11033
11036
  --pf-v5-c-toolbar__item--spacer: var(--pf-v5-c-toolbar--spacer--base);
11034
- --pf-v5-c-toolbar__group--spacer: var(--pf-v5-c-toolbar--spacer--base);
11035
11037
  --pf-v5-c-toolbar__item--Width: auto;
11038
+ --pf-v5-c-toolbar__group--spacer: var(--pf-v5-c-toolbar--spacer--base);
11036
11039
  --pf-v5-c-toolbar__group--m-toggle-group--spacer: var(--pf-v5-global--spacer--sm);
11037
11040
  --pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-c-toolbar__group--spacer);
11038
11041
  --pf-v5-c-toolbar__group--m-icon-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
@@ -11057,7 +11060,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11057
11060
  --pf-v5-c-toolbar--m-full-height--PaddingTop: 0;
11058
11061
  --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
11059
11062
  --pf-v5-c-toolbar--m-full-height__item--Display: flex;
11060
- --pf-v5-c-toolbar--m-full-height__item--AlignItems: center;
11063
+ --pf-v5-c-toolbar--m-full-height__item--AlignItems: var(--pf-v5-c-toolbar__group--AlignItems);
11061
11064
  position: relative;
11062
11065
  display: grid;
11063
11066
  row-gap: var(--pf-v5-c-toolbar--RowGap);
@@ -11107,8 +11110,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11107
11110
  .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
11108
11111
  align-self: stretch;
11109
11112
  }
11110
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
11111
- align-items: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems);
11113
+ .pf-v5-c-toolbar.pf-m-full-height :where(.pf-v5-c-toolbar__item) {
11114
+ --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems);
11112
11115
  }
11113
11116
  .pf-v5-c-toolbar.pf-m-static,
11114
11117
  .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__content {
@@ -11130,27 +11133,39 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11130
11133
  .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical:last-child {
11131
11134
  --pf-v5-c-toolbar--spacer: 0;
11132
11135
  }
11133
-
11134
- .pf-v5-c-toolbar__group {
11135
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
11136
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display);
11137
- row-gap: var(--pf-v5-c-toolbar__group--RowGap);
11138
- align-items: var(--pf-v5-c-toolbar__group--AlignItems);
11139
- align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
11140
- margin-right: var(--pf-v5-c-toolbar--spacer);
11136
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start,
11137
+ .pf-v5-c-toolbar__group.pf-m-align-items-start {
11138
+ align-items: flex-start;
11141
11139
  }
11140
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center,
11142
11141
  .pf-v5-c-toolbar__group.pf-m-align-items-center {
11143
11142
  align-items: center;
11144
11143
  }
11144
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline,
11145
11145
  .pf-v5-c-toolbar__group.pf-m-align-items-baseline {
11146
11146
  align-items: baseline;
11147
11147
  }
11148
+ .pf-v5-c-toolbar__content-section.pf-m-align-self-start,
11149
+ .pf-v5-c-toolbar__group.pf-m-align-self-start {
11150
+ align-self: flex-start;
11151
+ }
11152
+ .pf-v5-c-toolbar__content-section.pf-m-align-self-center,
11148
11153
  .pf-v5-c-toolbar__group.pf-m-align-self-center {
11149
11154
  align-self: center;
11150
11155
  }
11156
+ .pf-v5-c-toolbar__content-section.pf-m-align-self-baseline,
11151
11157
  .pf-v5-c-toolbar__group.pf-m-align-self-baseline {
11152
11158
  align-self: baseline;
11153
11159
  }
11160
+
11161
+ .pf-v5-c-toolbar__group {
11162
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
11163
+ --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display);
11164
+ row-gap: var(--pf-v5-c-toolbar__group--RowGap);
11165
+ align-items: var(--pf-v5-c-toolbar__group--AlignItems);
11166
+ align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
11167
+ margin-right: var(--pf-v5-c-toolbar--spacer);
11168
+ }
11154
11169
  .pf-v5-c-toolbar__group.pf-m-button-group {
11155
11170
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--spacer);
11156
11171
  }
@@ -11191,6 +11206,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11191
11206
  --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width);
11192
11207
  --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth);
11193
11208
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__item--Display);
11209
+ align-items: var(--pf-v5-c-toolbar__item--AlignItems);
11194
11210
  align-self: var(--pf-v5-c-toolbar__item--AlignSelf);
11195
11211
  width: var(--pf-v5-c-toolbar__item--Width--base);
11196
11212
  min-width: var(--pf-v5-c-toolbar__item--MinWidth--base);
@@ -11246,6 +11262,18 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11246
11262
  --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-2xl, var(--pf-v5-c-toolbar__item--MinWidth-on-xl, var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth))))));
11247
11263
  }
11248
11264
  }
11265
+ .pf-v5-c-toolbar__item.pf-m-align-items-start {
11266
+ align-items: flex-start;
11267
+ }
11268
+ .pf-v5-c-toolbar__item.pf-m-align-items-center {
11269
+ align-items: center;
11270
+ }
11271
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline {
11272
+ align-items: baseline;
11273
+ }
11274
+ .pf-v5-c-toolbar__item.pf-m-align-self-start {
11275
+ align-self: flex-start;
11276
+ }
11249
11277
  .pf-v5-c-toolbar__item.pf-m-align-self-center {
11250
11278
  align-self: center;
11251
11279
  }
@@ -11302,7 +11330,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11302
11330
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content--Display);
11303
11331
  position: relative;
11304
11332
  row-gap: var(--pf-v5-c-toolbar__content--RowGap);
11305
- align-items: center;
11333
+ align-items: var(--pf-v5-c-toolbar__content--AlignItems);
11306
11334
  padding-right: var(--pf-v5-c-toolbar__content--PaddingRight);
11307
11335
  padding-left: var(--pf-v5-c-toolbar__content--PaddingLeft);
11308
11336
  }
@@ -11313,9 +11341,15 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11313
11341
  align-items: var(--pf-v5-c-toolbar__content-section--AlignItems);
11314
11342
  width: 100%;
11315
11343
  }
11344
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start {
11345
+ align-items: flex-start;
11346
+ }
11316
11347
  .pf-v5-c-toolbar__content-section.pf-m-align-items-center {
11317
11348
  align-items: center;
11318
11349
  }
11350
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
11351
+ align-items: baseline;
11352
+ }
11319
11353
 
11320
11354
  .pf-v5-c-toolbar__expandable-content {
11321
11355
  position: absolute;
@@ -12180,10 +12214,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12180
12214
  min-width: min-content;
12181
12215
  }
12182
12216
 
12183
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
12184
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
12185
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
12186
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
12217
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
12218
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
12219
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
12220
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
12187
12221
  --pf-v5-global--Color--100: #e0e0e0;
12188
12222
  --pf-v5-global--Color--200: #aaabac;
12189
12223
  --pf-v5-global--BorderColor--100: #444548;
@@ -12193,7 +12227,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12193
12227
  --pf-v5-global--BackgroundColor--100: #1b1d21;
12194
12228
  }
12195
12229
 
12196
- :root:where(.pf-theme-dark) .pf-v5-c-date-picker {
12230
+ :where(.pf-theme-dark) .pf-v5-c-date-picker {
12197
12231
  --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
12198
12232
  --pf-v5-c-date-picker__calendar--Top: 100%;
12199
12233
  }
@@ -13311,10 +13345,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13311
13345
  display: none;
13312
13346
  }
13313
13347
  }
13314
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
13315
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13316
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
13317
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
13348
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
13349
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13350
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
13351
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
13318
13352
  --pf-v5-global--Color--100: #e0e0e0;
13319
13353
  --pf-v5-global--Color--200: #aaabac;
13320
13354
  --pf-v5-global--BorderColor--100: #444548;
@@ -13324,11 +13358,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13324
13358
  --pf-v5-global--BackgroundColor--100: #1b1d21;
13325
13359
  }
13326
13360
 
13327
- :root:where(.pf-theme-dark) .pf-v5-c-drawer {
13361
+ :where(.pf-theme-dark) .pf-v5-c-drawer {
13328
13362
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
13329
13363
  --pf-v5-c-drawer__splitter--BackgroundColor: transparent;
13330
13364
  }
13331
- :root:where(.pf-theme-dark) .pf-v5-c-drawer.pf-m-inline, :root:where(.pf-theme-dark) .pf-v5-c-drawer.pf-m-static {
13365
+ :where(.pf-theme-dark) .pf-v5-c-drawer.pf-m-inline, :where(.pf-theme-dark) .pf-v5-c-drawer.pf-m-static {
13332
13366
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13333
13367
  }
13334
13368
 
@@ -13981,10 +14015,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13981
14015
  color: var(--pf-v5-c-dropdown__group-title--Color);
13982
14016
  }
13983
14017
 
13984
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
13985
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13986
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
13987
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
14018
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
14019
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
14020
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
14021
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
13988
14022
  --pf-v5-global--Color--100: #e0e0e0;
13989
14023
  --pf-v5-global--Color--200: #aaabac;
13990
14024
  --pf-v5-global--BorderColor--100: #444548;
@@ -13994,7 +14028,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13994
14028
  --pf-v5-global--BackgroundColor--100: #1b1d21;
13995
14029
  }
13996
14030
 
13997
- :root:where(.pf-theme-dark) .pf-v5-c-dropdown {
14031
+ :where(.pf-theme-dark) .pf-v5-c-dropdown {
13998
14032
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
13999
14033
  --pf-v5-c-dropdown__toggle--before--BorderTopColor: transparent;
14000
14034
  --pf-v5-c-dropdown__toggle--before--BorderRightColor: transparent;
@@ -14009,10 +14043,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14009
14043
  --pf-v5-c-dropdown--m-top__menu--TranslateY: -100%;
14010
14044
  --pf-v5-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
14011
14045
  }
14012
- :root:where(.pf-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain):disabled, :root:where(.pf-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
14046
+ :where(.pf-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
14013
14047
  color: var(--pf-v5-global--palette--black-100);
14014
14048
  }
14015
- :root:where(.pf-theme-dark) .pf-v5-c-dropdown__toggle.pf-m-plain {
14049
+ :where(.pf-theme-dark) .pf-v5-c-dropdown__toggle.pf-m-plain {
14016
14050
  background: transparent;
14017
14051
  }
14018
14052
 
@@ -14837,10 +14871,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14837
14871
  margin-bottom: var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom);
14838
14872
  }
14839
14873
 
14840
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
14841
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
14842
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
14843
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
14874
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
14875
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
14876
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
14877
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
14844
14878
  --pf-v5-global--Color--100: #e0e0e0;
14845
14879
  --pf-v5-global--Color--200: #aaabac;
14846
14880
  --pf-v5-global--BorderColor--100: #444548;
@@ -14850,7 +14884,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14850
14884
  --pf-v5-global--BackgroundColor--100: #1b1d21;
14851
14885
  }
14852
14886
 
14853
- :root:where(.pf-theme-dark) .pf-v5-c-form {
14887
+ :where(.pf-theme-dark) .pf-v5-c-form {
14854
14888
  --pf-v5-c-form__helper-text--m-success--Color: var(--pf-v5-global--success-color--100);
14855
14889
  }
14856
14890
 
@@ -15115,10 +15149,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15115
15149
  pointer-events: none;
15116
15150
  }
15117
15151
 
15118
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15119
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15120
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
15121
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
15152
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15153
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15154
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
15155
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
15122
15156
  --pf-v5-global--Color--100: #e0e0e0;
15123
15157
  --pf-v5-global--Color--200: #aaabac;
15124
15158
  --pf-v5-global--BorderColor--100: #444548;
@@ -15128,7 +15162,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15128
15162
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15129
15163
  }
15130
15164
 
15131
- :root:where(.pf-theme-dark) .pf-v5-c-form-control {
15165
+ :where(.pf-theme-dark) .pf-v5-c-form-control {
15132
15166
  --pf-v5-c-form-control--BorderTopColor: transparent;
15133
15167
  --pf-v5-c-form-control--BorderRightColor: transparent;
15134
15168
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
@@ -15139,10 +15173,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15139
15173
  --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15140
15174
  color: var(--pf-v5-global--Color--100);
15141
15175
  }
15142
- :root:where(.pf-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
15176
+ :where(.pf-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
15143
15177
  filter: invert(1);
15144
15178
  }
15145
- :root:where(.pf-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
15179
+ :where(.pf-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
15146
15180
  border-bottom-color: var(--pf-v5-global--palette--black-700);
15147
15181
  }
15148
15182
 
@@ -15207,10 +15241,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15207
15241
  margin-right: var(--pf-v5-c-hint__footer--child--MarginRight);
15208
15242
  }
15209
15243
 
15210
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15211
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15212
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
15213
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
15244
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15245
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15246
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
15247
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
15214
15248
  --pf-v5-global--Color--100: #e0e0e0;
15215
15249
  --pf-v5-global--Color--200: #aaabac;
15216
15250
  --pf-v5-global--BorderColor--100: #444548;
@@ -15220,7 +15254,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15220
15254
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15221
15255
  }
15222
15256
 
15223
- :root:where(.pf-theme-dark) .pf-v5-c-hint {
15257
+ :where(.pf-theme-dark) .pf-v5-c-hint {
15224
15258
  --pf-v5-c-hint--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
15225
15259
  --pf-v5-c-hint--BorderColor: var(--pf-v5-global--BorderColor--300);
15226
15260
  }
@@ -15299,10 +15333,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15299
15333
  color: var(--pf-v5-c-helper-text__item-text--Color);
15300
15334
  }
15301
15335
 
15302
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15303
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15304
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
15305
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
15336
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15337
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15338
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
15339
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
15306
15340
  --pf-v5-global--Color--100: #e0e0e0;
15307
15341
  --pf-v5-global--Color--200: #aaabac;
15308
15342
  --pf-v5-global--BorderColor--100: #444548;
@@ -15312,7 +15346,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15312
15346
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15313
15347
  }
15314
15348
 
15315
- :root:where(.pf-theme-dark) .pf-v5-c-helper-text {
15349
+ :where(.pf-theme-dark) .pf-v5-c-helper-text {
15316
15350
  --pf-v5-c-helper-text__item-text--m-success--Color: var(--pf-v5-global--success-color--100);
15317
15351
  }
15318
15352
 
@@ -15589,10 +15623,10 @@ label.pf-v5-c-input-group__text {
15589
15623
  cursor: pointer;
15590
15624
  }
15591
15625
 
15592
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15593
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15594
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
15595
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
15626
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15627
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15628
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
15629
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
15596
15630
  --pf-v5-global--Color--100: #e0e0e0;
15597
15631
  --pf-v5-global--Color--200: #aaabac;
15598
15632
  --pf-v5-global--BorderColor--100: #444548;
@@ -15602,7 +15636,7 @@ label.pf-v5-c-input-group__text {
15602
15636
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15603
15637
  }
15604
15638
 
15605
- :root:where(.pf-theme-dark) .pf-v5-c-input-group {
15639
+ :where(.pf-theme-dark) .pf-v5-c-input-group {
15606
15640
  --pf-v5-c-input-group__item--BorderLeftWidth: var(--pf-v5-c-input-group__item--BorderWidth--base);
15607
15641
  --pf-v5-c-input-group__item--BorderLeftColor: var(--pf-v5-global--palette--black-700);
15608
15642
  --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -15614,7 +15648,7 @@ label.pf-v5-c-input-group__text {
15614
15648
  --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
15615
15649
  --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--300);
15616
15650
  }
15617
- :root:where(.pf-theme-dark) .pf-v5-c-input-group > * + * {
15651
+ :where(.pf-theme-dark) .pf-v5-c-input-group > * + * {
15618
15652
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderLeftColor);
15619
15653
  border-left: var(--pf-v5-c-input-group__item--BorderLeftWidth) solid var(--pf-v5-c-input-group__item--BorderLeftColor);
15620
15654
  }
@@ -16286,10 +16320,10 @@ button.pf-v5-c-label__content:focus {
16286
16320
  margin-bottom: var(--pf-v5-c-label__actions--c-button--MarginBottom);
16287
16321
  }
16288
16322
 
16289
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
16290
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16291
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
16292
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
16323
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
16324
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16325
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
16326
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
16293
16327
  --pf-v5-global--Color--100: #e0e0e0;
16294
16328
  --pf-v5-global--Color--200: #aaabac;
16295
16329
  --pf-v5-global--BorderColor--100: #444548;
@@ -16299,7 +16333,7 @@ button.pf-v5-c-label__content:focus {
16299
16333
  --pf-v5-global--BackgroundColor--100: #1b1d21;
16300
16334
  }
16301
16335
 
16302
- :root:where(.pf-theme-dark) .pf-v5-c-label {
16336
+ :where(.pf-theme-dark) .pf-v5-c-label {
16303
16337
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16304
16338
  --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16305
16339
  --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -16737,10 +16771,10 @@ ul.pf-v5-c-list {
16737
16771
  font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
16738
16772
  }
16739
16773
 
16740
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
16741
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16742
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
16743
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner {
16774
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
16775
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16776
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
16777
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner {
16744
16778
  --pf-v5-global--Color--100: #e0e0e0;
16745
16779
  --pf-v5-global--Color--200: #aaabac;
16746
16780
  --pf-v5-global--BorderColor--100: #444548;
@@ -16750,7 +16784,7 @@ ul.pf-v5-c-list {
16750
16784
  --pf-v5-global--BackgroundColor--100: #1b1d21;
16751
16785
  }
16752
16786
 
16753
- :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
16787
+ :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
16754
16788
  color: var(--pf-v5-global--Color--100);
16755
16789
  }
16756
16790
 
@@ -17018,10 +17052,10 @@ ul.pf-v5-c-list {
17018
17052
  padding-top: var(--pf-v5-c-login__footer--c-list--PaddingTop);
17019
17053
  }
17020
17054
 
17021
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
17022
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
17023
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
17024
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
17055
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
17056
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
17057
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-login__header,
17058
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
17025
17059
  --pf-v5-global--Color--100: #e0e0e0;
17026
17060
  --pf-v5-global--Color--200: #aaabac;
17027
17061
  --pf-v5-global--BorderColor--100: #444548;
@@ -17031,11 +17065,11 @@ ul.pf-v5-c-list {
17031
17065
  --pf-v5-global--BackgroundColor--100: #1b1d21;
17032
17066
  }
17033
17067
 
17034
- :root:where(.pf-theme-dark) .pf-v5-c-login {
17068
+ :where(.pf-theme-dark) .pf-v5-c-login {
17035
17069
  --pf-v5-c-login__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
17036
17070
  }
17037
- :root:where(.pf-theme-dark) .pf-v5-c-login__header,
17038
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer {
17071
+ :where(.pf-theme-dark) .pf-v5-c-login__header,
17072
+ :where(.pf-theme-dark) .pf-v5-c-login__footer {
17039
17073
  color: var(--pf-v5-global--Color--100);
17040
17074
  }
17041
17075
 
@@ -17110,6 +17144,7 @@ ul.pf-v5-c-list {
17110
17144
  --pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--item-border-color--base);
17111
17145
  --pf-v5-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor: transparent;
17112
17146
  --pf-v5-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor: transparent;
17147
+ --pf-v5-c-masthead--c-toolbar--AlignItems--base: center;
17113
17148
  --pf-v5-c-masthead--c-toolbar__content--PaddingRight: 0;
17114
17149
  --pf-v5-c-masthead--c-toolbar__content--PaddingLeft: 0;
17115
17150
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-v5-global--spacer--md);
@@ -17182,6 +17217,7 @@ ul.pf-v5-c-list {
17182
17217
  --pf-v5-c-masthead__main--BorderBottomColor: var(--pf-v5-c-masthead--m-light-200__main--BorderBottomColor);
17183
17218
  }
17184
17219
  .pf-v5-c-masthead .pf-v5-c-toolbar {
17220
+ --pf-v5-c-toolbar--AlignItems--base: var(--pf-v5-c-masthead--c-toolbar--AlignItems--base);
17185
17221
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__content--PaddingRight);
17186
17222
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__content--PaddingLeft);
17187
17223
  --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop);
@@ -17659,10 +17695,10 @@ ul.pf-v5-c-list {
17659
17695
  }
17660
17696
  }
17661
17697
 
17662
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
17663
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
17664
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
17665
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer {
17698
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
17699
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
17700
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
17701
+ :where(.pf-theme-dark) .pf-v5-c-login__footer {
17666
17702
  --pf-v5-global--Color--100: #e0e0e0;
17667
17703
  --pf-v5-global--Color--200: #aaabac;
17668
17704
  --pf-v5-global--BorderColor--100: #444548;
@@ -17672,11 +17708,11 @@ ul.pf-v5-c-list {
17672
17708
  --pf-v5-global--BackgroundColor--100: #1b1d21;
17673
17709
  }
17674
17710
 
17675
- :root:where(.pf-theme-dark) .pf-v5-c-masthead {
17711
+ :where(.pf-theme-dark) .pf-v5-c-masthead {
17676
17712
  --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-global--palette--black-1000);
17677
17713
  color: var(--pf-v5-global--Color--100);
17678
17714
  }
17679
- :root:where(.pf-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar {
17715
+ :where(.pf-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar {
17680
17716
  --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--palette--black-1000);
17681
17717
  }
17682
17718
 
@@ -18244,10 +18280,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18244
18280
  border-top: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
18245
18281
  }
18246
18282
 
18247
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
18248
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18249
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
18250
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead {
18283
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
18284
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18285
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
18286
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead {
18251
18287
  --pf-v5-global--Color--100: #e0e0e0;
18252
18288
  --pf-v5-global--Color--200: #aaabac;
18253
18289
  --pf-v5-global--BorderColor--100: #444548;
@@ -18257,7 +18293,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18257
18293
  --pf-v5-global--BackgroundColor--100: #1b1d21;
18258
18294
  }
18259
18295
 
18260
- :root:where(.pf-theme-dark) .pf-v5-c-menu {
18296
+ :where(.pf-theme-dark) .pf-v5-c-menu {
18261
18297
  --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
18262
18298
  --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18263
18299
  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -18662,10 +18698,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18662
18698
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
18663
18699
  }
18664
18700
 
18665
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
18666
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18667
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
18668
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead {
18701
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
18702
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18703
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
18704
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead {
18669
18705
  --pf-v5-global--Color--100: #e0e0e0;
18670
18706
  --pf-v5-global--Color--200: #aaabac;
18671
18707
  --pf-v5-global--BorderColor--100: #444548;
@@ -18675,7 +18711,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18675
18711
  --pf-v5-global--BackgroundColor--100: #1b1d21;
18676
18712
  }
18677
18713
 
18678
- :root:where(.pf-theme-dark) .pf-v5-c-menu-toggle {
18714
+ :where(.pf-theme-dark) .pf-v5-c-menu-toggle {
18679
18715
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18680
18716
  --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18681
18717
  --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -18693,7 +18729,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18693
18729
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
18694
18730
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
18695
18731
  }
18696
- :root:where(.pf-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
18732
+ :where(.pf-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
18697
18733
  background: transparent;
18698
18734
  }
18699
18735
 
@@ -18881,10 +18917,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18881
18917
  }
18882
18918
  }
18883
18919
 
18884
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
18885
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18886
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
18887
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead {
18920
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
18921
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18922
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
18923
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead {
18888
18924
  --pf-v5-global--Color--100: #e0e0e0;
18889
18925
  --pf-v5-global--Color--200: #aaabac;
18890
18926
  --pf-v5-global--BorderColor--100: #444548;
@@ -18894,7 +18930,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18894
18930
  --pf-v5-global--BackgroundColor--100: #1b1d21;
18895
18931
  }
18896
18932
 
18897
- :root:where(.pf-theme-dark) .pf-v5-c-modal-box {
18933
+ :where(.pf-theme-dark) .pf-v5-c-modal-box {
18898
18934
  --pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
18899
18935
  }
18900
18936
 
@@ -20021,10 +20057,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20021
20057
  left: 0;
20022
20058
  }
20023
20059
 
20024
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20025
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20026
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
20027
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead {
20060
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20061
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20062
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
20063
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead {
20028
20064
  --pf-v5-global--Color--100: #e0e0e0;
20029
20065
  --pf-v5-global--Color--200: #aaabac;
20030
20066
  --pf-v5-global--BorderColor--100: #444548;
@@ -20034,7 +20070,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20034
20070
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20035
20071
  }
20036
20072
 
20037
- :root:where(.pf-theme-dark) .pf-v5-c-nav {
20073
+ :where(.pf-theme-dark) .pf-v5-c-nav {
20038
20074
  --pf-v5-c-nav__item--item__link--after--Top: -1px;
20039
20075
  --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BorderColor--100);
20040
20076
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -20052,19 +20088,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20052
20088
  --pf-v5-c-nav__link--active--before--BorderBottomWidth: 0;
20053
20089
  --pf-v5-c-nav__link--m-current--before--BorderBottomWidth: 0;
20054
20090
  }
20055
- :root:where(.pf-theme-dark) .pf-v5-c-nav__link::before {
20091
+ :where(.pf-theme-dark) .pf-v5-c-nav__link::before {
20056
20092
  bottom: 0;
20057
20093
  }
20058
- :root:where(.pf-theme-dark) .pf-v5-c-nav__link::after {
20094
+ :where(.pf-theme-dark) .pf-v5-c-nav__link::after {
20059
20095
  top: var(--pf-v5-c-nav__item--item__link--after--Top);
20060
20096
  }
20061
- :root:where(.pf-theme-dark) .pf-v5-c-nav__item + .pf-v5-c-nav__item {
20097
+ :where(.pf-theme-dark) .pf-v5-c-nav__item + .pf-v5-c-nav__item {
20062
20098
  --pf-v5-c-nav__link--after--Top: var(--pf-v5-c-nav__item--item__link--after--Top);
20063
20099
  }
20064
- :root:where(.pf-theme-dark) .pf-v5-c-nav__subnav {
20100
+ :where(.pf-theme-dark) .pf-v5-c-nav__subnav {
20065
20101
  --pf-v5-c-nav__item--item__link--after--Top: 0;
20066
20102
  }
20067
- :root:where(.pf-theme-dark) .pf-v5-c-nav__section {
20103
+ :where(.pf-theme-dark) .pf-v5-c-nav__section {
20068
20104
  --pf-v5-c-nav__item--item__link--after--Top: 0;
20069
20105
  }
20070
20106
 
@@ -20168,10 +20204,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20168
20204
  margin-left: var(--pf-v5-c-notification-badge__count--MarginLeft);
20169
20205
  }
20170
20206
 
20171
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20172
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20173
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
20174
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead {
20207
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20208
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20209
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
20210
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead {
20175
20211
  --pf-v5-global--Color--100: #e0e0e0;
20176
20212
  --pf-v5-global--Color--200: #aaabac;
20177
20213
  --pf-v5-global--BorderColor--100: #444548;
@@ -20181,7 +20217,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20181
20217
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20182
20218
  }
20183
20219
 
20184
- :root:where(.pf-theme-dark) .pf-v5-c-notification-badge {
20220
+ :where(.pf-theme-dark) .pf-v5-c-notification-badge {
20185
20221
  --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20186
20222
  --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
20187
20223
  --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -20452,10 +20488,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20452
20488
  transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
20453
20489
  }
20454
20490
 
20455
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20456
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20457
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
20458
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead {
20491
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20492
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20493
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
20494
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead {
20459
20495
  --pf-v5-global--Color--100: #e0e0e0;
20460
20496
  --pf-v5-global--Color--200: #aaabac;
20461
20497
  --pf-v5-global--BorderColor--100: #444548;
@@ -20465,7 +20501,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20465
20501
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20466
20502
  }
20467
20503
 
20468
- :root:where(.pf-theme-dark) .pf-v5-c-notification-drawer {
20504
+ :where(.pf-theme-dark) .pf-v5-c-notification-drawer {
20469
20505
  --pf-v5-c-notification-drawer--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
20470
20506
  --pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
20471
20507
  --pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -20729,10 +20765,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20729
20765
  color: var(--pf-v5-c-options-menu__group-title--Color);
20730
20766
  }
20731
20767
 
20732
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20733
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20734
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
20735
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead {
20768
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20769
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20770
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
20771
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead {
20736
20772
  --pf-v5-global--Color--100: #e0e0e0;
20737
20773
  --pf-v5-global--Color--200: #aaabac;
20738
20774
  --pf-v5-global--BorderColor--100: #444548;
@@ -20742,7 +20778,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20742
20778
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20743
20779
  }
20744
20780
 
20745
- :root:where(.pf-theme-dark) .pf-v5-c-options-menu {
20781
+ :where(.pf-theme-dark) .pf-v5-c-options-menu {
20746
20782
  --pf-v5-c-options-menu__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20747
20783
  --pf-v5-c-options-menu__toggle--BorderTopColor: transparent;
20748
20784
  --pf-v5-c-options-menu__toggle--BorderRightColor: transparent;
@@ -20753,7 +20789,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20753
20789
  --pf-v5-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20754
20790
  --pf-v5-c-options-menu__menu--Top: 100%;
20755
20791
  }
20756
- :root:where(.pf-theme-dark) .pf-v5-c-options-menu__toggle.pf-m-plain {
20792
+ :where(.pf-theme-dark) .pf-v5-c-options-menu__toggle.pf-m-plain {
20757
20793
  background: transparent;
20758
20794
  }
20759
20795
 
@@ -21706,10 +21742,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21706
21742
  flex: 1 0 auto;
21707
21743
  }
21708
21744
 
21709
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
21710
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21711
- :root:where(.pf-theme-dark) .pf-v5-c-page__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
21712
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead {
21745
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
21746
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21747
+ :where(.pf-theme-dark) .pf-v5-c-page__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
21748
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead {
21713
21749
  --pf-v5-global--Color--100: #e0e0e0;
21714
21750
  --pf-v5-global--Color--200: #aaabac;
21715
21751
  --pf-v5-global--BorderColor--100: #444548;
@@ -21719,39 +21755,39 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21719
21755
  --pf-v5-global--BackgroundColor--100: #1b1d21;
21720
21756
  }
21721
21757
 
21722
- :root:where(.pf-theme-dark) .pf-v5-c-page {
21758
+ :where(.pf-theme-dark) .pf-v5-c-page {
21723
21759
  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
21724
21760
  --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21725
21761
  --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21726
21762
  --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
21727
21763
  }
21728
- :root:where(.pf-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button {
21764
+ :where(.pf-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button {
21729
21765
  color: var(--pf-v5-global--Color--100);
21730
21766
  }
21731
- :root:where(.pf-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge:hover::before {
21767
+ :where(.pf-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge:hover::before {
21732
21768
  background-color: var(--pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
21733
21769
  }
21734
- :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar {
21770
+ :where(.pf-theme-dark) .pf-v5-c-page__sidebar {
21735
21771
  border-right: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
21736
21772
  }
21737
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-top, :root:where(.pf-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-bottom {
21773
+ :where(.pf-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-top, :where(.pf-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-bottom {
21738
21774
  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21739
21775
  }
21740
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top, :root:where(.pf-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom {
21776
+ :where(.pf-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top, :where(.pf-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom {
21741
21777
  --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21742
21778
  }
21743
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-top, :root:where(.pf-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-bottom {
21779
+ :where(.pf-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-top, :where(.pf-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-bottom {
21744
21780
  --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21745
21781
  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21746
21782
  --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21747
21783
  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21748
21784
  }
21749
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-top, :root:where(.pf-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-bottom {
21785
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-top, :where(.pf-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-bottom {
21750
21786
  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21751
21787
  }
21752
- :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
21753
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21754
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
21788
+ :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
21789
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21790
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
21755
21791
  color: var(--pf-v5-global--Color--100);
21756
21792
  }
21757
21793
 
@@ -22147,10 +22183,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22147
22183
  }
22148
22184
  }
22149
22185
 
22150
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
22151
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22152
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22153
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
22186
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
22187
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22188
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22189
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
22154
22190
  --pf-v5-global--Color--100: #e0e0e0;
22155
22191
  --pf-v5-global--Color--200: #aaabac;
22156
22192
  --pf-v5-global--BorderColor--100: #444548;
@@ -22160,7 +22196,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22160
22196
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22161
22197
  }
22162
22198
 
22163
- :root:where(.pf-theme-dark) .pf-v5-c-pagination {
22199
+ :where(.pf-theme-dark) .pf-v5-c-pagination {
22164
22200
  --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22165
22201
  }
22166
22202
 
@@ -22245,10 +22281,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22245
22281
  box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
22246
22282
  }
22247
22283
 
22248
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
22249
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22250
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22251
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
22284
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
22285
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22286
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22287
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
22252
22288
  --pf-v5-global--Color--100: #e0e0e0;
22253
22289
  --pf-v5-global--Color--200: #aaabac;
22254
22290
  --pf-v5-global--BorderColor--100: #444548;
@@ -22258,7 +22294,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22258
22294
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22259
22295
  }
22260
22296
 
22261
- :root:where(.pf-theme-dark) .pf-v5-c-panel {
22297
+ :where(.pf-theme-dark) .pf-v5-c-panel {
22262
22298
  --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22263
22299
  }
22264
22300
 
@@ -22434,10 +22470,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22434
22470
  margin-top: var(--pf-v5-c-popover__footer--MarginTop);
22435
22471
  }
22436
22472
 
22437
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
22438
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22439
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22440
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
22473
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
22474
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22475
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22476
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
22441
22477
  --pf-v5-global--Color--100: #e0e0e0;
22442
22478
  --pf-v5-global--Color--200: #aaabac;
22443
22479
  --pf-v5-global--BorderColor--100: #444548;
@@ -22447,7 +22483,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22447
22483
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22448
22484
  }
22449
22485
 
22450
- :root:where(.pf-theme-dark) .pf-v5-c-popover {
22486
+ :where(.pf-theme-dark) .pf-v5-c-popover {
22451
22487
  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22452
22488
  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22453
22489
  --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
@@ -22622,10 +22658,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22622
22658
  margin-top: var(--pf-v5-c-progress__helper-text--MarginTop);
22623
22659
  }
22624
22660
 
22625
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
22626
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22627
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22628
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
22661
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
22662
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22663
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22664
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
22629
22665
  --pf-v5-global--Color--100: #e0e0e0;
22630
22666
  --pf-v5-global--Color--200: #aaabac;
22631
22667
  --pf-v5-global--BorderColor--100: #444548;
@@ -22635,7 +22671,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22635
22671
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22636
22672
  }
22637
22673
 
22638
- :root:where(.pf-theme-dark) .pf-v5-c-progress {
22674
+ :where(.pf-theme-dark) .pf-v5-c-progress {
22639
22675
  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
22640
22676
  --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
22641
22677
  --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
@@ -23886,10 +23922,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23886
23922
  box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
23887
23923
  }
23888
23924
 
23889
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
23890
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
23891
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
23892
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
23925
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
23926
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
23927
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
23928
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
23893
23929
  --pf-v5-global--Color--100: #e0e0e0;
23894
23930
  --pf-v5-global--Color--200: #aaabac;
23895
23931
  --pf-v5-global--BorderColor--100: #444548;
@@ -23899,7 +23935,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23899
23935
  --pf-v5-global--BackgroundColor--100: #1b1d21;
23900
23936
  }
23901
23937
 
23902
- :root:where(.pf-theme-dark) .pf-v5-c-select {
23938
+ :where(.pf-theme-dark) .pf-v5-c-select {
23903
23939
  --pf-v5-c-select__toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
23904
23940
  --pf-v5-c-select__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
23905
23941
  --pf-v5-c-select__toggle--before--BorderTopColor: transparent;
@@ -23911,7 +23947,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23911
23947
  --pf-v5-c-select__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
23912
23948
  --pf-v5-c-select__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
23913
23949
  }
23914
- :root:where(.pf-theme-dark) .pf-v5-c-select__toggle:disabled, :root:where(.pf-theme-dark) .pf-v5-c-select__toggle.pf-m-disabled {
23950
+ :where(.pf-theme-dark) .pf-v5-c-select__toggle:disabled, :where(.pf-theme-dark) .pf-v5-c-select__toggle.pf-m-disabled {
23915
23951
  color: var(--pf-v5-global--palette--black-100);
23916
23952
  }
23917
23953
 
@@ -24316,10 +24352,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24316
24352
  margin-top: var(--pf-v5-c-simple-list__section--section--MarginTop);
24317
24353
  }
24318
24354
 
24319
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
24320
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
24321
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24322
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
24355
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
24356
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
24357
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24358
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
24323
24359
  --pf-v5-global--Color--100: #e0e0e0;
24324
24360
  --pf-v5-global--Color--200: #aaabac;
24325
24361
  --pf-v5-global--BorderColor--100: #444548;
@@ -24329,7 +24365,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24329
24365
  --pf-v5-global--BackgroundColor--100: #1b1d21;
24330
24366
  }
24331
24367
 
24332
- :root:where(.pf-theme-dark) .pf-v5-c-simple-list {
24368
+ :where(.pf-theme-dark) .pf-v5-c-simple-list {
24333
24369
  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
24334
24370
  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
24335
24371
  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
@@ -24501,10 +24537,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24501
24537
  transform: translateX(100%);
24502
24538
  }
24503
24539
  }
24504
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
24505
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
24506
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24507
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
24540
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
24541
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
24542
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24543
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
24508
24544
  --pf-v5-global--Color--100: #e0e0e0;
24509
24545
  --pf-v5-global--Color--200: #aaabac;
24510
24546
  --pf-v5-global--BorderColor--100: #444548;
@@ -24514,7 +24550,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24514
24550
  --pf-v5-global--BackgroundColor--100: #1b1d21;
24515
24551
  }
24516
24552
 
24517
- :root:where(.pf-theme-dark) .pf-v5-c-skeleton {
24553
+ :where(.pf-theme-dark) .pf-v5-c-skeleton {
24518
24554
  --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
24519
24555
  --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(--pf-v5-global--palette--black-600);
24520
24556
  --pf-v5-c-skeleton--after--LinearGradientColorStop2: var(--pf-v5-global--palette--black-500);
@@ -24962,10 +24998,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
24962
24998
  vertical-align: top;
24963
24999
  }
24964
25000
 
24965
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
24966
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
24967
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24968
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
25001
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
25002
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
25003
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
25004
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
24969
25005
  --pf-v5-global--Color--100: #e0e0e0;
24970
25006
  --pf-v5-global--Color--200: #aaabac;
24971
25007
  --pf-v5-global--BorderColor--100: #444548;
@@ -24975,7 +25011,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
24975
25011
  --pf-v5-global--BackgroundColor--100: #1b1d21;
24976
25012
  }
24977
25013
 
24978
- :root:where(.pf-theme-dark) .pf-v5-c-switch {
25014
+ :where(.pf-theme-dark) .pf-v5-c-switch {
24979
25015
  --pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--BackgroundColor--100);
24980
25016
  --pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
24981
25017
  --pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);
@@ -27647,10 +27683,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27647
27683
  --pf-v5-c-table--cell--Width: 100%;
27648
27684
  }
27649
27685
 
27650
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
27651
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
27652
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
27653
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
27686
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
27687
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
27688
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
27689
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
27654
27690
  --pf-v5-global--Color--100: #e0e0e0;
27655
27691
  --pf-v5-global--Color--200: #aaabac;
27656
27692
  --pf-v5-global--BorderColor--100: #444548;
@@ -27660,10 +27696,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27660
27696
  --pf-v5-global--BackgroundColor--100: #1b1d21;
27661
27697
  }
27662
27698
 
27663
- :root:where(.pf-theme-dark) .pf-v5-c-table {
27699
+ :where(.pf-theme-dark) .pf-v5-c-table {
27664
27700
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
27665
27701
  }
27666
- :root:where(.pf-theme-dark) .pf-v5-c-table__favorite .pf-v5-c-button:hover, :root:where(.pf-theme-dark) .pf-v5-c-table__favorite .pf-v5-c-button:focus {
27702
+ :where(.pf-theme-dark) .pf-v5-c-table__favorite .pf-v5-c-button:hover, :where(.pf-theme-dark) .pf-v5-c-table__favorite .pf-v5-c-button:focus {
27667
27703
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--palette--gold-100);
27668
27704
  }
27669
27705
 
@@ -29362,10 +29398,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29362
29398
  }
29363
29399
  }
29364
29400
 
29365
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
29366
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29367
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29368
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
29401
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
29402
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29403
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29404
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
29369
29405
  --pf-v5-global--Color--100: #e0e0e0;
29370
29406
  --pf-v5-global--Color--200: #aaabac;
29371
29407
  --pf-v5-global--BorderColor--100: #444548;
@@ -29375,7 +29411,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29375
29411
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29376
29412
  }
29377
29413
 
29378
- :root:where(.pf-theme-dark) .pf-v5-c-tabs {
29414
+ :where(.pf-theme-dark) .pf-v5-c-tabs {
29379
29415
  --pf-v5-c-tabs__scroll-button--BackgroundColor: transparent;
29380
29416
  --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29381
29417
  --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--300);
@@ -29532,10 +29568,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29532
29568
  display: flex;
29533
29569
  }
29534
29570
 
29535
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
29536
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29537
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29538
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
29571
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
29572
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29573
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29574
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
29539
29575
  --pf-v5-global--Color--100: #e0e0e0;
29540
29576
  --pf-v5-global--Color--200: #aaabac;
29541
29577
  --pf-v5-global--BorderColor--100: #444548;
@@ -29545,7 +29581,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29545
29581
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29546
29582
  }
29547
29583
 
29548
- :root:where(.pf-theme-dark) .pf-v5-c-text-input-group {
29584
+ :where(.pf-theme-dark) .pf-v5-c-text-input-group {
29549
29585
  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
29550
29586
  --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
29551
29587
  --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
@@ -29691,10 +29727,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29691
29727
  color: var(--pf-v5-c-tile__icon--Color);
29692
29728
  }
29693
29729
 
29694
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
29695
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29696
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29697
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
29730
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
29731
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29732
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29733
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
29698
29734
  --pf-v5-global--Color--100: #e0e0e0;
29699
29735
  --pf-v5-global--Color--200: #aaabac;
29700
29736
  --pf-v5-global--BorderColor--100: #444548;
@@ -29704,7 +29740,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29704
29740
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29705
29741
  }
29706
29742
 
29707
- :root:where(.pf-theme-dark) .pf-v5-c-tile {
29743
+ :where(.pf-theme-dark) .pf-v5-c-tile {
29708
29744
  --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29709
29745
  --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--300);
29710
29746
  --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--300);
@@ -29906,10 +29942,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29906
29942
  margin-left: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
29907
29943
  }
29908
29944
 
29909
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
29910
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29911
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29912
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
29945
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
29946
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29947
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29948
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
29913
29949
  --pf-v5-global--Color--100: #e0e0e0;
29914
29950
  --pf-v5-global--Color--200: #aaabac;
29915
29951
  --pf-v5-global--BorderColor--100: #444548;
@@ -29919,7 +29955,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29919
29955
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29920
29956
  }
29921
29957
 
29922
- :root:where(.pf-theme-dark) .pf-v5-c-toggle-group {
29958
+ :where(.pf-theme-dark) .pf-v5-c-toggle-group {
29923
29959
  --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--palette--black-700);
29924
29960
  --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--palette--black-700);
29925
29961
  --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
@@ -30015,10 +30051,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
30015
30051
  box-shadow: var(--pf-v5-c-tooltip__arrow--BoxShadow);
30016
30052
  }
30017
30053
 
30018
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
30019
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
30020
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30021
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
30054
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
30055
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
30056
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30057
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
30022
30058
  --pf-v5-global--Color--100: #e0e0e0;
30023
30059
  --pf-v5-global--Color--200: #aaabac;
30024
30060
  --pf-v5-global--BorderColor--100: #444548;
@@ -30028,7 +30064,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30028
30064
  --pf-v5-global--BackgroundColor--100: #1b1d21;
30029
30065
  }
30030
30066
 
30031
- :root:where(.pf-theme-dark) .pf-v5-c-tooltip {
30067
+ :where(.pf-theme-dark) .pf-v5-c-tooltip {
30032
30068
  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30033
30069
  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30034
30070
  }
@@ -30550,10 +30586,10 @@ label.pf-v5-c-tree-view__node-text {
30550
30586
  --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
30551
30587
  }
30552
30588
 
30553
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
30554
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
30555
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30556
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
30589
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
30590
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
30591
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30592
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
30557
30593
  --pf-v5-global--Color--100: #e0e0e0;
30558
30594
  --pf-v5-global--Color--200: #aaabac;
30559
30595
  --pf-v5-global--BorderColor--100: #444548;
@@ -30563,7 +30599,7 @@ label.pf-v5-c-tree-view__node-text {
30563
30599
  --pf-v5-global--BackgroundColor--100: #1b1d21;
30564
30600
  }
30565
30601
 
30566
- :root:where(.pf-theme-dark) .pf-v5-c-tree-view {
30602
+ :where(.pf-theme-dark) .pf-v5-c-tree-view {
30567
30603
  --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30568
30604
  --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30569
30605
  }
@@ -31057,10 +31093,10 @@ label.pf-v5-c-tree-view__node-text {
31057
31093
  margin-left: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
31058
31094
  }
31059
31095
 
31060
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-theme-dark) .pf-v5-c-banner, :root:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-theme-dark) .pf-v5-c-login__header,
31061
- :root:where(.pf-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-theme-dark) .pf-v5-c-masthead, :root:where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
31062
- :root:where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
31063
- :root:where(.pf-theme-dark) .pf-v5-c-page__header {
31096
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header, :where(.pf-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-theme-dark) .pf-v5-c-banner, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-theme-dark) .pf-v5-c-login__header,
31097
+ :where(.pf-theme-dark) .pf-v5-c-login__footer, :where(.pf-theme-dark) .pf-v5-c-masthead, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
31098
+ :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
31099
+ :where(.pf-theme-dark) .pf-v5-c-page__header {
31064
31100
  --pf-v5-global--Color--100: #e0e0e0;
31065
31101
  --pf-v5-global--Color--200: #aaabac;
31066
31102
  --pf-v5-global--BorderColor--100: #444548;
@@ -31070,11 +31106,11 @@ label.pf-v5-c-tree-view__node-text {
31070
31106
  --pf-v5-global--BackgroundColor--100: #1b1d21;
31071
31107
  }
31072
31108
 
31073
- :root:where(.pf-theme-dark) .pf-v5-c-wizard {
31109
+ :where(.pf-theme-dark) .pf-v5-c-wizard {
31074
31110
  --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
31075
31111
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
31076
31112
  }
31077
- :root:where(.pf-theme-dark) .pf-v5-c-wizard__header {
31113
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header {
31078
31114
  color: var(--pf-v5-global--Color--100);
31079
31115
  }
31080
31116