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

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 (74) hide show
  1. package/base/_globals.scss +1 -1
  2. package/base/_themes.scss +2 -2
  3. package/base/_variables.scss +1 -1
  4. package/base/themes/dark/_variables.scss +1 -1
  5. package/components/AboutModalBox/about-modal-box.css +2 -2
  6. package/components/Accordion/accordion.css +1 -1
  7. package/components/Alert/alert.css +1 -1
  8. package/components/AppLauncher/app-launcher.css +1 -1
  9. package/components/Badge/badge.css +1 -1
  10. package/components/Banner/banner.css +3 -3
  11. package/components/Button/button.css +2 -2
  12. package/components/CalendarMonth/calendar-month.css +3 -3
  13. package/components/Card/card.css +2 -2
  14. package/components/Chip/chip.css +1 -1
  15. package/components/ClipboardCopy/clipboard-copy.css +3 -3
  16. package/components/CodeEditor/code-editor.css +1 -1
  17. package/components/ContextSelector/context-selector.css +5 -5
  18. package/components/DataList/data-list.css +1 -1
  19. package/components/DatePicker/date-picker.css +1 -1
  20. package/components/DragDrop/drag-drop.css +1 -1
  21. package/components/Drawer/drawer.css +2 -2
  22. package/components/Dropdown/dropdown.css +3 -3
  23. package/components/DualListSelector/dual-list-selector.css +1 -1
  24. package/components/Form/form.css +1 -1
  25. package/components/FormControl/form-control.css +3 -3
  26. package/components/HelperText/helper-text.css +1 -1
  27. package/components/Hint/hint.css +1 -1
  28. package/components/InputGroup/input-group.css +2 -2
  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/OptionsMenu/options-menu.css +2 -2
  40. package/components/Page/page.css +14 -14
  41. package/components/Pagination/pagination.css +1 -1
  42. package/components/Panel/panel.css +1 -1
  43. package/components/Popover/popover.css +1 -1
  44. package/components/Progress/progress.css +1 -1
  45. package/components/Select/select.css +2 -2
  46. package/components/SimpleList/simple-list.css +1 -1
  47. package/components/Skeleton/skeleton.css +1 -1
  48. package/components/Switch/switch.css +1 -1
  49. package/components/Table/table.css +2 -2
  50. package/components/Tabs/tabs.css +1 -1
  51. package/components/TextInputGroup/text-input-group.css +1 -1
  52. package/components/Tile/tile.css +1 -1
  53. package/components/ToggleGroup/toggle-group.css +1 -1
  54. package/components/Tooltip/tooltip.css +1 -1
  55. package/components/TreeView/tree-view.css +1 -1
  56. package/components/Wizard/wizard.css +3 -3
  57. package/package.json +1 -1
  58. package/patternfly-addons.css +78 -78
  59. package/patternfly-base-no-globals-theme-dark-unversioned.css +5234 -0
  60. package/patternfly-base-no-globals-theme-dark-unversioned.scss +11 -0
  61. package/patternfly-base-theme-dark-unversioned.css +5351 -0
  62. package/patternfly-base-theme-dark-unversioned.scss +5 -0
  63. package/patternfly-charts-theme-dark-unversioned.css +70 -0
  64. package/patternfly-charts-theme-dark-unversioned.scss +8 -0
  65. package/patternfly-no-globals.css +304 -304
  66. package/patternfly-theme-dark-unversioned.css +34440 -0
  67. package/patternfly-theme-dark-unversioned.scss +6 -0
  68. package/patternfly.css +304 -304
  69. package/patternfly.min.css +1 -1
  70. package/patternfly.min.css.map +1 -1
  71. package/sass-utilities/_init.scss +20 -0
  72. package/sass-utilities/mixins.scss +2 -2
  73. package/utilities/BackgroundColor/BackgroundColor.css +30 -30
  74. package/utilities/Text/text.css +48 -48
@@ -314,10 +314,10 @@
314
314
  --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
315
315
  }
316
316
 
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 {
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 {
321
321
  --pf-v5-global--Color--100: #e0e0e0;
322
322
  --pf-v5-global--Color--200: #aaabac;
323
323
  --pf-v5-global--BorderColor--100: #444548;
@@ -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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
5516
+ :root: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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-accordion {
5746
+ :root: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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-alert {
5993
+ :root: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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-app-launcher {
6301
+ :root: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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-badge {
6674
+ :root: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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-banner {
6778
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
6779
6779
  color: var(false);
6780
6780
  }
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 {
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 {
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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-button {
7459
+ :root: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
- :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
7499
+ :root: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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
7705
+ :root: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
- :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 {
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 {
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
- :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 {
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 {
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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-card,
8133
- :where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
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 {
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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-chip {
8324
+ :root: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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy {
8515
+ :root: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
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__group > * + * {
8518
+ :root: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
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__expandable-content {
8522
+ :root: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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-code-editor__controls > * + * {
8714
+ :root: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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-context-selector {
9278
+ :root: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
- :where(.pf-v5-theme-dark) .pf-v5-c-context-selector__toggle {
9282
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector__toggle {
9283
9283
  background: var(--pf-v5-global--BackgroundColor--400);
9284
9284
  }
9285
- :where(.pf-v5-theme-dark) .pf-v5-c-context-selector__toggle.pf-m-plain {
9285
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector__toggle.pf-m-plain {
9286
9286
  background: transparent;
9287
9287
  }
9288
- :where(.pf-v5-theme-dark) .pf-v5-c-context-selector__menu {
9288
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector__menu {
9289
9289
  background: var(--pf-v5-global--BackgroundColor--300);
9290
9290
  }
9291
- :where(.pf-v5-theme-dark) .pf-v5-c-context-selector__menu-footer {
9291
+ :root: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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-data-list {
10150
+ :root: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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-droppable {
10555
+ :root: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
- :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 {
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 {
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
- :where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
10871
+ :root: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);
@@ -12063,10 +12063,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12063
12063
  min-width: min-content;
12064
12064
  }
12065
12065
 
12066
- :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,
12067
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
12068
- :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,
12069
- :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 {
12066
+ :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,
12067
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
12068
+ :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,
12069
+ :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 {
12070
12070
  --pf-v5-global--Color--100: #e0e0e0;
12071
12071
  --pf-v5-global--Color--200: #aaabac;
12072
12072
  --pf-v5-global--BorderColor--100: #444548;
@@ -12076,7 +12076,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12076
12076
  --pf-v5-global--BackgroundColor--100: #1b1d21;
12077
12077
  }
12078
12078
 
12079
- :where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
12079
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
12080
12080
  --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
12081
12081
  --pf-v5-c-date-picker__calendar--Top: 100%;
12082
12082
  }
@@ -13194,10 +13194,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13194
13194
  display: none;
13195
13195
  }
13196
13196
  }
13197
- :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,
13198
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13199
- :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,
13200
- :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 {
13197
+ :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,
13198
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13199
+ :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,
13200
+ :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 {
13201
13201
  --pf-v5-global--Color--100: #e0e0e0;
13202
13202
  --pf-v5-global--Color--200: #aaabac;
13203
13203
  --pf-v5-global--BorderColor--100: #444548;
@@ -13207,11 +13207,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13207
13207
  --pf-v5-global--BackgroundColor--100: #1b1d21;
13208
13208
  }
13209
13209
 
13210
- :where(.pf-v5-theme-dark) .pf-v5-c-drawer {
13210
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-drawer {
13211
13211
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
13212
13212
  --pf-v5-c-drawer__splitter--BackgroundColor: transparent;
13213
13213
  }
13214
- :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-inline, :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-static {
13214
+ :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 {
13215
13215
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13216
13216
  }
13217
13217
 
@@ -13864,10 +13864,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13864
13864
  color: var(--pf-v5-c-dropdown__group-title--Color);
13865
13865
  }
13866
13866
 
13867
- :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,
13868
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13869
- :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,
13870
- :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 {
13867
+ :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,
13868
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13869
+ :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,
13870
+ :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 {
13871
13871
  --pf-v5-global--Color--100: #e0e0e0;
13872
13872
  --pf-v5-global--Color--200: #aaabac;
13873
13873
  --pf-v5-global--BorderColor--100: #444548;
@@ -13877,7 +13877,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13877
13877
  --pf-v5-global--BackgroundColor--100: #1b1d21;
13878
13878
  }
13879
13879
 
13880
- :where(.pf-v5-theme-dark) .pf-v5-c-dropdown {
13880
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-dropdown {
13881
13881
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
13882
13882
  --pf-v5-c-dropdown__toggle--before--BorderTopColor: transparent;
13883
13883
  --pf-v5-c-dropdown__toggle--before--BorderRightColor: transparent;
@@ -13892,10 +13892,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13892
13892
  --pf-v5-c-dropdown--m-top__menu--TranslateY: -100%;
13893
13893
  --pf-v5-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
13894
13894
  }
13895
- :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 {
13895
+ :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 {
13896
13896
  color: var(--pf-v5-global--palette--black-100);
13897
13897
  }
13898
- :where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle.pf-m-plain {
13898
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle.pf-m-plain {
13899
13899
  background: transparent;
13900
13900
  }
13901
13901
 
@@ -14720,10 +14720,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14720
14720
  margin-bottom: var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom);
14721
14721
  }
14722
14722
 
14723
- :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,
14724
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
14725
- :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,
14726
- :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 {
14723
+ :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,
14724
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
14725
+ :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,
14726
+ :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 {
14727
14727
  --pf-v5-global--Color--100: #e0e0e0;
14728
14728
  --pf-v5-global--Color--200: #aaabac;
14729
14729
  --pf-v5-global--BorderColor--100: #444548;
@@ -14733,7 +14733,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14733
14733
  --pf-v5-global--BackgroundColor--100: #1b1d21;
14734
14734
  }
14735
14735
 
14736
- :where(.pf-v5-theme-dark) .pf-v5-c-form {
14736
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-form {
14737
14737
  --pf-v5-c-form__helper-text--m-success--Color: var(--pf-v5-global--success-color--100);
14738
14738
  }
14739
14739
 
@@ -14998,10 +14998,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14998
14998
  pointer-events: none;
14999
14999
  }
15000
15000
 
15001
- :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,
15002
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15003
- :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,
15004
- :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 {
15001
+ :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,
15002
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15003
+ :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,
15004
+ :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 {
15005
15005
  --pf-v5-global--Color--100: #e0e0e0;
15006
15006
  --pf-v5-global--Color--200: #aaabac;
15007
15007
  --pf-v5-global--BorderColor--100: #444548;
@@ -15011,7 +15011,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15011
15011
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15012
15012
  }
15013
15013
 
15014
- :where(.pf-v5-theme-dark) .pf-v5-c-form-control {
15014
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-form-control {
15015
15015
  --pf-v5-c-form-control--BorderTopColor: transparent;
15016
15016
  --pf-v5-c-form-control--BorderRightColor: transparent;
15017
15017
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
@@ -15022,10 +15022,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15022
15022
  --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15023
15023
  color: var(--pf-v5-global--Color--100);
15024
15024
  }
15025
- :where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
15025
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
15026
15026
  filter: invert(1);
15027
15027
  }
15028
- :where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
15028
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
15029
15029
  border-bottom-color: var(--pf-v5-global--palette--black-700);
15030
15030
  }
15031
15031
 
@@ -15090,10 +15090,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15090
15090
  margin-right: var(--pf-v5-c-hint__footer--child--MarginRight);
15091
15091
  }
15092
15092
 
15093
- :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,
15094
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15095
- :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,
15096
- :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 {
15093
+ :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,
15094
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15095
+ :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,
15096
+ :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 {
15097
15097
  --pf-v5-global--Color--100: #e0e0e0;
15098
15098
  --pf-v5-global--Color--200: #aaabac;
15099
15099
  --pf-v5-global--BorderColor--100: #444548;
@@ -15103,7 +15103,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15103
15103
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15104
15104
  }
15105
15105
 
15106
- :where(.pf-v5-theme-dark) .pf-v5-c-hint {
15106
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-hint {
15107
15107
  --pf-v5-c-hint--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
15108
15108
  --pf-v5-c-hint--BorderColor: var(--pf-v5-global--BorderColor--300);
15109
15109
  }
@@ -15182,10 +15182,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15182
15182
  color: var(--pf-v5-c-helper-text__item-text--Color);
15183
15183
  }
15184
15184
 
15185
- :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,
15186
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15187
- :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,
15188
- :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 {
15185
+ :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,
15186
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15187
+ :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,
15188
+ :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 {
15189
15189
  --pf-v5-global--Color--100: #e0e0e0;
15190
15190
  --pf-v5-global--Color--200: #aaabac;
15191
15191
  --pf-v5-global--BorderColor--100: #444548;
@@ -15195,7 +15195,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15195
15195
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15196
15196
  }
15197
15197
 
15198
- :where(.pf-v5-theme-dark) .pf-v5-c-helper-text {
15198
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-helper-text {
15199
15199
  --pf-v5-c-helper-text__item-text--m-success--Color: var(--pf-v5-global--success-color--100);
15200
15200
  }
15201
15201
 
@@ -15472,10 +15472,10 @@ label.pf-v5-c-input-group__text {
15472
15472
  cursor: pointer;
15473
15473
  }
15474
15474
 
15475
- :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,
15476
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15477
- :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,
15478
- :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 {
15475
+ :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,
15476
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15477
+ :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,
15478
+ :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 {
15479
15479
  --pf-v5-global--Color--100: #e0e0e0;
15480
15480
  --pf-v5-global--Color--200: #aaabac;
15481
15481
  --pf-v5-global--BorderColor--100: #444548;
@@ -15485,7 +15485,7 @@ label.pf-v5-c-input-group__text {
15485
15485
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15486
15486
  }
15487
15487
 
15488
- :where(.pf-v5-theme-dark) .pf-v5-c-input-group {
15488
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-input-group {
15489
15489
  --pf-v5-c-input-group__item--BorderLeftWidth: var(--pf-v5-c-input-group__item--BorderWidth--base);
15490
15490
  --pf-v5-c-input-group__item--BorderLeftColor: var(--pf-v5-global--palette--black-700);
15491
15491
  --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -15497,7 +15497,7 @@ label.pf-v5-c-input-group__text {
15497
15497
  --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
15498
15498
  --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--300);
15499
15499
  }
15500
- :where(.pf-v5-theme-dark) .pf-v5-c-input-group > * + * {
15500
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-input-group > * + * {
15501
15501
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderLeftColor);
15502
15502
  border-left: var(--pf-v5-c-input-group__item--BorderLeftWidth) solid var(--pf-v5-c-input-group__item--BorderLeftColor);
15503
15503
  }
@@ -16169,10 +16169,10 @@ button.pf-v5-c-label__content:focus {
16169
16169
  margin-bottom: var(--pf-v5-c-label__actions--c-button--MarginBottom);
16170
16170
  }
16171
16171
 
16172
- :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,
16173
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16174
- :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,
16175
- :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 {
16172
+ :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,
16173
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16174
+ :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,
16175
+ :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 {
16176
16176
  --pf-v5-global--Color--100: #e0e0e0;
16177
16177
  --pf-v5-global--Color--200: #aaabac;
16178
16178
  --pf-v5-global--BorderColor--100: #444548;
@@ -16182,7 +16182,7 @@ button.pf-v5-c-label__content:focus {
16182
16182
  --pf-v5-global--BackgroundColor--100: #1b1d21;
16183
16183
  }
16184
16184
 
16185
- :where(.pf-v5-theme-dark) .pf-v5-c-label {
16185
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-label {
16186
16186
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16187
16187
  --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16188
16188
  --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -16620,10 +16620,10 @@ ul.pf-v5-c-list {
16620
16620
  font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
16621
16621
  }
16622
16622
 
16623
- :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,
16624
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16625
- :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,
16626
- :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 {
16623
+ :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,
16624
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16625
+ :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,
16626
+ :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 {
16627
16627
  --pf-v5-global--Color--100: #e0e0e0;
16628
16628
  --pf-v5-global--Color--200: #aaabac;
16629
16629
  --pf-v5-global--BorderColor--100: #444548;
@@ -16633,7 +16633,7 @@ ul.pf-v5-c-list {
16633
16633
  --pf-v5-global--BackgroundColor--100: #1b1d21;
16634
16634
  }
16635
16635
 
16636
- :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
16636
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
16637
16637
  color: var(--pf-v5-global--Color--100);
16638
16638
  }
16639
16639
 
@@ -16901,10 +16901,10 @@ ul.pf-v5-c-list {
16901
16901
  padding-top: var(--pf-v5-c-login__footer--c-list--PaddingTop);
16902
16902
  }
16903
16903
 
16904
- :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,
16905
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16906
- :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,
16907
- :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 {
16904
+ :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,
16905
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16906
+ :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,
16907
+ :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 {
16908
16908
  --pf-v5-global--Color--100: #e0e0e0;
16909
16909
  --pf-v5-global--Color--200: #aaabac;
16910
16910
  --pf-v5-global--BorderColor--100: #444548;
@@ -16914,11 +16914,11 @@ ul.pf-v5-c-list {
16914
16914
  --pf-v5-global--BackgroundColor--100: #1b1d21;
16915
16915
  }
16916
16916
 
16917
- :where(.pf-v5-theme-dark) .pf-v5-c-login {
16917
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login {
16918
16918
  --pf-v5-c-login__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16919
16919
  }
16920
- :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
16921
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer {
16920
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
16921
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer {
16922
16922
  color: var(--pf-v5-global--Color--100);
16923
16923
  }
16924
16924
 
@@ -17542,10 +17542,10 @@ ul.pf-v5-c-list {
17542
17542
  }
17543
17543
  }
17544
17544
 
17545
- :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,
17546
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
17547
- :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,
17548
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer {
17545
+ :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,
17546
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
17547
+ :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,
17548
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer {
17549
17549
  --pf-v5-global--Color--100: #e0e0e0;
17550
17550
  --pf-v5-global--Color--200: #aaabac;
17551
17551
  --pf-v5-global--BorderColor--100: #444548;
@@ -17555,11 +17555,11 @@ ul.pf-v5-c-list {
17555
17555
  --pf-v5-global--BackgroundColor--100: #1b1d21;
17556
17556
  }
17557
17557
 
17558
- :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
17558
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
17559
17559
  --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-global--palette--black-1000);
17560
17560
  color: var(--pf-v5-global--Color--100);
17561
17561
  }
17562
- :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar {
17562
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar {
17563
17563
  --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--palette--black-1000);
17564
17564
  }
17565
17565
 
@@ -18127,10 +18127,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18127
18127
  border-top: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
18128
18128
  }
18129
18129
 
18130
- :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,
18131
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18132
- :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,
18133
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18130
+ :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,
18131
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18132
+ :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,
18133
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18134
18134
  --pf-v5-global--Color--100: #e0e0e0;
18135
18135
  --pf-v5-global--Color--200: #aaabac;
18136
18136
  --pf-v5-global--BorderColor--100: #444548;
@@ -18140,7 +18140,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18140
18140
  --pf-v5-global--BackgroundColor--100: #1b1d21;
18141
18141
  }
18142
18142
 
18143
- :where(.pf-v5-theme-dark) .pf-v5-c-menu {
18143
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-menu {
18144
18144
  --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
18145
18145
  --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18146
18146
  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -18545,10 +18545,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18545
18545
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
18546
18546
  }
18547
18547
 
18548
- :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,
18549
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18550
- :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,
18551
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18548
+ :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,
18549
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18550
+ :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,
18551
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18552
18552
  --pf-v5-global--Color--100: #e0e0e0;
18553
18553
  --pf-v5-global--Color--200: #aaabac;
18554
18554
  --pf-v5-global--BorderColor--100: #444548;
@@ -18558,7 +18558,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18558
18558
  --pf-v5-global--BackgroundColor--100: #1b1d21;
18559
18559
  }
18560
18560
 
18561
- :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
18561
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
18562
18562
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18563
18563
  --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18564
18564
  --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -18576,7 +18576,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18576
18576
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
18577
18577
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
18578
18578
  }
18579
- :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
18579
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
18580
18580
  background: transparent;
18581
18581
  }
18582
18582
 
@@ -18764,10 +18764,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18764
18764
  }
18765
18765
  }
18766
18766
 
18767
- :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,
18768
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18769
- :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,
18770
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18767
+ :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,
18768
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18769
+ :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,
18770
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18771
18771
  --pf-v5-global--Color--100: #e0e0e0;
18772
18772
  --pf-v5-global--Color--200: #aaabac;
18773
18773
  --pf-v5-global--BorderColor--100: #444548;
@@ -18777,7 +18777,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18777
18777
  --pf-v5-global--BackgroundColor--100: #1b1d21;
18778
18778
  }
18779
18779
 
18780
- :where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
18780
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
18781
18781
  --pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
18782
18782
  }
18783
18783
 
@@ -19904,10 +19904,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19904
19904
  left: 0;
19905
19905
  }
19906
19906
 
19907
- :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,
19908
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
19909
- :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,
19910
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
19907
+ :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,
19908
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
19909
+ :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,
19910
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
19911
19911
  --pf-v5-global--Color--100: #e0e0e0;
19912
19912
  --pf-v5-global--Color--200: #aaabac;
19913
19913
  --pf-v5-global--BorderColor--100: #444548;
@@ -19917,7 +19917,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19917
19917
  --pf-v5-global--BackgroundColor--100: #1b1d21;
19918
19918
  }
19919
19919
 
19920
- :where(.pf-v5-theme-dark) .pf-v5-c-nav {
19920
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-nav {
19921
19921
  --pf-v5-c-nav__item--item__link--after--Top: -1px;
19922
19922
  --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BorderColor--100);
19923
19923
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -19935,19 +19935,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19935
19935
  --pf-v5-c-nav__link--active--before--BorderBottomWidth: 0;
19936
19936
  --pf-v5-c-nav__link--m-current--before--BorderBottomWidth: 0;
19937
19937
  }
19938
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__link::before {
19938
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__link::before {
19939
19939
  bottom: 0;
19940
19940
  }
19941
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__link::after {
19941
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__link::after {
19942
19942
  top: var(--pf-v5-c-nav__item--item__link--after--Top);
19943
19943
  }
19944
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__item + .pf-v5-c-nav__item {
19944
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__item + .pf-v5-c-nav__item {
19945
19945
  --pf-v5-c-nav__link--after--Top: var(--pf-v5-c-nav__item--item__link--after--Top);
19946
19946
  }
19947
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__subnav {
19947
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__subnav {
19948
19948
  --pf-v5-c-nav__item--item__link--after--Top: 0;
19949
19949
  }
19950
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__section {
19950
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__section {
19951
19951
  --pf-v5-c-nav__item--item__link--after--Top: 0;
19952
19952
  }
19953
19953
 
@@ -20051,10 +20051,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20051
20051
  margin-left: var(--pf-v5-c-notification-badge__count--MarginLeft);
20052
20052
  }
20053
20053
 
20054
- :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,
20055
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20056
- :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,
20057
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20054
+ :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,
20055
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20056
+ :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,
20057
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20058
20058
  --pf-v5-global--Color--100: #e0e0e0;
20059
20059
  --pf-v5-global--Color--200: #aaabac;
20060
20060
  --pf-v5-global--BorderColor--100: #444548;
@@ -20064,7 +20064,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20064
20064
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20065
20065
  }
20066
20066
 
20067
- :where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
20067
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
20068
20068
  --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20069
20069
  --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
20070
20070
  --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -20335,10 +20335,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20335
20335
  transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
20336
20336
  }
20337
20337
 
20338
- :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,
20339
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20340
- :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,
20341
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20338
+ :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,
20339
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20340
+ :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,
20341
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20342
20342
  --pf-v5-global--Color--100: #e0e0e0;
20343
20343
  --pf-v5-global--Color--200: #aaabac;
20344
20344
  --pf-v5-global--BorderColor--100: #444548;
@@ -20348,7 +20348,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20348
20348
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20349
20349
  }
20350
20350
 
20351
- :where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
20351
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
20352
20352
  --pf-v5-c-notification-drawer--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
20353
20353
  --pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
20354
20354
  --pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -20612,10 +20612,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20612
20612
  color: var(--pf-v5-c-options-menu__group-title--Color);
20613
20613
  }
20614
20614
 
20615
- :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,
20616
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20617
- :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,
20618
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20615
+ :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,
20616
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20617
+ :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,
20618
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20619
20619
  --pf-v5-global--Color--100: #e0e0e0;
20620
20620
  --pf-v5-global--Color--200: #aaabac;
20621
20621
  --pf-v5-global--BorderColor--100: #444548;
@@ -20625,7 +20625,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20625
20625
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20626
20626
  }
20627
20627
 
20628
- :where(.pf-v5-theme-dark) .pf-v5-c-options-menu {
20628
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-options-menu {
20629
20629
  --pf-v5-c-options-menu__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20630
20630
  --pf-v5-c-options-menu__toggle--BorderTopColor: transparent;
20631
20631
  --pf-v5-c-options-menu__toggle--BorderRightColor: transparent;
@@ -20636,7 +20636,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20636
20636
  --pf-v5-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20637
20637
  --pf-v5-c-options-menu__menu--Top: 100%;
20638
20638
  }
20639
- :where(.pf-v5-theme-dark) .pf-v5-c-options-menu__toggle.pf-m-plain {
20639
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-options-menu__toggle.pf-m-plain {
20640
20640
  background: transparent;
20641
20641
  }
20642
20642
 
@@ -21589,10 +21589,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21589
21589
  flex: 1 0 auto;
21590
21590
  }
21591
21591
 
21592
- :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,
21593
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21594
- :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,
21595
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
21592
+ :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,
21593
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21594
+ :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,
21595
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
21596
21596
  --pf-v5-global--Color--100: #e0e0e0;
21597
21597
  --pf-v5-global--Color--200: #aaabac;
21598
21598
  --pf-v5-global--BorderColor--100: #444548;
@@ -21602,39 +21602,39 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21602
21602
  --pf-v5-global--BackgroundColor--100: #1b1d21;
21603
21603
  }
21604
21604
 
21605
- :where(.pf-v5-theme-dark) .pf-v5-c-page {
21605
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page {
21606
21606
  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
21607
21607
  --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21608
21608
  --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21609
21609
  --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
21610
21610
  }
21611
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button {
21611
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button {
21612
21612
  color: var(--pf-v5-global--Color--100);
21613
21613
  }
21614
- :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 {
21614
+ :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 {
21615
21615
  background-color: var(--pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
21616
21616
  }
21617
- :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar {
21617
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar {
21618
21618
  border-right: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
21619
21619
  }
21620
- :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 {
21620
+ :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 {
21621
21621
  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21622
21622
  }
21623
- :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 {
21623
+ :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 {
21624
21624
  --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21625
21625
  }
21626
- :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 {
21626
+ :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 {
21627
21627
  --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21628
21628
  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21629
21629
  --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21630
21630
  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21631
21631
  }
21632
- :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 {
21632
+ :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 {
21633
21633
  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21634
21634
  }
21635
- :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
21636
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21637
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
21635
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
21636
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21637
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
21638
21638
  color: var(--pf-v5-global--Color--100);
21639
21639
  }
21640
21640
 
@@ -22030,10 +22030,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22030
22030
  }
22031
22031
  }
22032
22032
 
22033
- :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,
22034
- :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,
22035
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22036
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22033
+ :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,
22034
+ :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,
22035
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22036
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22037
22037
  --pf-v5-global--Color--100: #e0e0e0;
22038
22038
  --pf-v5-global--Color--200: #aaabac;
22039
22039
  --pf-v5-global--BorderColor--100: #444548;
@@ -22043,7 +22043,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22043
22043
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22044
22044
  }
22045
22045
 
22046
- :where(.pf-v5-theme-dark) .pf-v5-c-pagination {
22046
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-pagination {
22047
22047
  --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22048
22048
  }
22049
22049
 
@@ -22128,10 +22128,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22128
22128
  box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
22129
22129
  }
22130
22130
 
22131
- :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,
22132
- :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,
22133
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22134
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22131
+ :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,
22132
+ :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,
22133
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22134
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22135
22135
  --pf-v5-global--Color--100: #e0e0e0;
22136
22136
  --pf-v5-global--Color--200: #aaabac;
22137
22137
  --pf-v5-global--BorderColor--100: #444548;
@@ -22141,7 +22141,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22141
22141
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22142
22142
  }
22143
22143
 
22144
- :where(.pf-v5-theme-dark) .pf-v5-c-panel {
22144
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-panel {
22145
22145
  --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22146
22146
  }
22147
22147
 
@@ -22317,10 +22317,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22317
22317
  margin-top: var(--pf-v5-c-popover__footer--MarginTop);
22318
22318
  }
22319
22319
 
22320
- :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,
22321
- :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,
22322
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22323
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22320
+ :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,
22321
+ :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,
22322
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22323
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22324
22324
  --pf-v5-global--Color--100: #e0e0e0;
22325
22325
  --pf-v5-global--Color--200: #aaabac;
22326
22326
  --pf-v5-global--BorderColor--100: #444548;
@@ -22330,7 +22330,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22330
22330
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22331
22331
  }
22332
22332
 
22333
- :where(.pf-v5-theme-dark) .pf-v5-c-popover {
22333
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-popover {
22334
22334
  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22335
22335
  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22336
22336
  --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
@@ -22505,10 +22505,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22505
22505
  margin-top: var(--pf-v5-c-progress__helper-text--MarginTop);
22506
22506
  }
22507
22507
 
22508
- :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,
22509
- :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,
22510
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22511
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22508
+ :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,
22509
+ :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,
22510
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22511
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22512
22512
  --pf-v5-global--Color--100: #e0e0e0;
22513
22513
  --pf-v5-global--Color--200: #aaabac;
22514
22514
  --pf-v5-global--BorderColor--100: #444548;
@@ -22518,7 +22518,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22518
22518
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22519
22519
  }
22520
22520
 
22521
- :where(.pf-v5-theme-dark) .pf-v5-c-progress {
22521
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-progress {
22522
22522
  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
22523
22523
  --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
22524
22524
  --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
@@ -23769,10 +23769,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23769
23769
  box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
23770
23770
  }
23771
23771
 
23772
- :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,
23773
- :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,
23774
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
23775
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
23772
+ :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,
23773
+ :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,
23774
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
23775
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
23776
23776
  --pf-v5-global--Color--100: #e0e0e0;
23777
23777
  --pf-v5-global--Color--200: #aaabac;
23778
23778
  --pf-v5-global--BorderColor--100: #444548;
@@ -23782,7 +23782,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23782
23782
  --pf-v5-global--BackgroundColor--100: #1b1d21;
23783
23783
  }
23784
23784
 
23785
- :where(.pf-v5-theme-dark) .pf-v5-c-select {
23785
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-select {
23786
23786
  --pf-v5-c-select__toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
23787
23787
  --pf-v5-c-select__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
23788
23788
  --pf-v5-c-select__toggle--before--BorderTopColor: transparent;
@@ -23794,7 +23794,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23794
23794
  --pf-v5-c-select__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
23795
23795
  --pf-v5-c-select__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
23796
23796
  }
23797
- :where(.pf-v5-theme-dark) .pf-v5-c-select__toggle:disabled, :where(.pf-v5-theme-dark) .pf-v5-c-select__toggle.pf-m-disabled {
23797
+ :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 {
23798
23798
  color: var(--pf-v5-global--palette--black-100);
23799
23799
  }
23800
23800
 
@@ -24199,10 +24199,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24199
24199
  margin-top: var(--pf-v5-c-simple-list__section--section--MarginTop);
24200
24200
  }
24201
24201
 
24202
- :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,
24203
- :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,
24204
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24205
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24202
+ :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,
24203
+ :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,
24204
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24205
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24206
24206
  --pf-v5-global--Color--100: #e0e0e0;
24207
24207
  --pf-v5-global--Color--200: #aaabac;
24208
24208
  --pf-v5-global--BorderColor--100: #444548;
@@ -24212,7 +24212,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24212
24212
  --pf-v5-global--BackgroundColor--100: #1b1d21;
24213
24213
  }
24214
24214
 
24215
- :where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
24215
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
24216
24216
  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
24217
24217
  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
24218
24218
  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
@@ -24384,10 +24384,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24384
24384
  transform: translateX(100%);
24385
24385
  }
24386
24386
  }
24387
- :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,
24388
- :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,
24389
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24390
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24387
+ :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,
24388
+ :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,
24389
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24390
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24391
24391
  --pf-v5-global--Color--100: #e0e0e0;
24392
24392
  --pf-v5-global--Color--200: #aaabac;
24393
24393
  --pf-v5-global--BorderColor--100: #444548;
@@ -24397,7 +24397,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24397
24397
  --pf-v5-global--BackgroundColor--100: #1b1d21;
24398
24398
  }
24399
24399
 
24400
- :where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
24400
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
24401
24401
  --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
24402
24402
  --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(--pf-v5-global--palette--black-600);
24403
24403
  --pf-v5-c-skeleton--after--LinearGradientColorStop2: var(--pf-v5-global--palette--black-500);
@@ -24845,10 +24845,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
24845
24845
  vertical-align: top;
24846
24846
  }
24847
24847
 
24848
- :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,
24849
- :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,
24850
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24851
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24848
+ :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,
24849
+ :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,
24850
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24851
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24852
24852
  --pf-v5-global--Color--100: #e0e0e0;
24853
24853
  --pf-v5-global--Color--200: #aaabac;
24854
24854
  --pf-v5-global--BorderColor--100: #444548;
@@ -24858,7 +24858,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
24858
24858
  --pf-v5-global--BackgroundColor--100: #1b1d21;
24859
24859
  }
24860
24860
 
24861
- :where(.pf-v5-theme-dark) .pf-v5-c-switch {
24861
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-switch {
24862
24862
  --pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--BackgroundColor--100);
24863
24863
  --pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
24864
24864
  --pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);
@@ -27530,10 +27530,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27530
27530
  --pf-v5-c-table--cell--Width: 100%;
27531
27531
  }
27532
27532
 
27533
- :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,
27534
- :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,
27535
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
27536
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
27533
+ :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,
27534
+ :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,
27535
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
27536
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
27537
27537
  --pf-v5-global--Color--100: #e0e0e0;
27538
27538
  --pf-v5-global--Color--200: #aaabac;
27539
27539
  --pf-v5-global--BorderColor--100: #444548;
@@ -27543,10 +27543,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27543
27543
  --pf-v5-global--BackgroundColor--100: #1b1d21;
27544
27544
  }
27545
27545
 
27546
- :where(.pf-v5-theme-dark) .pf-v5-c-table {
27546
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-table {
27547
27547
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
27548
27548
  }
27549
- :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 {
27549
+ :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 {
27550
27550
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--palette--gold-100);
27551
27551
  }
27552
27552
 
@@ -29245,10 +29245,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29245
29245
  }
29246
29246
  }
29247
29247
 
29248
- :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,
29249
- :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,
29250
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29251
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29248
+ :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,
29249
+ :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,
29250
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29251
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29252
29252
  --pf-v5-global--Color--100: #e0e0e0;
29253
29253
  --pf-v5-global--Color--200: #aaabac;
29254
29254
  --pf-v5-global--BorderColor--100: #444548;
@@ -29258,7 +29258,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29258
29258
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29259
29259
  }
29260
29260
 
29261
- :where(.pf-v5-theme-dark) .pf-v5-c-tabs {
29261
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-tabs {
29262
29262
  --pf-v5-c-tabs__scroll-button--BackgroundColor: transparent;
29263
29263
  --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29264
29264
  --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--300);
@@ -29415,10 +29415,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29415
29415
  display: flex;
29416
29416
  }
29417
29417
 
29418
- :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,
29419
- :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,
29420
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29421
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29418
+ :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,
29419
+ :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,
29420
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29421
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29422
29422
  --pf-v5-global--Color--100: #e0e0e0;
29423
29423
  --pf-v5-global--Color--200: #aaabac;
29424
29424
  --pf-v5-global--BorderColor--100: #444548;
@@ -29428,7 +29428,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29428
29428
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29429
29429
  }
29430
29430
 
29431
- :where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
29431
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
29432
29432
  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
29433
29433
  --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
29434
29434
  --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
@@ -29574,10 +29574,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29574
29574
  color: var(--pf-v5-c-tile__icon--Color);
29575
29575
  }
29576
29576
 
29577
- :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,
29578
- :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,
29579
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29580
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29577
+ :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,
29578
+ :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,
29579
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29580
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29581
29581
  --pf-v5-global--Color--100: #e0e0e0;
29582
29582
  --pf-v5-global--Color--200: #aaabac;
29583
29583
  --pf-v5-global--BorderColor--100: #444548;
@@ -29587,7 +29587,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29587
29587
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29588
29588
  }
29589
29589
 
29590
- :where(.pf-v5-theme-dark) .pf-v5-c-tile {
29590
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-tile {
29591
29591
  --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29592
29592
  --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--300);
29593
29593
  --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--300);
@@ -29789,10 +29789,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29789
29789
  margin-left: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
29790
29790
  }
29791
29791
 
29792
- :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,
29793
- :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,
29794
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29795
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29792
+ :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,
29793
+ :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,
29794
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29795
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29796
29796
  --pf-v5-global--Color--100: #e0e0e0;
29797
29797
  --pf-v5-global--Color--200: #aaabac;
29798
29798
  --pf-v5-global--BorderColor--100: #444548;
@@ -29802,7 +29802,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29802
29802
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29803
29803
  }
29804
29804
 
29805
- :where(.pf-v5-theme-dark) .pf-v5-c-toggle-group {
29805
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-toggle-group {
29806
29806
  --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--palette--black-700);
29807
29807
  --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--palette--black-700);
29808
29808
  --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
@@ -29898,10 +29898,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29898
29898
  box-shadow: var(--pf-v5-c-tooltip__arrow--BoxShadow);
29899
29899
  }
29900
29900
 
29901
- :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,
29902
- :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,
29903
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29904
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29901
+ :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,
29902
+ :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,
29903
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29904
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29905
29905
  --pf-v5-global--Color--100: #e0e0e0;
29906
29906
  --pf-v5-global--Color--200: #aaabac;
29907
29907
  --pf-v5-global--BorderColor--100: #444548;
@@ -29911,7 +29911,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29911
29911
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29912
29912
  }
29913
29913
 
29914
- :where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
29914
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
29915
29915
  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
29916
29916
  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
29917
29917
  }
@@ -30433,10 +30433,10 @@ label.pf-v5-c-tree-view__node-text {
30433
30433
  --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));
30434
30434
  }
30435
30435
 
30436
- :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,
30437
- :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,
30438
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30439
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
30436
+ :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,
30437
+ :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,
30438
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30439
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
30440
30440
  --pf-v5-global--Color--100: #e0e0e0;
30441
30441
  --pf-v5-global--Color--200: #aaabac;
30442
30442
  --pf-v5-global--BorderColor--100: #444548;
@@ -30446,7 +30446,7 @@ label.pf-v5-c-tree-view__node-text {
30446
30446
  --pf-v5-global--BackgroundColor--100: #1b1d21;
30447
30447
  }
30448
30448
 
30449
- :where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
30449
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
30450
30450
  --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30451
30451
  --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30452
30452
  }
@@ -30940,10 +30940,10 @@ label.pf-v5-c-tree-view__node-text {
30940
30940
  margin-left: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
30941
30941
  }
30942
30942
 
30943
- :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,
30944
- :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,
30945
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30946
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
30943
+ :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,
30944
+ :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,
30945
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30946
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
30947
30947
  --pf-v5-global--Color--100: #e0e0e0;
30948
30948
  --pf-v5-global--Color--200: #aaabac;
30949
30949
  --pf-v5-global--BorderColor--100: #444548;
@@ -30953,11 +30953,11 @@ label.pf-v5-c-tree-view__node-text {
30953
30953
  --pf-v5-global--BackgroundColor--100: #1b1d21;
30954
30954
  }
30955
30955
 
30956
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
30956
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard {
30957
30957
  --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
30958
30958
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
30959
30959
  }
30960
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
30960
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
30961
30961
  color: var(--pf-v5-global--Color--100);
30962
30962
  }
30963
30963