@patternfly/patternfly 5.0.0-alpha.66 → 5.0.0-alpha.68

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 (99) 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 -4
  28. package/components/InputGroup/input-group.scss +0 -4
  29. package/components/Label/label.css +1 -1
  30. package/components/LogViewer/log-viewer.css +2 -2
  31. package/components/Login/login.css +5 -5
  32. package/components/Masthead/masthead.css +3 -3
  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/NumberInput/number-input.css +4 -2
  40. package/components/NumberInput/number-input.scss +5 -2
  41. package/components/OptionsMenu/options-menu.css +2 -2
  42. package/components/Page/page.css +14 -14
  43. package/components/Pagination/pagination.css +6 -4
  44. package/components/Pagination/pagination.scss +7 -1
  45. package/components/Panel/panel.css +1 -1
  46. package/components/Popover/popover.css +1 -1
  47. package/components/Progress/progress.css +1 -1
  48. package/components/Select/select.css +2 -2
  49. package/components/SimpleList/simple-list.css +1 -1
  50. package/components/Skeleton/skeleton.css +1 -1
  51. package/components/Switch/switch.css +1 -1
  52. package/components/Table/table.css +2 -2
  53. package/components/Tabs/tabs.css +1 -1
  54. package/components/TextInputGroup/text-input-group.css +1 -1
  55. package/components/Tile/tile.css +1 -1
  56. package/components/ToggleGroup/toggle-group.css +1 -1
  57. package/components/Tooltip/tooltip.css +1 -1
  58. package/components/TreeView/tree-view.css +1 -1
  59. package/components/Wizard/wizard.css +3 -3
  60. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +4 -4
  61. package/docs/components/DatePicker/examples/DatePicker.md +6 -1
  62. package/docs/components/FileUpload/examples/FileUpload.md +21 -16
  63. package/docs/components/Form/examples/Form.md +51 -31
  64. package/docs/components/FormControl/examples/FormControl.md +1 -1
  65. package/docs/components/InlineEdit/examples/InlineEdit.md +11 -156
  66. package/docs/components/InputGroup/examples/InputGroup.md +9 -4
  67. package/docs/components/Login/examples/Login.md +20 -17
  68. package/docs/components/NumberInput/examples/NumberInput.md +7 -2
  69. package/docs/components/Pagination/examples/Pagination.md +1 -1
  70. package/docs/components/Select/examples/Select.md +4 -2
  71. package/docs/components/Wizard/examples/Wizard.md +7 -70
  72. package/docs/demos/Alert/examples/Alert.md +26 -8
  73. package/docs/demos/Button/examples/Button.md +12 -12
  74. package/docs/demos/Form/examples/BasicForms.md +18 -18
  75. package/docs/demos/HelperText/examples/HelperText.md +18 -3
  76. package/docs/demos/Modal/examples/Modal.md +6 -6
  77. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  78. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  79. package/docs/demos/Toolbar/examples/Toolbar.md +11 -1
  80. package/docs/demos/Wizard/examples/Wizard.md +0 -56
  81. package/package.json +1 -1
  82. package/patternfly-addons.css +78 -78
  83. package/patternfly-base-no-globals-theme-dark-unversioned.css +3 -3
  84. package/patternfly-base-no-globals.css +3 -3
  85. package/patternfly-base-theme-dark-unversioned.css +3 -3
  86. package/patternfly-base.css +3 -3
  87. package/patternfly-charts-theme-dark-unversioned.css +1 -1
  88. package/patternfly-charts-theme-dark.css +1 -1
  89. package/patternfly-charts.css +1 -1
  90. package/patternfly-charts.scss +1 -1
  91. package/patternfly-no-globals.css +314 -312
  92. package/patternfly-theme-dark-unversioned.css +314 -312
  93. package/patternfly.css +314 -312
  94. package/patternfly.min.css +1 -1
  95. package/patternfly.min.css.map +1 -1
  96. package/sass-utilities/_init.scss +2 -2
  97. package/themes/dark/_patternfly-charts-theme-dark.scss +1 -1
  98. package/utilities/BackgroundColor/BackgroundColor.css +30 -30
  99. package/utilities/Text/text.css +48 -48
@@ -68,15 +68,15 @@
68
68
  }
69
69
  }
70
70
 
71
- .pf-v5-c-number-input .pf-v5-c-form-control, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control {
71
+ .pf-v5-c-number-input .pf-v5-c-form-control > :is(input), .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input) {
72
72
  appearance: textfield;
73
73
  }
74
- .pf-v5-c-number-input .pf-v5-c-form-control::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control::-webkit-outer-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control::-webkit-outer-spin-button {
74
+ .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button {
75
75
  appearance: none;
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-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
318
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
319
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
320
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
317
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
318
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
319
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
320
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-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-v5-theme-dark) {
330
+ :where(.pf-v5-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;
@@ -546,7 +546,7 @@
546
546
  font-variant-numeric: tabular-nums;
547
547
  }
548
548
 
549
- :root:where(.pf-v5-theme-dark) {
549
+ :where(.pf-v5-theme-dark) {
550
550
  color-scheme: dark;
551
551
  }
552
552
 
@@ -5500,10 +5500,10 @@
5500
5500
  --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor);
5501
5501
  }
5502
5502
 
5503
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
5504
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5505
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
5506
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
5503
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
5504
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5505
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
5506
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
5507
5507
  --pf-v5-global--Color--100: #e0e0e0;
5508
5508
  --pf-v5-global--Color--200: #aaabac;
5509
5509
  --pf-v5-global--BorderColor--100: #444548;
@@ -5513,7 +5513,7 @@
5513
5513
  --pf-v5-global--BackgroundColor--100: #1b1d21;
5514
5514
  }
5515
5515
 
5516
- :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
5516
+ :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
5517
5517
  color: var(--pf-v5-global--Color--100);
5518
5518
  }
5519
5519
 
@@ -5730,10 +5730,10 @@
5730
5730
  --pf-v5-c-accordion__expandable-content-body--PaddingTop: var(--pf-v5-c-accordion__expandable-content-body--expandable-content-body--PaddingTop);
5731
5731
  }
5732
5732
 
5733
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
5734
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5735
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
5736
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
5733
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
5734
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5735
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
5736
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
5737
5737
  --pf-v5-global--Color--100: #e0e0e0;
5738
5738
  --pf-v5-global--Color--200: #aaabac;
5739
5739
  --pf-v5-global--BorderColor--100: #444548;
@@ -5743,7 +5743,7 @@
5743
5743
  --pf-v5-global--BackgroundColor--100: #1b1d21;
5744
5744
  }
5745
5745
 
5746
- :root:where(.pf-v5-theme-dark) .pf-v5-c-accordion {
5746
+ :where(.pf-v5-theme-dark) .pf-v5-c-accordion {
5747
5747
  --pf-v5-c-accordion__toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
5748
5748
  --pf-v5-c-accordion__toggle--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
5749
5749
  --pf-v5-c-accordion__toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -5977,10 +5977,10 @@
5977
5977
  margin-right: var(--pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight);
5978
5978
  }
5979
5979
 
5980
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
5981
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5982
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
5983
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
5980
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
5981
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5982
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
5983
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
5984
5984
  --pf-v5-global--Color--100: #e0e0e0;
5985
5985
  --pf-v5-global--Color--200: #aaabac;
5986
5986
  --pf-v5-global--BorderColor--100: #444548;
@@ -5990,7 +5990,7 @@
5990
5990
  --pf-v5-global--BackgroundColor--100: #1b1d21;
5991
5991
  }
5992
5992
 
5993
- :root:where(.pf-v5-theme-dark) .pf-v5-c-alert {
5993
+ :where(.pf-v5-theme-dark) .pf-v5-c-alert {
5994
5994
  --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
5995
5995
  --pf-v5-c-alert--m-custom__title--Color: var(--pf-v5-global--custom-color--200);
5996
5996
  --pf-v5-c-alert--m-success__title--Color: var(--pf-v5-global--success-color--100);
@@ -6285,10 +6285,10 @@
6285
6285
  color: var(--pf-v5-c-app-launcher__group-title--Color);
6286
6286
  }
6287
6287
 
6288
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6289
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6290
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
6291
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
6288
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6289
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6290
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
6291
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
6292
6292
  --pf-v5-global--Color--100: #e0e0e0;
6293
6293
  --pf-v5-global--Color--200: #aaabac;
6294
6294
  --pf-v5-global--BorderColor--100: #444548;
@@ -6298,7 +6298,7 @@
6298
6298
  --pf-v5-global--BackgroundColor--100: #1b1d21;
6299
6299
  }
6300
6300
 
6301
- :root:where(.pf-v5-theme-dark) .pf-v5-c-app-launcher {
6301
+ :where(.pf-v5-theme-dark) .pf-v5-c-app-launcher {
6302
6302
  --pf-v5-c-app-launcher__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6303
6303
  --pf-v5-c-app-launcher__menu--Top: 100%;
6304
6304
  --pf-v5-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -6658,10 +6658,10 @@
6658
6658
  --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
6659
6659
  }
6660
6660
 
6661
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6662
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6663
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
6664
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
6661
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6662
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6663
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
6664
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
6665
6665
  --pf-v5-global--Color--100: #e0e0e0;
6666
6666
  --pf-v5-global--Color--200: #aaabac;
6667
6667
  --pf-v5-global--BorderColor--100: #444548;
@@ -6671,7 +6671,7 @@
6671
6671
  --pf-v5-global--BackgroundColor--100: #1b1d21;
6672
6672
  }
6673
6673
 
6674
- :root:where(.pf-v5-theme-dark) .pf-v5-c-badge {
6674
+ :where(.pf-v5-theme-dark) .pf-v5-c-badge {
6675
6675
  --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
6676
6676
  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
6677
6677
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -6762,10 +6762,10 @@
6762
6762
  cursor: not-allowed;
6763
6763
  }
6764
6764
 
6765
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6766
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6767
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
6768
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
6765
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
6766
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6767
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
6768
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
6769
6769
  --pf-v5-global--Color--100: #e0e0e0;
6770
6770
  --pf-v5-global--Color--200: #aaabac;
6771
6771
  --pf-v5-global--BorderColor--100: #444548;
@@ -6775,10 +6775,10 @@
6775
6775
  --pf-v5-global--BackgroundColor--100: #1b1d21;
6776
6776
  }
6777
6777
 
6778
- :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
6778
+ :where(.pf-v5-theme-dark) .pf-v5-c-banner {
6779
6779
  color: var(false);
6780
6780
  }
6781
- :root:where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-blue, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-red, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-green, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-gold {
6781
+ :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-blue, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-red, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-green, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-gold {
6782
6782
  --pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
6783
6783
  }
6784
6784
 
@@ -7443,10 +7443,10 @@ button.pf-v5-c-breadcrumb__link {
7443
7443
  margin-left: var(--pf-v5-c-button__count--MarginLeft);
7444
7444
  }
7445
7445
 
7446
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
7447
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7448
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
7449
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
7446
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
7447
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7448
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
7449
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
7450
7450
  --pf-v5-global--Color--100: #e0e0e0;
7451
7451
  --pf-v5-global--Color--200: #aaabac;
7452
7452
  --pf-v5-global--BorderColor--100: #444548;
@@ -7456,7 +7456,7 @@ button.pf-v5-c-breadcrumb__link {
7456
7456
  --pf-v5-global--BackgroundColor--100: #1b1d21;
7457
7457
  }
7458
7458
 
7459
- :root:where(.pf-v5-theme-dark) .pf-v5-c-button {
7459
+ :where(.pf-v5-theme-dark) .pf-v5-c-button {
7460
7460
  --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
7461
7461
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7462
7462
  --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
@@ -7496,7 +7496,7 @@ button.pf-v5-c-breadcrumb__link {
7496
7496
  --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
7497
7497
  --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
7498
7498
  }
7499
- :root:where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
7499
+ :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
7500
7500
  border: 0;
7501
7501
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
7502
7502
  }
@@ -7689,10 +7689,10 @@ button.pf-v5-c-breadcrumb__link {
7689
7689
  pointer-events: none;
7690
7690
  }
7691
7691
 
7692
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
7693
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7694
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
7695
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
7692
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
7693
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7694
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
7695
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
7696
7696
  --pf-v5-global--Color--100: #e0e0e0;
7697
7697
  --pf-v5-global--Color--200: #aaabac;
7698
7698
  --pf-v5-global--BorderColor--100: #444548;
@@ -7702,7 +7702,7 @@ button.pf-v5-c-breadcrumb__link {
7702
7702
  --pf-v5-global--BackgroundColor--100: #1b1d21;
7703
7703
  }
7704
7704
 
7705
- :root:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
7705
+ :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
7706
7706
  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
7707
7707
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
7708
7708
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
@@ -7715,11 +7715,11 @@ button.pf-v5-c-breadcrumb__link {
7715
7715
  --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
7716
7716
  --pf-v5-c-calendar-month__date--focus--after--BorderColor: transparent;
7717
7717
  }
7718
- :root:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:hover, :root:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-hover {
7718
+ :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:hover, :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-hover {
7719
7719
  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7720
7720
  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7721
7721
  }
7722
- :root:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:focus, :root:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-focus {
7722
+ :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:focus, :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-focus {
7723
7723
  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
7724
7724
  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7725
7725
  --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -8116,10 +8116,10 @@ button.pf-v5-c-breadcrumb__link {
8116
8116
  border: var(--pf-v5-c-card__input--focus--BorderWidth) solid var(--pf-v5-c-card__input--focus--BorderColor);
8117
8117
  }
8118
8118
 
8119
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8120
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8121
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
8122
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
8119
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8120
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8121
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
8122
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
8123
8123
  --pf-v5-global--Color--100: #e0e0e0;
8124
8124
  --pf-v5-global--Color--200: #aaabac;
8125
8125
  --pf-v5-global--BorderColor--100: #444548;
@@ -8129,8 +8129,8 @@ button.pf-v5-c-breadcrumb__link {
8129
8129
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8130
8130
  }
8131
8131
 
8132
- :root:where(.pf-v5-theme-dark) .pf-v5-c-card,
8133
- :root:where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
8132
+ :where(.pf-v5-theme-dark) .pf-v5-c-card,
8133
+ :where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
8134
8134
  --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--md);
8135
8135
  --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
8136
8136
  --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
@@ -8308,10 +8308,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8308
8308
  line-height: 1;
8309
8309
  }
8310
8310
 
8311
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8312
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8313
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
8314
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
8311
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8312
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8313
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
8314
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
8315
8315
  --pf-v5-global--Color--100: #e0e0e0;
8316
8316
  --pf-v5-global--Color--200: #aaabac;
8317
8317
  --pf-v5-global--BorderColor--100: #444548;
@@ -8321,7 +8321,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8321
8321
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8322
8322
  }
8323
8323
 
8324
- :root:where(.pf-v5-theme-dark) .pf-v5-c-chip {
8324
+ :where(.pf-v5-theme-dark) .pf-v5-c-chip {
8325
8325
  --pf-v5-c-chip--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8326
8326
  --pf-v5-c-chip--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8327
8327
  --pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--palette--black-600);
@@ -8499,10 +8499,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8499
8499
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft);
8500
8500
  }
8501
8501
 
8502
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8503
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8504
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
8505
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
8502
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8503
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8504
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
8505
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
8506
8506
  --pf-v5-global--Color--100: #e0e0e0;
8507
8507
  --pf-v5-global--Color--200: #aaabac;
8508
8508
  --pf-v5-global--BorderColor--100: #444548;
@@ -8512,14 +8512,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8512
8512
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8513
8513
  }
8514
8514
 
8515
- :root:where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy {
8515
+ :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy {
8516
8516
  --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8517
8517
  }
8518
- :root:where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__group > * + * {
8518
+ :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__group > * + * {
8519
8519
  margin-left: 0;
8520
8520
  border-left: 1px solid var(--pf-v5-global--palette--black-700) !important;
8521
8521
  }
8522
- :root:where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__expandable-content {
8522
+ :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__expandable-content {
8523
8523
  border: 0;
8524
8524
  }
8525
8525
 
@@ -8698,10 +8698,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8698
8698
  margin-left: var(--pf-v5-c-code-editor__tab-icon--text--MarginLeft);
8699
8699
  }
8700
8700
 
8701
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8702
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8703
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
8704
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
8701
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
8702
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8703
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
8704
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
8705
8705
  --pf-v5-global--Color--100: #e0e0e0;
8706
8706
  --pf-v5-global--Color--200: #aaabac;
8707
8707
  --pf-v5-global--BorderColor--100: #444548;
@@ -8711,7 +8711,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8711
8711
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8712
8712
  }
8713
8713
 
8714
- :root:where(.pf-v5-theme-dark) .pf-v5-c-code-editor__controls > * + * {
8714
+ :where(.pf-v5-theme-dark) .pf-v5-c-code-editor__controls > * + * {
8715
8715
  border-left: 1px solid var(--pf-v5-global--palette--black-700);
8716
8716
  }
8717
8717
 
@@ -9262,10 +9262,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9262
9262
  pointer-events: none;
9263
9263
  }
9264
9264
 
9265
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
9266
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
9267
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
9268
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
9265
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
9266
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
9267
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
9268
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
9269
9269
  --pf-v5-global--Color--100: #e0e0e0;
9270
9270
  --pf-v5-global--Color--200: #aaabac;
9271
9271
  --pf-v5-global--BorderColor--100: #444548;
@@ -9275,20 +9275,20 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9275
9275
  --pf-v5-global--BackgroundColor--100: #1b1d21;
9276
9276
  }
9277
9277
 
9278
- :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector {
9278
+ :where(.pf-v5-theme-dark) .pf-v5-c-context-selector {
9279
9279
  --pf-v5-c-context-selector__menu--Top: 100%;
9280
9280
  --pf-v5-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
9281
9281
  }
9282
- :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector__toggle {
9282
+ :where(.pf-v5-theme-dark) .pf-v5-c-context-selector__toggle {
9283
9283
  background: var(--pf-v5-global--BackgroundColor--400);
9284
9284
  }
9285
- :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector__toggle.pf-m-plain {
9285
+ :where(.pf-v5-theme-dark) .pf-v5-c-context-selector__toggle.pf-m-plain {
9286
9286
  background: transparent;
9287
9287
  }
9288
- :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector__menu {
9288
+ :where(.pf-v5-theme-dark) .pf-v5-c-context-selector__menu {
9289
9289
  background: var(--pf-v5-global--BackgroundColor--300);
9290
9290
  }
9291
- :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector__menu-footer {
9291
+ :where(.pf-v5-theme-dark) .pf-v5-c-context-selector__menu-footer {
9292
9292
  border-top: 1px solid var(--pf-v5-global--BorderColor--300);
9293
9293
  }
9294
9294
 
@@ -10134,10 +10134,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10134
10134
  padding: 0;
10135
10135
  }
10136
10136
 
10137
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10138
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10139
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
10140
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
10137
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10138
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10139
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
10140
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
10141
10141
  --pf-v5-global--Color--100: #e0e0e0;
10142
10142
  --pf-v5-global--Color--200: #aaabac;
10143
10143
  --pf-v5-global--BorderColor--100: #444548;
@@ -10147,7 +10147,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10147
10147
  --pf-v5-global--BackgroundColor--100: #1b1d21;
10148
10148
  }
10149
10149
 
10150
- :root:where(.pf-v5-theme-dark) .pf-v5-c-data-list {
10150
+ :where(.pf-v5-theme-dark) .pf-v5-c-data-list {
10151
10151
  --pf-v5-c-data-list--BorderTopColor: var(--pf-v5-global--BorderColor--100);
10152
10152
  --pf-v5-c-data-list--sm--BorderTopColor: var(--pf-v5-global--BorderColor--100);
10153
10153
  --pf-v5-c-data-list__item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
@@ -10539,10 +10539,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10539
10539
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
10540
10540
  }
10541
10541
 
10542
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10543
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10544
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
10545
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
10542
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10543
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10544
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
10545
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
10546
10546
  --pf-v5-global--Color--100: #e0e0e0;
10547
10547
  --pf-v5-global--Color--200: #aaabac;
10548
10548
  --pf-v5-global--BorderColor--100: #444548;
@@ -10552,7 +10552,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10552
10552
  --pf-v5-global--BackgroundColor--100: #1b1d21;
10553
10553
  }
10554
10554
 
10555
- :root:where(.pf-v5-theme-dark) .pf-v5-c-droppable {
10555
+ :where(.pf-v5-theme-dark) .pf-v5-c-droppable {
10556
10556
  --pf-v5-c-droppable--m-dragging--before--Opacity: .2;
10557
10557
  }
10558
10558
 
@@ -10855,10 +10855,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10855
10855
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
10856
10856
  }
10857
10857
 
10858
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10859
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10860
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
10861
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
10858
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10859
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10860
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
10861
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
10862
10862
  --pf-v5-global--Color--100: #e0e0e0;
10863
10863
  --pf-v5-global--Color--200: #aaabac;
10864
10864
  --pf-v5-global--BorderColor--100: #444548;
@@ -10868,7 +10868,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10868
10868
  --pf-v5-global--BackgroundColor--100: #1b1d21;
10869
10869
  }
10870
10870
 
10871
- :root:where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
10871
+ :where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
10872
10872
  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10873
10873
  --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10874
10874
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -12097,10 +12097,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12097
12097
  min-width: min-content;
12098
12098
  }
12099
12099
 
12100
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
12101
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
12102
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
12103
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
12100
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
12101
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
12102
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
12103
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
12104
12104
  --pf-v5-global--Color--100: #e0e0e0;
12105
12105
  --pf-v5-global--Color--200: #aaabac;
12106
12106
  --pf-v5-global--BorderColor--100: #444548;
@@ -12110,7 +12110,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12110
12110
  --pf-v5-global--BackgroundColor--100: #1b1d21;
12111
12111
  }
12112
12112
 
12113
- :root:where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
12113
+ :where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
12114
12114
  --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
12115
12115
  --pf-v5-c-date-picker__calendar--Top: 100%;
12116
12116
  }
@@ -13228,10 +13228,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13228
13228
  display: none;
13229
13229
  }
13230
13230
  }
13231
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
13232
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13233
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
13234
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
13231
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
13232
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13233
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
13234
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
13235
13235
  --pf-v5-global--Color--100: #e0e0e0;
13236
13236
  --pf-v5-global--Color--200: #aaabac;
13237
13237
  --pf-v5-global--BorderColor--100: #444548;
@@ -13241,11 +13241,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13241
13241
  --pf-v5-global--BackgroundColor--100: #1b1d21;
13242
13242
  }
13243
13243
 
13244
- :root:where(.pf-v5-theme-dark) .pf-v5-c-drawer {
13244
+ :where(.pf-v5-theme-dark) .pf-v5-c-drawer {
13245
13245
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
13246
13246
  --pf-v5-c-drawer__splitter--BackgroundColor: transparent;
13247
13247
  }
13248
- :root:where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-inline, :root:where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-static {
13248
+ :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-inline, :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-static {
13249
13249
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13250
13250
  }
13251
13251
 
@@ -13898,10 +13898,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13898
13898
  color: var(--pf-v5-c-dropdown__group-title--Color);
13899
13899
  }
13900
13900
 
13901
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
13902
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13903
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
13904
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
13901
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
13902
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13903
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
13904
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
13905
13905
  --pf-v5-global--Color--100: #e0e0e0;
13906
13906
  --pf-v5-global--Color--200: #aaabac;
13907
13907
  --pf-v5-global--BorderColor--100: #444548;
@@ -13911,7 +13911,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13911
13911
  --pf-v5-global--BackgroundColor--100: #1b1d21;
13912
13912
  }
13913
13913
 
13914
- :root:where(.pf-v5-theme-dark) .pf-v5-c-dropdown {
13914
+ :where(.pf-v5-theme-dark) .pf-v5-c-dropdown {
13915
13915
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
13916
13916
  --pf-v5-c-dropdown__toggle--before--BorderTopColor: transparent;
13917
13917
  --pf-v5-c-dropdown__toggle--before--BorderRightColor: transparent;
@@ -13926,10 +13926,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13926
13926
  --pf-v5-c-dropdown--m-top__menu--TranslateY: -100%;
13927
13927
  --pf-v5-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
13928
13928
  }
13929
- :root:where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain):disabled, :root:where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
13929
+ :where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
13930
13930
  color: var(--pf-v5-global--palette--black-100);
13931
13931
  }
13932
- :root:where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle.pf-m-plain {
13932
+ :where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle.pf-m-plain {
13933
13933
  background: transparent;
13934
13934
  }
13935
13935
 
@@ -14754,10 +14754,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14754
14754
  margin-bottom: var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom);
14755
14755
  }
14756
14756
 
14757
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
14758
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
14759
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
14760
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
14757
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
14758
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
14759
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
14760
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
14761
14761
  --pf-v5-global--Color--100: #e0e0e0;
14762
14762
  --pf-v5-global--Color--200: #aaabac;
14763
14763
  --pf-v5-global--BorderColor--100: #444548;
@@ -14767,7 +14767,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14767
14767
  --pf-v5-global--BackgroundColor--100: #1b1d21;
14768
14768
  }
14769
14769
 
14770
- :root:where(.pf-v5-theme-dark) .pf-v5-c-form {
14770
+ :where(.pf-v5-theme-dark) .pf-v5-c-form {
14771
14771
  --pf-v5-c-form__helper-text--m-success--Color: var(--pf-v5-global--success-color--100);
14772
14772
  }
14773
14773
 
@@ -15032,10 +15032,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15032
15032
  pointer-events: none;
15033
15033
  }
15034
15034
 
15035
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15036
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15037
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
15038
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
15035
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15036
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15037
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
15038
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
15039
15039
  --pf-v5-global--Color--100: #e0e0e0;
15040
15040
  --pf-v5-global--Color--200: #aaabac;
15041
15041
  --pf-v5-global--BorderColor--100: #444548;
@@ -15045,7 +15045,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15045
15045
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15046
15046
  }
15047
15047
 
15048
- :root:where(.pf-v5-theme-dark) .pf-v5-c-form-control {
15048
+ :where(.pf-v5-theme-dark) .pf-v5-c-form-control {
15049
15049
  --pf-v5-c-form-control--BorderTopColor: transparent;
15050
15050
  --pf-v5-c-form-control--BorderRightColor: transparent;
15051
15051
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
@@ -15056,10 +15056,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15056
15056
  --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15057
15057
  color: var(--pf-v5-global--Color--100);
15058
15058
  }
15059
- :root:where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
15059
+ :where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
15060
15060
  filter: invert(1);
15061
15061
  }
15062
- :root:where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
15062
+ :where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
15063
15063
  border-bottom-color: var(--pf-v5-global--palette--black-700);
15064
15064
  }
15065
15065
 
@@ -15124,10 +15124,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15124
15124
  margin-right: var(--pf-v5-c-hint__footer--child--MarginRight);
15125
15125
  }
15126
15126
 
15127
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15128
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15129
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
15130
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
15127
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15128
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15129
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
15130
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
15131
15131
  --pf-v5-global--Color--100: #e0e0e0;
15132
15132
  --pf-v5-global--Color--200: #aaabac;
15133
15133
  --pf-v5-global--BorderColor--100: #444548;
@@ -15137,7 +15137,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15137
15137
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15138
15138
  }
15139
15139
 
15140
- :root:where(.pf-v5-theme-dark) .pf-v5-c-hint {
15140
+ :where(.pf-v5-theme-dark) .pf-v5-c-hint {
15141
15141
  --pf-v5-c-hint--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
15142
15142
  --pf-v5-c-hint--BorderColor: var(--pf-v5-global--BorderColor--300);
15143
15143
  }
@@ -15216,10 +15216,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15216
15216
  color: var(--pf-v5-c-helper-text__item-text--Color);
15217
15217
  }
15218
15218
 
15219
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15220
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15221
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
15222
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
15219
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15220
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15221
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
15222
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
15223
15223
  --pf-v5-global--Color--100: #e0e0e0;
15224
15224
  --pf-v5-global--Color--200: #aaabac;
15225
15225
  --pf-v5-global--BorderColor--100: #444548;
@@ -15229,7 +15229,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15229
15229
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15230
15230
  }
15231
15231
 
15232
- :root:where(.pf-v5-theme-dark) .pf-v5-c-helper-text {
15232
+ :where(.pf-v5-theme-dark) .pf-v5-c-helper-text {
15233
15233
  --pf-v5-c-helper-text__item-text--m-success--Color: var(--pf-v5-global--success-color--100);
15234
15234
  }
15235
15235
 
@@ -15459,8 +15459,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15459
15459
  --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--100);
15460
15460
  --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
15461
15461
  --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
15462
- --pf-v5-c-input-group--c-form-control--invalid--ZIndex: var(--pf-v5-global--ZIndex--xs);
15463
- --pf-v5-c-input-group--c-form-control--MarginRight: 0;
15464
15462
  display: flex;
15465
15463
  width: 100%;
15466
15464
  }
@@ -15506,10 +15504,10 @@ label.pf-v5-c-input-group__text {
15506
15504
  cursor: pointer;
15507
15505
  }
15508
15506
 
15509
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15510
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15511
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
15512
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
15507
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15508
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15509
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
15510
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
15513
15511
  --pf-v5-global--Color--100: #e0e0e0;
15514
15512
  --pf-v5-global--Color--200: #aaabac;
15515
15513
  --pf-v5-global--BorderColor--100: #444548;
@@ -15519,7 +15517,7 @@ label.pf-v5-c-input-group__text {
15519
15517
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15520
15518
  }
15521
15519
 
15522
- :root:where(.pf-v5-theme-dark) .pf-v5-c-input-group {
15520
+ :where(.pf-v5-theme-dark) .pf-v5-c-input-group {
15523
15521
  --pf-v5-c-input-group__item--BorderLeftWidth: var(--pf-v5-c-input-group__item--BorderWidth--base);
15524
15522
  --pf-v5-c-input-group__item--BorderLeftColor: var(--pf-v5-global--palette--black-700);
15525
15523
  --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -15531,7 +15529,7 @@ label.pf-v5-c-input-group__text {
15531
15529
  --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
15532
15530
  --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--300);
15533
15531
  }
15534
- :root:where(.pf-v5-theme-dark) .pf-v5-c-input-group > * + * {
15532
+ :where(.pf-v5-theme-dark) .pf-v5-c-input-group > * + * {
15535
15533
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderLeftColor);
15536
15534
  border-left: var(--pf-v5-c-input-group__item--BorderLeftWidth) solid var(--pf-v5-c-input-group__item--BorderLeftColor);
15537
15535
  }
@@ -16203,10 +16201,10 @@ button.pf-v5-c-label__content:focus {
16203
16201
  margin-bottom: var(--pf-v5-c-label__actions--c-button--MarginBottom);
16204
16202
  }
16205
16203
 
16206
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
16207
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16208
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
16209
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
16204
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
16205
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16206
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
16207
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
16210
16208
  --pf-v5-global--Color--100: #e0e0e0;
16211
16209
  --pf-v5-global--Color--200: #aaabac;
16212
16210
  --pf-v5-global--BorderColor--100: #444548;
@@ -16216,7 +16214,7 @@ button.pf-v5-c-label__content:focus {
16216
16214
  --pf-v5-global--BackgroundColor--100: #1b1d21;
16217
16215
  }
16218
16216
 
16219
- :root:where(.pf-v5-theme-dark) .pf-v5-c-label {
16217
+ :where(.pf-v5-theme-dark) .pf-v5-c-label {
16220
16218
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16221
16219
  --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16222
16220
  --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -16654,10 +16652,10 @@ ul.pf-v5-c-list {
16654
16652
  font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
16655
16653
  }
16656
16654
 
16657
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
16658
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16659
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
16660
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
16655
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
16656
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16657
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
16658
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
16661
16659
  --pf-v5-global--Color--100: #e0e0e0;
16662
16660
  --pf-v5-global--Color--200: #aaabac;
16663
16661
  --pf-v5-global--BorderColor--100: #444548;
@@ -16667,7 +16665,7 @@ ul.pf-v5-c-list {
16667
16665
  --pf-v5-global--BackgroundColor--100: #1b1d21;
16668
16666
  }
16669
16667
 
16670
- :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
16668
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
16671
16669
  color: var(--pf-v5-global--Color--100);
16672
16670
  }
16673
16671
 
@@ -16935,10 +16933,10 @@ ul.pf-v5-c-list {
16935
16933
  padding-top: var(--pf-v5-c-login__footer--c-list--PaddingTop);
16936
16934
  }
16937
16935
 
16938
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
16939
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16940
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
16941
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
16936
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
16937
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16938
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
16939
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
16942
16940
  --pf-v5-global--Color--100: #e0e0e0;
16943
16941
  --pf-v5-global--Color--200: #aaabac;
16944
16942
  --pf-v5-global--BorderColor--100: #444548;
@@ -16948,11 +16946,11 @@ ul.pf-v5-c-list {
16948
16946
  --pf-v5-global--BackgroundColor--100: #1b1d21;
16949
16947
  }
16950
16948
 
16951
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login {
16949
+ :where(.pf-v5-theme-dark) .pf-v5-c-login {
16952
16950
  --pf-v5-c-login__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16953
16951
  }
16954
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
16955
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer {
16952
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
16953
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer {
16956
16954
  color: var(--pf-v5-global--Color--100);
16957
16955
  }
16958
16956
 
@@ -17578,10 +17576,10 @@ ul.pf-v5-c-list {
17578
17576
  }
17579
17577
  }
17580
17578
 
17581
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
17582
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
17583
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
17584
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer {
17579
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
17580
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
17581
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
17582
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer {
17585
17583
  --pf-v5-global--Color--100: #e0e0e0;
17586
17584
  --pf-v5-global--Color--200: #aaabac;
17587
17585
  --pf-v5-global--BorderColor--100: #444548;
@@ -17591,11 +17589,11 @@ ul.pf-v5-c-list {
17591
17589
  --pf-v5-global--BackgroundColor--100: #1b1d21;
17592
17590
  }
17593
17591
 
17594
- :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
17592
+ :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
17595
17593
  --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-global--palette--black-1000);
17596
17594
  color: var(--pf-v5-global--Color--100);
17597
17595
  }
17598
- :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar {
17596
+ :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar {
17599
17597
  --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--palette--black-1000);
17600
17598
  }
17601
17599
 
@@ -18163,10 +18161,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18163
18161
  border-top: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
18164
18162
  }
18165
18163
 
18166
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
18167
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18168
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
18169
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18164
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
18165
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18166
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
18167
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18170
18168
  --pf-v5-global--Color--100: #e0e0e0;
18171
18169
  --pf-v5-global--Color--200: #aaabac;
18172
18170
  --pf-v5-global--BorderColor--100: #444548;
@@ -18176,7 +18174,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18176
18174
  --pf-v5-global--BackgroundColor--100: #1b1d21;
18177
18175
  }
18178
18176
 
18179
- :root:where(.pf-v5-theme-dark) .pf-v5-c-menu {
18177
+ :where(.pf-v5-theme-dark) .pf-v5-c-menu {
18180
18178
  --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
18181
18179
  --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18182
18180
  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -18581,10 +18579,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18581
18579
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
18582
18580
  }
18583
18581
 
18584
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
18585
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18586
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
18587
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18582
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
18583
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18584
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
18585
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18588
18586
  --pf-v5-global--Color--100: #e0e0e0;
18589
18587
  --pf-v5-global--Color--200: #aaabac;
18590
18588
  --pf-v5-global--BorderColor--100: #444548;
@@ -18594,7 +18592,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18594
18592
  --pf-v5-global--BackgroundColor--100: #1b1d21;
18595
18593
  }
18596
18594
 
18597
- :root:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
18595
+ :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
18598
18596
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18599
18597
  --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18600
18598
  --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -18612,7 +18610,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18612
18610
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
18613
18611
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
18614
18612
  }
18615
- :root:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
18613
+ :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
18616
18614
  background: transparent;
18617
18615
  }
18618
18616
 
@@ -18800,10 +18798,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18800
18798
  }
18801
18799
  }
18802
18800
 
18803
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
18804
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18805
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
18806
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18801
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
18802
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18803
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
18804
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18807
18805
  --pf-v5-global--Color--100: #e0e0e0;
18808
18806
  --pf-v5-global--Color--200: #aaabac;
18809
18807
  --pf-v5-global--BorderColor--100: #444548;
@@ -18813,7 +18811,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18813
18811
  --pf-v5-global--BackgroundColor--100: #1b1d21;
18814
18812
  }
18815
18813
 
18816
- :root:where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
18814
+ :where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
18817
18815
  --pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
18818
18816
  }
18819
18817
 
@@ -19940,10 +19938,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19940
19938
  left: 0;
19941
19939
  }
19942
19940
 
19943
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
19944
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
19945
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
19946
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
19941
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
19942
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
19943
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
19944
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
19947
19945
  --pf-v5-global--Color--100: #e0e0e0;
19948
19946
  --pf-v5-global--Color--200: #aaabac;
19949
19947
  --pf-v5-global--BorderColor--100: #444548;
@@ -19953,7 +19951,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19953
19951
  --pf-v5-global--BackgroundColor--100: #1b1d21;
19954
19952
  }
19955
19953
 
19956
- :root:where(.pf-v5-theme-dark) .pf-v5-c-nav {
19954
+ :where(.pf-v5-theme-dark) .pf-v5-c-nav {
19957
19955
  --pf-v5-c-nav__item--item__link--after--Top: -1px;
19958
19956
  --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BorderColor--100);
19959
19957
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -19971,19 +19969,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19971
19969
  --pf-v5-c-nav__link--active--before--BorderBottomWidth: 0;
19972
19970
  --pf-v5-c-nav__link--m-current--before--BorderBottomWidth: 0;
19973
19971
  }
19974
- :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__link::before {
19972
+ :where(.pf-v5-theme-dark) .pf-v5-c-nav__link::before {
19975
19973
  bottom: 0;
19976
19974
  }
19977
- :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__link::after {
19975
+ :where(.pf-v5-theme-dark) .pf-v5-c-nav__link::after {
19978
19976
  top: var(--pf-v5-c-nav__item--item__link--after--Top);
19979
19977
  }
19980
- :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__item + .pf-v5-c-nav__item {
19978
+ :where(.pf-v5-theme-dark) .pf-v5-c-nav__item + .pf-v5-c-nav__item {
19981
19979
  --pf-v5-c-nav__link--after--Top: var(--pf-v5-c-nav__item--item__link--after--Top);
19982
19980
  }
19983
- :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__subnav {
19981
+ :where(.pf-v5-theme-dark) .pf-v5-c-nav__subnav {
19984
19982
  --pf-v5-c-nav__item--item__link--after--Top: 0;
19985
19983
  }
19986
- :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__section {
19984
+ :where(.pf-v5-theme-dark) .pf-v5-c-nav__section {
19987
19985
  --pf-v5-c-nav__item--item__link--after--Top: 0;
19988
19986
  }
19989
19987
 
@@ -20087,10 +20085,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20087
20085
  margin-left: var(--pf-v5-c-notification-badge__count--MarginLeft);
20088
20086
  }
20089
20087
 
20090
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20091
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20092
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
20093
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20088
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20089
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20090
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
20091
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20094
20092
  --pf-v5-global--Color--100: #e0e0e0;
20095
20093
  --pf-v5-global--Color--200: #aaabac;
20096
20094
  --pf-v5-global--BorderColor--100: #444548;
@@ -20100,7 +20098,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20100
20098
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20101
20099
  }
20102
20100
 
20103
- :root:where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
20101
+ :where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
20104
20102
  --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20105
20103
  --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
20106
20104
  --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -20371,10 +20369,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20371
20369
  transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
20372
20370
  }
20373
20371
 
20374
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20375
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20376
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
20377
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20372
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20373
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20374
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
20375
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20378
20376
  --pf-v5-global--Color--100: #e0e0e0;
20379
20377
  --pf-v5-global--Color--200: #aaabac;
20380
20378
  --pf-v5-global--BorderColor--100: #444548;
@@ -20384,7 +20382,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20384
20382
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20385
20383
  }
20386
20384
 
20387
- :root:where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
20385
+ :where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
20388
20386
  --pf-v5-c-notification-drawer--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
20389
20387
  --pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
20390
20388
  --pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -20648,10 +20646,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20648
20646
  color: var(--pf-v5-c-options-menu__group-title--Color);
20649
20647
  }
20650
20648
 
20651
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20652
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20653
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
20654
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20649
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
20650
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20651
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
20652
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20655
20653
  --pf-v5-global--Color--100: #e0e0e0;
20656
20654
  --pf-v5-global--Color--200: #aaabac;
20657
20655
  --pf-v5-global--BorderColor--100: #444548;
@@ -20661,7 +20659,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20661
20659
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20662
20660
  }
20663
20661
 
20664
- :root:where(.pf-v5-theme-dark) .pf-v5-c-options-menu {
20662
+ :where(.pf-v5-theme-dark) .pf-v5-c-options-menu {
20665
20663
  --pf-v5-c-options-menu__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20666
20664
  --pf-v5-c-options-menu__toggle--BorderTopColor: transparent;
20667
20665
  --pf-v5-c-options-menu__toggle--BorderRightColor: transparent;
@@ -20672,7 +20670,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20672
20670
  --pf-v5-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20673
20671
  --pf-v5-c-options-menu__menu--Top: 100%;
20674
20672
  }
20675
- :root:where(.pf-v5-theme-dark) .pf-v5-c-options-menu__toggle.pf-m-plain {
20673
+ :where(.pf-v5-theme-dark) .pf-v5-c-options-menu__toggle.pf-m-plain {
20676
20674
  background: transparent;
20677
20675
  }
20678
20676
 
@@ -21625,10 +21623,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21625
21623
  flex: 1 0 auto;
21626
21624
  }
21627
21625
 
21628
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
21629
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21630
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
21631
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
21626
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
21627
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21628
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
21629
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
21632
21630
  --pf-v5-global--Color--100: #e0e0e0;
21633
21631
  --pf-v5-global--Color--200: #aaabac;
21634
21632
  --pf-v5-global--BorderColor--100: #444548;
@@ -21638,39 +21636,39 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21638
21636
  --pf-v5-global--BackgroundColor--100: #1b1d21;
21639
21637
  }
21640
21638
 
21641
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page {
21639
+ :where(.pf-v5-theme-dark) .pf-v5-c-page {
21642
21640
  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
21643
21641
  --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21644
21642
  --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21645
21643
  --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
21646
21644
  }
21647
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button {
21645
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button {
21648
21646
  color: var(--pf-v5-global--Color--100);
21649
21647
  }
21650
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge:hover::before {
21648
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge:hover::before {
21651
21649
  background-color: var(--pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
21652
21650
  }
21653
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar {
21651
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar {
21654
21652
  border-right: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
21655
21653
  }
21656
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-top, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-bottom {
21654
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-bottom {
21657
21655
  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21658
21656
  }
21659
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom {
21657
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom {
21660
21658
  --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21661
21659
  }
21662
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-top, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-bottom {
21660
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-bottom {
21663
21661
  --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21664
21662
  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21665
21663
  --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21666
21664
  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21667
21665
  }
21668
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-top, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-bottom {
21666
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-bottom {
21669
21667
  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21670
21668
  }
21671
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
21672
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21673
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
21669
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
21670
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21671
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
21674
21672
  color: var(--pf-v5-global--Color--100);
21675
21673
  }
21676
21674
 
@@ -21817,6 +21815,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21817
21815
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
21818
21816
  display: block;
21819
21817
  }
21818
+ .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
21819
+ display: inline-flex;
21820
+ }
21820
21821
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-options-menu {
21821
21822
  position: relative;
21822
21823
  }
@@ -21882,7 +21883,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21882
21883
  .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control {
21883
21884
  width: var(--pf-v5-c-pagination__nav-page-select--c-form-control--Width);
21884
21885
  }
21885
-
21886
21886
  .pf-v5-c-pagination__total-items {
21887
21887
  display: var(--pf-v5-c-pagination__total-items--Display);
21888
21888
  }
@@ -22066,10 +22066,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22066
22066
  }
22067
22067
  }
22068
22068
 
22069
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
22070
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22071
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22072
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22069
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
22070
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22071
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22072
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22073
22073
  --pf-v5-global--Color--100: #e0e0e0;
22074
22074
  --pf-v5-global--Color--200: #aaabac;
22075
22075
  --pf-v5-global--BorderColor--100: #444548;
@@ -22079,7 +22079,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22079
22079
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22080
22080
  }
22081
22081
 
22082
- :root:where(.pf-v5-theme-dark) .pf-v5-c-pagination {
22082
+ :where(.pf-v5-theme-dark) .pf-v5-c-pagination {
22083
22083
  --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22084
22084
  }
22085
22085
 
@@ -22164,10 +22164,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22164
22164
  box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
22165
22165
  }
22166
22166
 
22167
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
22168
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22169
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22170
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22167
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
22168
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22169
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22170
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22171
22171
  --pf-v5-global--Color--100: #e0e0e0;
22172
22172
  --pf-v5-global--Color--200: #aaabac;
22173
22173
  --pf-v5-global--BorderColor--100: #444548;
@@ -22177,7 +22177,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22177
22177
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22178
22178
  }
22179
22179
 
22180
- :root:where(.pf-v5-theme-dark) .pf-v5-c-panel {
22180
+ :where(.pf-v5-theme-dark) .pf-v5-c-panel {
22181
22181
  --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22182
22182
  }
22183
22183
 
@@ -22353,10 +22353,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22353
22353
  margin-top: var(--pf-v5-c-popover__footer--MarginTop);
22354
22354
  }
22355
22355
 
22356
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
22357
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22358
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22359
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22356
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
22357
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22358
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22359
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22360
22360
  --pf-v5-global--Color--100: #e0e0e0;
22361
22361
  --pf-v5-global--Color--200: #aaabac;
22362
22362
  --pf-v5-global--BorderColor--100: #444548;
@@ -22366,7 +22366,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22366
22366
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22367
22367
  }
22368
22368
 
22369
- :root:where(.pf-v5-theme-dark) .pf-v5-c-popover {
22369
+ :where(.pf-v5-theme-dark) .pf-v5-c-popover {
22370
22370
  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22371
22371
  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22372
22372
  --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
@@ -22541,10 +22541,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22541
22541
  margin-top: var(--pf-v5-c-progress__helper-text--MarginTop);
22542
22542
  }
22543
22543
 
22544
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
22545
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22546
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22547
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22544
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
22545
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22546
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22547
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22548
22548
  --pf-v5-global--Color--100: #e0e0e0;
22549
22549
  --pf-v5-global--Color--200: #aaabac;
22550
22550
  --pf-v5-global--BorderColor--100: #444548;
@@ -22554,7 +22554,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22554
22554
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22555
22555
  }
22556
22556
 
22557
- :root:where(.pf-v5-theme-dark) .pf-v5-c-progress {
22557
+ :where(.pf-v5-theme-dark) .pf-v5-c-progress {
22558
22558
  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
22559
22559
  --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
22560
22560
  --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
@@ -23805,10 +23805,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23805
23805
  box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
23806
23806
  }
23807
23807
 
23808
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
23809
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
23810
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
23811
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
23808
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
23809
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
23810
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
23811
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
23812
23812
  --pf-v5-global--Color--100: #e0e0e0;
23813
23813
  --pf-v5-global--Color--200: #aaabac;
23814
23814
  --pf-v5-global--BorderColor--100: #444548;
@@ -23818,7 +23818,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23818
23818
  --pf-v5-global--BackgroundColor--100: #1b1d21;
23819
23819
  }
23820
23820
 
23821
- :root:where(.pf-v5-theme-dark) .pf-v5-c-select {
23821
+ :where(.pf-v5-theme-dark) .pf-v5-c-select {
23822
23822
  --pf-v5-c-select__toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
23823
23823
  --pf-v5-c-select__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
23824
23824
  --pf-v5-c-select__toggle--before--BorderTopColor: transparent;
@@ -23830,7 +23830,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23830
23830
  --pf-v5-c-select__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
23831
23831
  --pf-v5-c-select__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
23832
23832
  }
23833
- :root:where(.pf-v5-theme-dark) .pf-v5-c-select__toggle:disabled, :root:where(.pf-v5-theme-dark) .pf-v5-c-select__toggle.pf-m-disabled {
23833
+ :where(.pf-v5-theme-dark) .pf-v5-c-select__toggle:disabled, :where(.pf-v5-theme-dark) .pf-v5-c-select__toggle.pf-m-disabled {
23834
23834
  color: var(--pf-v5-global--palette--black-100);
23835
23835
  }
23836
23836
 
@@ -24235,10 +24235,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24235
24235
  margin-top: var(--pf-v5-c-simple-list__section--section--MarginTop);
24236
24236
  }
24237
24237
 
24238
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
24239
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
24240
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24241
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24238
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
24239
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
24240
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24241
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24242
24242
  --pf-v5-global--Color--100: #e0e0e0;
24243
24243
  --pf-v5-global--Color--200: #aaabac;
24244
24244
  --pf-v5-global--BorderColor--100: #444548;
@@ -24248,7 +24248,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24248
24248
  --pf-v5-global--BackgroundColor--100: #1b1d21;
24249
24249
  }
24250
24250
 
24251
- :root:where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
24251
+ :where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
24252
24252
  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
24253
24253
  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
24254
24254
  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
@@ -24420,10 +24420,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24420
24420
  transform: translateX(100%);
24421
24421
  }
24422
24422
  }
24423
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
24424
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
24425
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24426
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24423
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
24424
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
24425
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24426
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24427
24427
  --pf-v5-global--Color--100: #e0e0e0;
24428
24428
  --pf-v5-global--Color--200: #aaabac;
24429
24429
  --pf-v5-global--BorderColor--100: #444548;
@@ -24433,7 +24433,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24433
24433
  --pf-v5-global--BackgroundColor--100: #1b1d21;
24434
24434
  }
24435
24435
 
24436
- :root:where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
24436
+ :where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
24437
24437
  --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
24438
24438
  --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(--pf-v5-global--palette--black-600);
24439
24439
  --pf-v5-c-skeleton--after--LinearGradientColorStop2: var(--pf-v5-global--palette--black-500);
@@ -24881,10 +24881,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
24881
24881
  vertical-align: top;
24882
24882
  }
24883
24883
 
24884
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
24885
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
24886
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24887
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24884
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
24885
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
24886
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24887
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24888
24888
  --pf-v5-global--Color--100: #e0e0e0;
24889
24889
  --pf-v5-global--Color--200: #aaabac;
24890
24890
  --pf-v5-global--BorderColor--100: #444548;
@@ -24894,7 +24894,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
24894
24894
  --pf-v5-global--BackgroundColor--100: #1b1d21;
24895
24895
  }
24896
24896
 
24897
- :root:where(.pf-v5-theme-dark) .pf-v5-c-switch {
24897
+ :where(.pf-v5-theme-dark) .pf-v5-c-switch {
24898
24898
  --pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--BackgroundColor--100);
24899
24899
  --pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
24900
24900
  --pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);
@@ -27566,10 +27566,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27566
27566
  --pf-v5-c-table--cell--Width: 100%;
27567
27567
  }
27568
27568
 
27569
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
27570
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
27571
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
27572
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
27569
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
27570
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
27571
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
27572
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
27573
27573
  --pf-v5-global--Color--100: #e0e0e0;
27574
27574
  --pf-v5-global--Color--200: #aaabac;
27575
27575
  --pf-v5-global--BorderColor--100: #444548;
@@ -27579,10 +27579,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27579
27579
  --pf-v5-global--BackgroundColor--100: #1b1d21;
27580
27580
  }
27581
27581
 
27582
- :root:where(.pf-v5-theme-dark) .pf-v5-c-table {
27582
+ :where(.pf-v5-theme-dark) .pf-v5-c-table {
27583
27583
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
27584
27584
  }
27585
- :root:where(.pf-v5-theme-dark) .pf-v5-c-table__favorite .pf-v5-c-button:hover, :root:where(.pf-v5-theme-dark) .pf-v5-c-table__favorite .pf-v5-c-button:focus {
27585
+ :where(.pf-v5-theme-dark) .pf-v5-c-table__favorite .pf-v5-c-button:hover, :where(.pf-v5-theme-dark) .pf-v5-c-table__favorite .pf-v5-c-button:focus {
27586
27586
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--palette--gold-100);
27587
27587
  }
27588
27588
 
@@ -29281,10 +29281,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29281
29281
  }
29282
29282
  }
29283
29283
 
29284
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
29285
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29286
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29287
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29284
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
29285
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29286
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29287
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29288
29288
  --pf-v5-global--Color--100: #e0e0e0;
29289
29289
  --pf-v5-global--Color--200: #aaabac;
29290
29290
  --pf-v5-global--BorderColor--100: #444548;
@@ -29294,7 +29294,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29294
29294
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29295
29295
  }
29296
29296
 
29297
- :root:where(.pf-v5-theme-dark) .pf-v5-c-tabs {
29297
+ :where(.pf-v5-theme-dark) .pf-v5-c-tabs {
29298
29298
  --pf-v5-c-tabs__scroll-button--BackgroundColor: transparent;
29299
29299
  --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29300
29300
  --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--300);
@@ -29451,10 +29451,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29451
29451
  display: flex;
29452
29452
  }
29453
29453
 
29454
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
29455
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29456
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29457
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29454
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
29455
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29456
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29457
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29458
29458
  --pf-v5-global--Color--100: #e0e0e0;
29459
29459
  --pf-v5-global--Color--200: #aaabac;
29460
29460
  --pf-v5-global--BorderColor--100: #444548;
@@ -29464,7 +29464,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29464
29464
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29465
29465
  }
29466
29466
 
29467
- :root:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
29467
+ :where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
29468
29468
  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
29469
29469
  --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
29470
29470
  --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
@@ -29610,10 +29610,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29610
29610
  color: var(--pf-v5-c-tile__icon--Color);
29611
29611
  }
29612
29612
 
29613
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
29614
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29615
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29616
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29613
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
29614
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29615
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29616
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29617
29617
  --pf-v5-global--Color--100: #e0e0e0;
29618
29618
  --pf-v5-global--Color--200: #aaabac;
29619
29619
  --pf-v5-global--BorderColor--100: #444548;
@@ -29623,7 +29623,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29623
29623
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29624
29624
  }
29625
29625
 
29626
- :root:where(.pf-v5-theme-dark) .pf-v5-c-tile {
29626
+ :where(.pf-v5-theme-dark) .pf-v5-c-tile {
29627
29627
  --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29628
29628
  --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--300);
29629
29629
  --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--300);
@@ -29825,10 +29825,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29825
29825
  margin-left: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
29826
29826
  }
29827
29827
 
29828
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
29829
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29830
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29831
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29828
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
29829
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29830
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29831
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29832
29832
  --pf-v5-global--Color--100: #e0e0e0;
29833
29833
  --pf-v5-global--Color--200: #aaabac;
29834
29834
  --pf-v5-global--BorderColor--100: #444548;
@@ -29838,7 +29838,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29838
29838
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29839
29839
  }
29840
29840
 
29841
- :root:where(.pf-v5-theme-dark) .pf-v5-c-toggle-group {
29841
+ :where(.pf-v5-theme-dark) .pf-v5-c-toggle-group {
29842
29842
  --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--palette--black-700);
29843
29843
  --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--palette--black-700);
29844
29844
  --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
@@ -29934,10 +29934,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29934
29934
  box-shadow: var(--pf-v5-c-tooltip__arrow--BoxShadow);
29935
29935
  }
29936
29936
 
29937
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
29938
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29939
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29940
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29937
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
29938
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29939
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29940
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29941
29941
  --pf-v5-global--Color--100: #e0e0e0;
29942
29942
  --pf-v5-global--Color--200: #aaabac;
29943
29943
  --pf-v5-global--BorderColor--100: #444548;
@@ -29947,7 +29947,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29947
29947
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29948
29948
  }
29949
29949
 
29950
- :root:where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
29950
+ :where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
29951
29951
  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
29952
29952
  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
29953
29953
  }
@@ -30007,6 +30007,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
30007
30007
  }
30008
30008
  .pf-v5-c-number-input .pf-v5-c-form-control {
30009
30009
  width: var(--pf-v5-c-number-input--c-form-control--Width);
30010
+ }
30011
+ .pf-v5-c-number-input .pf-v5-c-form-control > :is(input) {
30010
30012
  text-align: right;
30011
30013
  }
30012
30014
 
@@ -30469,10 +30471,10 @@ label.pf-v5-c-tree-view__node-text {
30469
30471
  --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));
30470
30472
  }
30471
30473
 
30472
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
30473
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
30474
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30475
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
30474
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
30475
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
30476
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30477
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
30476
30478
  --pf-v5-global--Color--100: #e0e0e0;
30477
30479
  --pf-v5-global--Color--200: #aaabac;
30478
30480
  --pf-v5-global--BorderColor--100: #444548;
@@ -30482,7 +30484,7 @@ label.pf-v5-c-tree-view__node-text {
30482
30484
  --pf-v5-global--BackgroundColor--100: #1b1d21;
30483
30485
  }
30484
30486
 
30485
- :root:where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
30487
+ :where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
30486
30488
  --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30487
30489
  --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30488
30490
  }
@@ -30976,10 +30978,10 @@ label.pf-v5-c-tree-view__node-text {
30976
30978
  margin-left: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
30977
30979
  }
30978
30980
 
30979
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :root:where(.pf-v5-theme-dark) .pf-v5-c-banner, :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
30980
- :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead, :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
30981
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30982
- :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
30981
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
30982
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
30983
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30984
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
30983
30985
  --pf-v5-global--Color--100: #e0e0e0;
30984
30986
  --pf-v5-global--Color--200: #aaabac;
30985
30987
  --pf-v5-global--BorderColor--100: #444548;
@@ -30989,11 +30991,11 @@ label.pf-v5-c-tree-view__node-text {
30989
30991
  --pf-v5-global--BackgroundColor--100: #1b1d21;
30990
30992
  }
30991
30993
 
30992
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard {
30994
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
30993
30995
  --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
30994
30996
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
30995
30997
  }
30996
- :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
30998
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
30997
30999
  color: var(--pf-v5-global--Color--100);
30998
31000
  }
30999
31001