@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
package/patternfly.css CHANGED
@@ -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;
@@ -5617,10 +5617,10 @@ button) {
5617
5617
  --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor);
5618
5618
  }
5619
5619
 
5620
- :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,
5621
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5622
- :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,
5623
- :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 {
5620
+ :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,
5621
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5622
+ :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,
5623
+ :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 {
5624
5624
  --pf-v5-global--Color--100: #e0e0e0;
5625
5625
  --pf-v5-global--Color--200: #aaabac;
5626
5626
  --pf-v5-global--BorderColor--100: #444548;
@@ -5630,7 +5630,7 @@ button) {
5630
5630
  --pf-v5-global--BackgroundColor--100: #1b1d21;
5631
5631
  }
5632
5632
 
5633
- :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
5633
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box {
5634
5634
  color: var(--pf-v5-global--Color--100);
5635
5635
  }
5636
5636
 
@@ -5847,10 +5847,10 @@ button) {
5847
5847
  --pf-v5-c-accordion__expandable-content-body--PaddingTop: var(--pf-v5-c-accordion__expandable-content-body--expandable-content-body--PaddingTop);
5848
5848
  }
5849
5849
 
5850
- :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,
5851
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5852
- :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,
5853
- :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 {
5850
+ :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,
5851
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5852
+ :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,
5853
+ :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 {
5854
5854
  --pf-v5-global--Color--100: #e0e0e0;
5855
5855
  --pf-v5-global--Color--200: #aaabac;
5856
5856
  --pf-v5-global--BorderColor--100: #444548;
@@ -5860,7 +5860,7 @@ button) {
5860
5860
  --pf-v5-global--BackgroundColor--100: #1b1d21;
5861
5861
  }
5862
5862
 
5863
- :where(.pf-v5-theme-dark) .pf-v5-c-accordion {
5863
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-accordion {
5864
5864
  --pf-v5-c-accordion__toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
5865
5865
  --pf-v5-c-accordion__toggle--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
5866
5866
  --pf-v5-c-accordion__toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -6094,10 +6094,10 @@ button) {
6094
6094
  margin-right: var(--pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight);
6095
6095
  }
6096
6096
 
6097
- :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,
6098
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6099
- :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,
6100
- :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 {
6097
+ :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,
6098
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6099
+ :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,
6100
+ :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 {
6101
6101
  --pf-v5-global--Color--100: #e0e0e0;
6102
6102
  --pf-v5-global--Color--200: #aaabac;
6103
6103
  --pf-v5-global--BorderColor--100: #444548;
@@ -6107,7 +6107,7 @@ button) {
6107
6107
  --pf-v5-global--BackgroundColor--100: #1b1d21;
6108
6108
  }
6109
6109
 
6110
- :where(.pf-v5-theme-dark) .pf-v5-c-alert {
6110
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-alert {
6111
6111
  --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6112
6112
  --pf-v5-c-alert--m-custom__title--Color: var(--pf-v5-global--custom-color--200);
6113
6113
  --pf-v5-c-alert--m-success__title--Color: var(--pf-v5-global--success-color--100);
@@ -6402,10 +6402,10 @@ button) {
6402
6402
  color: var(--pf-v5-c-app-launcher__group-title--Color);
6403
6403
  }
6404
6404
 
6405
- :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,
6406
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6407
- :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,
6408
- :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 {
6405
+ :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,
6406
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6407
+ :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,
6408
+ :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 {
6409
6409
  --pf-v5-global--Color--100: #e0e0e0;
6410
6410
  --pf-v5-global--Color--200: #aaabac;
6411
6411
  --pf-v5-global--BorderColor--100: #444548;
@@ -6415,7 +6415,7 @@ button) {
6415
6415
  --pf-v5-global--BackgroundColor--100: #1b1d21;
6416
6416
  }
6417
6417
 
6418
- :where(.pf-v5-theme-dark) .pf-v5-c-app-launcher {
6418
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-app-launcher {
6419
6419
  --pf-v5-c-app-launcher__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6420
6420
  --pf-v5-c-app-launcher__menu--Top: 100%;
6421
6421
  --pf-v5-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -6775,10 +6775,10 @@ button) {
6775
6775
  --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
6776
6776
  }
6777
6777
 
6778
- :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,
6779
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6780
- :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,
6781
- :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 {
6778
+ :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,
6779
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6780
+ :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,
6781
+ :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 {
6782
6782
  --pf-v5-global--Color--100: #e0e0e0;
6783
6783
  --pf-v5-global--Color--200: #aaabac;
6784
6784
  --pf-v5-global--BorderColor--100: #444548;
@@ -6788,7 +6788,7 @@ button) {
6788
6788
  --pf-v5-global--BackgroundColor--100: #1b1d21;
6789
6789
  }
6790
6790
 
6791
- :where(.pf-v5-theme-dark) .pf-v5-c-badge {
6791
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-badge {
6792
6792
  --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
6793
6793
  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
6794
6794
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -6879,10 +6879,10 @@ button) {
6879
6879
  cursor: not-allowed;
6880
6880
  }
6881
6881
 
6882
- :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,
6883
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6884
- :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,
6885
- :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 {
6882
+ :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,
6883
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
6884
+ :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,
6885
+ :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 {
6886
6886
  --pf-v5-global--Color--100: #e0e0e0;
6887
6887
  --pf-v5-global--Color--200: #aaabac;
6888
6888
  --pf-v5-global--BorderColor--100: #444548;
@@ -6892,10 +6892,10 @@ button) {
6892
6892
  --pf-v5-global--BackgroundColor--100: #1b1d21;
6893
6893
  }
6894
6894
 
6895
- :where(.pf-v5-theme-dark) .pf-v5-c-banner {
6895
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-banner {
6896
6896
  color: var(false);
6897
6897
  }
6898
- :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 {
6898
+ :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 {
6899
6899
  --pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
6900
6900
  }
6901
6901
 
@@ -7560,10 +7560,10 @@ button.pf-v5-c-breadcrumb__link {
7560
7560
  margin-left: var(--pf-v5-c-button__count--MarginLeft);
7561
7561
  }
7562
7562
 
7563
- :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,
7564
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7565
- :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,
7566
- :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 {
7563
+ :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,
7564
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7565
+ :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,
7566
+ :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 {
7567
7567
  --pf-v5-global--Color--100: #e0e0e0;
7568
7568
  --pf-v5-global--Color--200: #aaabac;
7569
7569
  --pf-v5-global--BorderColor--100: #444548;
@@ -7573,7 +7573,7 @@ button.pf-v5-c-breadcrumb__link {
7573
7573
  --pf-v5-global--BackgroundColor--100: #1b1d21;
7574
7574
  }
7575
7575
 
7576
- :where(.pf-v5-theme-dark) .pf-v5-c-button {
7576
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-button {
7577
7577
  --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
7578
7578
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7579
7579
  --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
@@ -7613,7 +7613,7 @@ button.pf-v5-c-breadcrumb__link {
7613
7613
  --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
7614
7614
  --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
7615
7615
  }
7616
- :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
7616
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
7617
7617
  border: 0;
7618
7618
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
7619
7619
  }
@@ -7806,10 +7806,10 @@ button.pf-v5-c-breadcrumb__link {
7806
7806
  pointer-events: none;
7807
7807
  }
7808
7808
 
7809
- :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,
7810
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7811
- :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,
7812
- :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 {
7809
+ :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,
7810
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
7811
+ :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,
7812
+ :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 {
7813
7813
  --pf-v5-global--Color--100: #e0e0e0;
7814
7814
  --pf-v5-global--Color--200: #aaabac;
7815
7815
  --pf-v5-global--BorderColor--100: #444548;
@@ -7819,7 +7819,7 @@ button.pf-v5-c-breadcrumb__link {
7819
7819
  --pf-v5-global--BackgroundColor--100: #1b1d21;
7820
7820
  }
7821
7821
 
7822
- :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
7822
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
7823
7823
  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
7824
7824
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
7825
7825
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
@@ -7832,11 +7832,11 @@ button.pf-v5-c-breadcrumb__link {
7832
7832
  --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
7833
7833
  --pf-v5-c-calendar-month__date--focus--after--BorderColor: transparent;
7834
7834
  }
7835
- :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 {
7835
+ :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 {
7836
7836
  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7837
7837
  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7838
7838
  }
7839
- :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 {
7839
+ :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 {
7840
7840
  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
7841
7841
  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7842
7842
  --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -8233,10 +8233,10 @@ button.pf-v5-c-breadcrumb__link {
8233
8233
  border: var(--pf-v5-c-card__input--focus--BorderWidth) solid var(--pf-v5-c-card__input--focus--BorderColor);
8234
8234
  }
8235
8235
 
8236
- :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,
8237
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8238
- :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,
8239
- :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 {
8236
+ :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,
8237
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8238
+ :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,
8239
+ :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 {
8240
8240
  --pf-v5-global--Color--100: #e0e0e0;
8241
8241
  --pf-v5-global--Color--200: #aaabac;
8242
8242
  --pf-v5-global--BorderColor--100: #444548;
@@ -8246,8 +8246,8 @@ button.pf-v5-c-breadcrumb__link {
8246
8246
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8247
8247
  }
8248
8248
 
8249
- :where(.pf-v5-theme-dark) .pf-v5-c-card,
8250
- :where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
8249
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-card,
8250
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
8251
8251
  --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--md);
8252
8252
  --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
8253
8253
  --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
@@ -8425,10 +8425,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8425
8425
  line-height: 1;
8426
8426
  }
8427
8427
 
8428
- :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,
8429
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8430
- :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,
8431
- :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 {
8428
+ :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,
8429
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8430
+ :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,
8431
+ :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 {
8432
8432
  --pf-v5-global--Color--100: #e0e0e0;
8433
8433
  --pf-v5-global--Color--200: #aaabac;
8434
8434
  --pf-v5-global--BorderColor--100: #444548;
@@ -8438,7 +8438,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8438
8438
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8439
8439
  }
8440
8440
 
8441
- :where(.pf-v5-theme-dark) .pf-v5-c-chip {
8441
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-chip {
8442
8442
  --pf-v5-c-chip--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8443
8443
  --pf-v5-c-chip--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8444
8444
  --pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--palette--black-600);
@@ -8616,10 +8616,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8616
8616
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft);
8617
8617
  }
8618
8618
 
8619
- :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,
8620
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8621
- :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,
8622
- :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 {
8619
+ :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,
8620
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8621
+ :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,
8622
+ :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 {
8623
8623
  --pf-v5-global--Color--100: #e0e0e0;
8624
8624
  --pf-v5-global--Color--200: #aaabac;
8625
8625
  --pf-v5-global--BorderColor--100: #444548;
@@ -8629,14 +8629,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8629
8629
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8630
8630
  }
8631
8631
 
8632
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy {
8632
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy {
8633
8633
  --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8634
8634
  }
8635
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__group > * + * {
8635
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__group > * + * {
8636
8636
  margin-left: 0;
8637
8637
  border-left: 1px solid var(--pf-v5-global--palette--black-700) !important;
8638
8638
  }
8639
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__expandable-content {
8639
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__expandable-content {
8640
8640
  border: 0;
8641
8641
  }
8642
8642
 
@@ -8815,10 +8815,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8815
8815
  margin-left: var(--pf-v5-c-code-editor__tab-icon--text--MarginLeft);
8816
8816
  }
8817
8817
 
8818
- :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,
8819
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8820
- :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,
8821
- :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 {
8818
+ :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,
8819
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
8820
+ :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,
8821
+ :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 {
8822
8822
  --pf-v5-global--Color--100: #e0e0e0;
8823
8823
  --pf-v5-global--Color--200: #aaabac;
8824
8824
  --pf-v5-global--BorderColor--100: #444548;
@@ -8828,7 +8828,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8828
8828
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8829
8829
  }
8830
8830
 
8831
- :where(.pf-v5-theme-dark) .pf-v5-c-code-editor__controls > * + * {
8831
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-code-editor__controls > * + * {
8832
8832
  border-left: 1px solid var(--pf-v5-global--palette--black-700);
8833
8833
  }
8834
8834
 
@@ -9379,10 +9379,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9379
9379
  pointer-events: none;
9380
9380
  }
9381
9381
 
9382
- :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,
9383
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
9384
- :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,
9385
- :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 {
9382
+ :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,
9383
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
9384
+ :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,
9385
+ :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 {
9386
9386
  --pf-v5-global--Color--100: #e0e0e0;
9387
9387
  --pf-v5-global--Color--200: #aaabac;
9388
9388
  --pf-v5-global--BorderColor--100: #444548;
@@ -9392,20 +9392,20 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9392
9392
  --pf-v5-global--BackgroundColor--100: #1b1d21;
9393
9393
  }
9394
9394
 
9395
- :where(.pf-v5-theme-dark) .pf-v5-c-context-selector {
9395
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector {
9396
9396
  --pf-v5-c-context-selector__menu--Top: 100%;
9397
9397
  --pf-v5-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
9398
9398
  }
9399
- :where(.pf-v5-theme-dark) .pf-v5-c-context-selector__toggle {
9399
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector__toggle {
9400
9400
  background: var(--pf-v5-global--BackgroundColor--400);
9401
9401
  }
9402
- :where(.pf-v5-theme-dark) .pf-v5-c-context-selector__toggle.pf-m-plain {
9402
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector__toggle.pf-m-plain {
9403
9403
  background: transparent;
9404
9404
  }
9405
- :where(.pf-v5-theme-dark) .pf-v5-c-context-selector__menu {
9405
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector__menu {
9406
9406
  background: var(--pf-v5-global--BackgroundColor--300);
9407
9407
  }
9408
- :where(.pf-v5-theme-dark) .pf-v5-c-context-selector__menu-footer {
9408
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-context-selector__menu-footer {
9409
9409
  border-top: 1px solid var(--pf-v5-global--BorderColor--300);
9410
9410
  }
9411
9411
 
@@ -10251,10 +10251,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10251
10251
  padding: 0;
10252
10252
  }
10253
10253
 
10254
- :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,
10255
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10256
- :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,
10257
- :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 {
10254
+ :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,
10255
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10256
+ :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,
10257
+ :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 {
10258
10258
  --pf-v5-global--Color--100: #e0e0e0;
10259
10259
  --pf-v5-global--Color--200: #aaabac;
10260
10260
  --pf-v5-global--BorderColor--100: #444548;
@@ -10264,7 +10264,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10264
10264
  --pf-v5-global--BackgroundColor--100: #1b1d21;
10265
10265
  }
10266
10266
 
10267
- :where(.pf-v5-theme-dark) .pf-v5-c-data-list {
10267
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-data-list {
10268
10268
  --pf-v5-c-data-list--BorderTopColor: var(--pf-v5-global--BorderColor--100);
10269
10269
  --pf-v5-c-data-list--sm--BorderTopColor: var(--pf-v5-global--BorderColor--100);
10270
10270
  --pf-v5-c-data-list__item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
@@ -10656,10 +10656,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10656
10656
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
10657
10657
  }
10658
10658
 
10659
- :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,
10660
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10661
- :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,
10662
- :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 {
10659
+ :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,
10660
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10661
+ :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,
10662
+ :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 {
10663
10663
  --pf-v5-global--Color--100: #e0e0e0;
10664
10664
  --pf-v5-global--Color--200: #aaabac;
10665
10665
  --pf-v5-global--BorderColor--100: #444548;
@@ -10669,7 +10669,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10669
10669
  --pf-v5-global--BackgroundColor--100: #1b1d21;
10670
10670
  }
10671
10671
 
10672
- :where(.pf-v5-theme-dark) .pf-v5-c-droppable {
10672
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-droppable {
10673
10673
  --pf-v5-c-droppable--m-dragging--before--Opacity: .2;
10674
10674
  }
10675
10675
 
@@ -10972,10 +10972,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10972
10972
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
10973
10973
  }
10974
10974
 
10975
- :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,
10976
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10977
- :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,
10978
- :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 {
10975
+ :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,
10976
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10977
+ :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,
10978
+ :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 {
10979
10979
  --pf-v5-global--Color--100: #e0e0e0;
10980
10980
  --pf-v5-global--Color--200: #aaabac;
10981
10981
  --pf-v5-global--BorderColor--100: #444548;
@@ -10985,7 +10985,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10985
10985
  --pf-v5-global--BackgroundColor--100: #1b1d21;
10986
10986
  }
10987
10987
 
10988
- :where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
10988
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
10989
10989
  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10990
10990
  --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10991
10991
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -12180,10 +12180,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12180
12180
  min-width: min-content;
12181
12181
  }
12182
12182
 
12183
- :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,
12184
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
12185
- :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,
12186
- :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 {
12183
+ :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,
12184
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
12185
+ :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,
12186
+ :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 {
12187
12187
  --pf-v5-global--Color--100: #e0e0e0;
12188
12188
  --pf-v5-global--Color--200: #aaabac;
12189
12189
  --pf-v5-global--BorderColor--100: #444548;
@@ -12193,7 +12193,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12193
12193
  --pf-v5-global--BackgroundColor--100: #1b1d21;
12194
12194
  }
12195
12195
 
12196
- :where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
12196
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
12197
12197
  --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
12198
12198
  --pf-v5-c-date-picker__calendar--Top: 100%;
12199
12199
  }
@@ -13311,10 +13311,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13311
13311
  display: none;
13312
13312
  }
13313
13313
  }
13314
- :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,
13315
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13316
- :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,
13317
- :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 {
13314
+ :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,
13315
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13316
+ :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,
13317
+ :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 {
13318
13318
  --pf-v5-global--Color--100: #e0e0e0;
13319
13319
  --pf-v5-global--Color--200: #aaabac;
13320
13320
  --pf-v5-global--BorderColor--100: #444548;
@@ -13324,11 +13324,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13324
13324
  --pf-v5-global--BackgroundColor--100: #1b1d21;
13325
13325
  }
13326
13326
 
13327
- :where(.pf-v5-theme-dark) .pf-v5-c-drawer {
13327
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-drawer {
13328
13328
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
13329
13329
  --pf-v5-c-drawer__splitter--BackgroundColor: transparent;
13330
13330
  }
13331
- :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-inline, :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-static {
13331
+ :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 {
13332
13332
  --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13333
13333
  }
13334
13334
 
@@ -13981,10 +13981,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13981
13981
  color: var(--pf-v5-c-dropdown__group-title--Color);
13982
13982
  }
13983
13983
 
13984
- :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,
13985
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13986
- :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,
13987
- :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 {
13984
+ :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,
13985
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
13986
+ :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,
13987
+ :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 {
13988
13988
  --pf-v5-global--Color--100: #e0e0e0;
13989
13989
  --pf-v5-global--Color--200: #aaabac;
13990
13990
  --pf-v5-global--BorderColor--100: #444548;
@@ -13994,7 +13994,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13994
13994
  --pf-v5-global--BackgroundColor--100: #1b1d21;
13995
13995
  }
13996
13996
 
13997
- :where(.pf-v5-theme-dark) .pf-v5-c-dropdown {
13997
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-dropdown {
13998
13998
  --pf-v5-c-dropdown__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
13999
13999
  --pf-v5-c-dropdown__toggle--before--BorderTopColor: transparent;
14000
14000
  --pf-v5-c-dropdown__toggle--before--BorderRightColor: transparent;
@@ -14009,10 +14009,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14009
14009
  --pf-v5-c-dropdown--m-top__menu--TranslateY: -100%;
14010
14010
  --pf-v5-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
14011
14011
  }
14012
- :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 {
14012
+ :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 {
14013
14013
  color: var(--pf-v5-global--palette--black-100);
14014
14014
  }
14015
- :where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle.pf-m-plain {
14015
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle.pf-m-plain {
14016
14016
  background: transparent;
14017
14017
  }
14018
14018
 
@@ -14837,10 +14837,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14837
14837
  margin-bottom: var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom);
14838
14838
  }
14839
14839
 
14840
- :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,
14841
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
14842
- :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,
14843
- :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 {
14840
+ :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,
14841
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
14842
+ :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,
14843
+ :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 {
14844
14844
  --pf-v5-global--Color--100: #e0e0e0;
14845
14845
  --pf-v5-global--Color--200: #aaabac;
14846
14846
  --pf-v5-global--BorderColor--100: #444548;
@@ -14850,7 +14850,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14850
14850
  --pf-v5-global--BackgroundColor--100: #1b1d21;
14851
14851
  }
14852
14852
 
14853
- :where(.pf-v5-theme-dark) .pf-v5-c-form {
14853
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-form {
14854
14854
  --pf-v5-c-form__helper-text--m-success--Color: var(--pf-v5-global--success-color--100);
14855
14855
  }
14856
14856
 
@@ -15115,10 +15115,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15115
15115
  pointer-events: none;
15116
15116
  }
15117
15117
 
15118
- :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,
15119
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15120
- :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,
15121
- :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 {
15118
+ :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,
15119
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15120
+ :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,
15121
+ :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 {
15122
15122
  --pf-v5-global--Color--100: #e0e0e0;
15123
15123
  --pf-v5-global--Color--200: #aaabac;
15124
15124
  --pf-v5-global--BorderColor--100: #444548;
@@ -15128,7 +15128,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15128
15128
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15129
15129
  }
15130
15130
 
15131
- :where(.pf-v5-theme-dark) .pf-v5-c-form-control {
15131
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-form-control {
15132
15132
  --pf-v5-c-form-control--BorderTopColor: transparent;
15133
15133
  --pf-v5-c-form-control--BorderRightColor: transparent;
15134
15134
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
@@ -15139,10 +15139,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15139
15139
  --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15140
15140
  color: var(--pf-v5-global--Color--100);
15141
15141
  }
15142
- :where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
15142
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
15143
15143
  filter: invert(1);
15144
15144
  }
15145
- :where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
15145
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
15146
15146
  border-bottom-color: var(--pf-v5-global--palette--black-700);
15147
15147
  }
15148
15148
 
@@ -15207,10 +15207,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15207
15207
  margin-right: var(--pf-v5-c-hint__footer--child--MarginRight);
15208
15208
  }
15209
15209
 
15210
- :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,
15211
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15212
- :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,
15213
- :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 {
15210
+ :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,
15211
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15212
+ :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,
15213
+ :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 {
15214
15214
  --pf-v5-global--Color--100: #e0e0e0;
15215
15215
  --pf-v5-global--Color--200: #aaabac;
15216
15216
  --pf-v5-global--BorderColor--100: #444548;
@@ -15220,7 +15220,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15220
15220
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15221
15221
  }
15222
15222
 
15223
- :where(.pf-v5-theme-dark) .pf-v5-c-hint {
15223
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-hint {
15224
15224
  --pf-v5-c-hint--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
15225
15225
  --pf-v5-c-hint--BorderColor: var(--pf-v5-global--BorderColor--300);
15226
15226
  }
@@ -15299,10 +15299,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15299
15299
  color: var(--pf-v5-c-helper-text__item-text--Color);
15300
15300
  }
15301
15301
 
15302
- :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,
15303
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15304
- :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,
15305
- :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 {
15302
+ :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,
15303
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15304
+ :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,
15305
+ :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 {
15306
15306
  --pf-v5-global--Color--100: #e0e0e0;
15307
15307
  --pf-v5-global--Color--200: #aaabac;
15308
15308
  --pf-v5-global--BorderColor--100: #444548;
@@ -15312,7 +15312,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15312
15312
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15313
15313
  }
15314
15314
 
15315
- :where(.pf-v5-theme-dark) .pf-v5-c-helper-text {
15315
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-helper-text {
15316
15316
  --pf-v5-c-helper-text__item-text--m-success--Color: var(--pf-v5-global--success-color--100);
15317
15317
  }
15318
15318
 
@@ -15589,10 +15589,10 @@ label.pf-v5-c-input-group__text {
15589
15589
  cursor: pointer;
15590
15590
  }
15591
15591
 
15592
- :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,
15593
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15594
- :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,
15595
- :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 {
15592
+ :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,
15593
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15594
+ :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,
15595
+ :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 {
15596
15596
  --pf-v5-global--Color--100: #e0e0e0;
15597
15597
  --pf-v5-global--Color--200: #aaabac;
15598
15598
  --pf-v5-global--BorderColor--100: #444548;
@@ -15602,7 +15602,7 @@ label.pf-v5-c-input-group__text {
15602
15602
  --pf-v5-global--BackgroundColor--100: #1b1d21;
15603
15603
  }
15604
15604
 
15605
- :where(.pf-v5-theme-dark) .pf-v5-c-input-group {
15605
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-input-group {
15606
15606
  --pf-v5-c-input-group__item--BorderLeftWidth: var(--pf-v5-c-input-group__item--BorderWidth--base);
15607
15607
  --pf-v5-c-input-group__item--BorderLeftColor: var(--pf-v5-global--palette--black-700);
15608
15608
  --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -15614,7 +15614,7 @@ label.pf-v5-c-input-group__text {
15614
15614
  --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
15615
15615
  --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--300);
15616
15616
  }
15617
- :where(.pf-v5-theme-dark) .pf-v5-c-input-group > * + * {
15617
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-input-group > * + * {
15618
15618
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderLeftColor);
15619
15619
  border-left: var(--pf-v5-c-input-group__item--BorderLeftWidth) solid var(--pf-v5-c-input-group__item--BorderLeftColor);
15620
15620
  }
@@ -16286,10 +16286,10 @@ button.pf-v5-c-label__content:focus {
16286
16286
  margin-bottom: var(--pf-v5-c-label__actions--c-button--MarginBottom);
16287
16287
  }
16288
16288
 
16289
- :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,
16290
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16291
- :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,
16292
- :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 {
16289
+ :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,
16290
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16291
+ :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,
16292
+ :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 {
16293
16293
  --pf-v5-global--Color--100: #e0e0e0;
16294
16294
  --pf-v5-global--Color--200: #aaabac;
16295
16295
  --pf-v5-global--BorderColor--100: #444548;
@@ -16299,7 +16299,7 @@ button.pf-v5-c-label__content:focus {
16299
16299
  --pf-v5-global--BackgroundColor--100: #1b1d21;
16300
16300
  }
16301
16301
 
16302
- :where(.pf-v5-theme-dark) .pf-v5-c-label {
16302
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-label {
16303
16303
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16304
16304
  --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16305
16305
  --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -16737,10 +16737,10 @@ ul.pf-v5-c-list {
16737
16737
  font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
16738
16738
  }
16739
16739
 
16740
- :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,
16741
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16742
- :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,
16743
- :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 {
16740
+ :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,
16741
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
16742
+ :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,
16743
+ :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 {
16744
16744
  --pf-v5-global--Color--100: #e0e0e0;
16745
16745
  --pf-v5-global--Color--200: #aaabac;
16746
16746
  --pf-v5-global--BorderColor--100: #444548;
@@ -16750,7 +16750,7 @@ ul.pf-v5-c-list {
16750
16750
  --pf-v5-global--BackgroundColor--100: #1b1d21;
16751
16751
  }
16752
16752
 
16753
- :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
16753
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
16754
16754
  color: var(--pf-v5-global--Color--100);
16755
16755
  }
16756
16756
 
@@ -17018,10 +17018,10 @@ ul.pf-v5-c-list {
17018
17018
  padding-top: var(--pf-v5-c-login__footer--c-list--PaddingTop);
17019
17019
  }
17020
17020
 
17021
- :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,
17022
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
17023
- :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,
17024
- :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 {
17021
+ :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,
17022
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
17023
+ :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,
17024
+ :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 {
17025
17025
  --pf-v5-global--Color--100: #e0e0e0;
17026
17026
  --pf-v5-global--Color--200: #aaabac;
17027
17027
  --pf-v5-global--BorderColor--100: #444548;
@@ -17031,11 +17031,11 @@ ul.pf-v5-c-list {
17031
17031
  --pf-v5-global--BackgroundColor--100: #1b1d21;
17032
17032
  }
17033
17033
 
17034
- :where(.pf-v5-theme-dark) .pf-v5-c-login {
17034
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login {
17035
17035
  --pf-v5-c-login__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
17036
17036
  }
17037
- :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
17038
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer {
17037
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__header,
17038
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer {
17039
17039
  color: var(--pf-v5-global--Color--100);
17040
17040
  }
17041
17041
 
@@ -17659,10 +17659,10 @@ ul.pf-v5-c-list {
17659
17659
  }
17660
17660
  }
17661
17661
 
17662
- :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,
17663
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
17664
- :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,
17665
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer {
17662
+ :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,
17663
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
17664
+ :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,
17665
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer {
17666
17666
  --pf-v5-global--Color--100: #e0e0e0;
17667
17667
  --pf-v5-global--Color--200: #aaabac;
17668
17668
  --pf-v5-global--BorderColor--100: #444548;
@@ -17672,11 +17672,11 @@ ul.pf-v5-c-list {
17672
17672
  --pf-v5-global--BackgroundColor--100: #1b1d21;
17673
17673
  }
17674
17674
 
17675
- :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
17675
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
17676
17676
  --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-global--palette--black-1000);
17677
17677
  color: var(--pf-v5-global--Color--100);
17678
17678
  }
17679
- :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar {
17679
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar {
17680
17680
  --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--palette--black-1000);
17681
17681
  }
17682
17682
 
@@ -18244,10 +18244,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18244
18244
  border-top: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
18245
18245
  }
18246
18246
 
18247
- :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,
18248
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18249
- :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,
18250
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18247
+ :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,
18248
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18249
+ :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,
18250
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18251
18251
  --pf-v5-global--Color--100: #e0e0e0;
18252
18252
  --pf-v5-global--Color--200: #aaabac;
18253
18253
  --pf-v5-global--BorderColor--100: #444548;
@@ -18257,7 +18257,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18257
18257
  --pf-v5-global--BackgroundColor--100: #1b1d21;
18258
18258
  }
18259
18259
 
18260
- :where(.pf-v5-theme-dark) .pf-v5-c-menu {
18260
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-menu {
18261
18261
  --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
18262
18262
  --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18263
18263
  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -18662,10 +18662,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18662
18662
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
18663
18663
  }
18664
18664
 
18665
- :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,
18666
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18667
- :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,
18668
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18665
+ :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,
18666
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18667
+ :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,
18668
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18669
18669
  --pf-v5-global--Color--100: #e0e0e0;
18670
18670
  --pf-v5-global--Color--200: #aaabac;
18671
18671
  --pf-v5-global--BorderColor--100: #444548;
@@ -18675,7 +18675,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18675
18675
  --pf-v5-global--BackgroundColor--100: #1b1d21;
18676
18676
  }
18677
18677
 
18678
- :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
18678
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
18679
18679
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18680
18680
  --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18681
18681
  --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -18693,7 +18693,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18693
18693
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
18694
18694
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
18695
18695
  }
18696
- :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
18696
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
18697
18697
  background: transparent;
18698
18698
  }
18699
18699
 
@@ -18881,10 +18881,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18881
18881
  }
18882
18882
  }
18883
18883
 
18884
- :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,
18885
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18886
- :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,
18887
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18884
+ :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,
18885
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
18886
+ :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,
18887
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
18888
18888
  --pf-v5-global--Color--100: #e0e0e0;
18889
18889
  --pf-v5-global--Color--200: #aaabac;
18890
18890
  --pf-v5-global--BorderColor--100: #444548;
@@ -18894,7 +18894,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18894
18894
  --pf-v5-global--BackgroundColor--100: #1b1d21;
18895
18895
  }
18896
18896
 
18897
- :where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
18897
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
18898
18898
  --pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
18899
18899
  }
18900
18900
 
@@ -20021,10 +20021,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20021
20021
  left: 0;
20022
20022
  }
20023
20023
 
20024
- :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,
20025
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20026
- :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,
20027
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20024
+ :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,
20025
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20026
+ :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,
20027
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20028
20028
  --pf-v5-global--Color--100: #e0e0e0;
20029
20029
  --pf-v5-global--Color--200: #aaabac;
20030
20030
  --pf-v5-global--BorderColor--100: #444548;
@@ -20034,7 +20034,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20034
20034
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20035
20035
  }
20036
20036
 
20037
- :where(.pf-v5-theme-dark) .pf-v5-c-nav {
20037
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-nav {
20038
20038
  --pf-v5-c-nav__item--item__link--after--Top: -1px;
20039
20039
  --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BorderColor--100);
20040
20040
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -20052,19 +20052,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20052
20052
  --pf-v5-c-nav__link--active--before--BorderBottomWidth: 0;
20053
20053
  --pf-v5-c-nav__link--m-current--before--BorderBottomWidth: 0;
20054
20054
  }
20055
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__link::before {
20055
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__link::before {
20056
20056
  bottom: 0;
20057
20057
  }
20058
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__link::after {
20058
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__link::after {
20059
20059
  top: var(--pf-v5-c-nav__item--item__link--after--Top);
20060
20060
  }
20061
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__item + .pf-v5-c-nav__item {
20061
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__item + .pf-v5-c-nav__item {
20062
20062
  --pf-v5-c-nav__link--after--Top: var(--pf-v5-c-nav__item--item__link--after--Top);
20063
20063
  }
20064
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__subnav {
20064
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__subnav {
20065
20065
  --pf-v5-c-nav__item--item__link--after--Top: 0;
20066
20066
  }
20067
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__section {
20067
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-nav__section {
20068
20068
  --pf-v5-c-nav__item--item__link--after--Top: 0;
20069
20069
  }
20070
20070
 
@@ -20168,10 +20168,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20168
20168
  margin-left: var(--pf-v5-c-notification-badge__count--MarginLeft);
20169
20169
  }
20170
20170
 
20171
- :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,
20172
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20173
- :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,
20174
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20171
+ :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,
20172
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20173
+ :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,
20174
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20175
20175
  --pf-v5-global--Color--100: #e0e0e0;
20176
20176
  --pf-v5-global--Color--200: #aaabac;
20177
20177
  --pf-v5-global--BorderColor--100: #444548;
@@ -20181,7 +20181,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20181
20181
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20182
20182
  }
20183
20183
 
20184
- :where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
20184
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
20185
20185
  --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20186
20186
  --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
20187
20187
  --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -20452,10 +20452,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20452
20452
  transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
20453
20453
  }
20454
20454
 
20455
- :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,
20456
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20457
- :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,
20458
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20455
+ :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,
20456
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20457
+ :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,
20458
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20459
20459
  --pf-v5-global--Color--100: #e0e0e0;
20460
20460
  --pf-v5-global--Color--200: #aaabac;
20461
20461
  --pf-v5-global--BorderColor--100: #444548;
@@ -20465,7 +20465,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20465
20465
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20466
20466
  }
20467
20467
 
20468
- :where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
20468
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
20469
20469
  --pf-v5-c-notification-drawer--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
20470
20470
  --pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
20471
20471
  --pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
@@ -20729,10 +20729,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20729
20729
  color: var(--pf-v5-c-options-menu__group-title--Color);
20730
20730
  }
20731
20731
 
20732
- :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,
20733
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20734
- :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,
20735
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20732
+ :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,
20733
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
20734
+ :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,
20735
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
20736
20736
  --pf-v5-global--Color--100: #e0e0e0;
20737
20737
  --pf-v5-global--Color--200: #aaabac;
20738
20738
  --pf-v5-global--BorderColor--100: #444548;
@@ -20742,7 +20742,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20742
20742
  --pf-v5-global--BackgroundColor--100: #1b1d21;
20743
20743
  }
20744
20744
 
20745
- :where(.pf-v5-theme-dark) .pf-v5-c-options-menu {
20745
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-options-menu {
20746
20746
  --pf-v5-c-options-menu__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20747
20747
  --pf-v5-c-options-menu__toggle--BorderTopColor: transparent;
20748
20748
  --pf-v5-c-options-menu__toggle--BorderRightColor: transparent;
@@ -20753,7 +20753,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20753
20753
  --pf-v5-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20754
20754
  --pf-v5-c-options-menu__menu--Top: 100%;
20755
20755
  }
20756
- :where(.pf-v5-theme-dark) .pf-v5-c-options-menu__toggle.pf-m-plain {
20756
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-options-menu__toggle.pf-m-plain {
20757
20757
  background: transparent;
20758
20758
  }
20759
20759
 
@@ -21706,10 +21706,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21706
21706
  flex: 1 0 auto;
21707
21707
  }
21708
21708
 
21709
- :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,
21710
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21711
- :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,
21712
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
21709
+ :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,
21710
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21711
+ :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,
21712
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :root:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
21713
21713
  --pf-v5-global--Color--100: #e0e0e0;
21714
21714
  --pf-v5-global--Color--200: #aaabac;
21715
21715
  --pf-v5-global--BorderColor--100: #444548;
@@ -21719,39 +21719,39 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21719
21719
  --pf-v5-global--BackgroundColor--100: #1b1d21;
21720
21720
  }
21721
21721
 
21722
- :where(.pf-v5-theme-dark) .pf-v5-c-page {
21722
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page {
21723
21723
  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
21724
21724
  --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21725
21725
  --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
21726
21726
  --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
21727
21727
  }
21728
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button {
21728
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button {
21729
21729
  color: var(--pf-v5-global--Color--100);
21730
21730
  }
21731
- :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 {
21731
+ :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 {
21732
21732
  background-color: var(--pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
21733
21733
  }
21734
- :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar {
21734
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar {
21735
21735
  border-right: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
21736
21736
  }
21737
- :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 {
21737
+ :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 {
21738
21738
  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21739
21739
  }
21740
- :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 {
21740
+ :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 {
21741
21741
  --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21742
21742
  }
21743
- :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 {
21743
+ :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 {
21744
21744
  --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21745
21745
  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21746
21746
  --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21747
21747
  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21748
21748
  }
21749
- :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 {
21749
+ :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 {
21750
21750
  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
21751
21751
  }
21752
- :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
21753
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21754
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
21752
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
21753
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
21754
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
21755
21755
  color: var(--pf-v5-global--Color--100);
21756
21756
  }
21757
21757
 
@@ -22147,10 +22147,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22147
22147
  }
22148
22148
  }
22149
22149
 
22150
- :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,
22151
- :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,
22152
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22153
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22150
+ :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,
22151
+ :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,
22152
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22153
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22154
22154
  --pf-v5-global--Color--100: #e0e0e0;
22155
22155
  --pf-v5-global--Color--200: #aaabac;
22156
22156
  --pf-v5-global--BorderColor--100: #444548;
@@ -22160,7 +22160,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22160
22160
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22161
22161
  }
22162
22162
 
22163
- :where(.pf-v5-theme-dark) .pf-v5-c-pagination {
22163
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-pagination {
22164
22164
  --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22165
22165
  }
22166
22166
 
@@ -22245,10 +22245,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22245
22245
  box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
22246
22246
  }
22247
22247
 
22248
- :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,
22249
- :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,
22250
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22251
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22248
+ :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,
22249
+ :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,
22250
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22251
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22252
22252
  --pf-v5-global--Color--100: #e0e0e0;
22253
22253
  --pf-v5-global--Color--200: #aaabac;
22254
22254
  --pf-v5-global--BorderColor--100: #444548;
@@ -22258,7 +22258,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22258
22258
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22259
22259
  }
22260
22260
 
22261
- :where(.pf-v5-theme-dark) .pf-v5-c-panel {
22261
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-panel {
22262
22262
  --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22263
22263
  }
22264
22264
 
@@ -22434,10 +22434,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22434
22434
  margin-top: var(--pf-v5-c-popover__footer--MarginTop);
22435
22435
  }
22436
22436
 
22437
- :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,
22438
- :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,
22439
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22440
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22437
+ :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,
22438
+ :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,
22439
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22440
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22441
22441
  --pf-v5-global--Color--100: #e0e0e0;
22442
22442
  --pf-v5-global--Color--200: #aaabac;
22443
22443
  --pf-v5-global--BorderColor--100: #444548;
@@ -22447,7 +22447,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22447
22447
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22448
22448
  }
22449
22449
 
22450
- :where(.pf-v5-theme-dark) .pf-v5-c-popover {
22450
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-popover {
22451
22451
  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22452
22452
  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22453
22453
  --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
@@ -22622,10 +22622,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22622
22622
  margin-top: var(--pf-v5-c-progress__helper-text--MarginTop);
22623
22623
  }
22624
22624
 
22625
- :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,
22626
- :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,
22627
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22628
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22625
+ :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,
22626
+ :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,
22627
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22628
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22629
22629
  --pf-v5-global--Color--100: #e0e0e0;
22630
22630
  --pf-v5-global--Color--200: #aaabac;
22631
22631
  --pf-v5-global--BorderColor--100: #444548;
@@ -22635,7 +22635,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22635
22635
  --pf-v5-global--BackgroundColor--100: #1b1d21;
22636
22636
  }
22637
22637
 
22638
- :where(.pf-v5-theme-dark) .pf-v5-c-progress {
22638
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-progress {
22639
22639
  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
22640
22640
  --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
22641
22641
  --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
@@ -23886,10 +23886,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23886
23886
  box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
23887
23887
  }
23888
23888
 
23889
- :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,
23890
- :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,
23891
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
23892
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
23889
+ :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,
23890
+ :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,
23891
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
23892
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
23893
23893
  --pf-v5-global--Color--100: #e0e0e0;
23894
23894
  --pf-v5-global--Color--200: #aaabac;
23895
23895
  --pf-v5-global--BorderColor--100: #444548;
@@ -23899,7 +23899,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23899
23899
  --pf-v5-global--BackgroundColor--100: #1b1d21;
23900
23900
  }
23901
23901
 
23902
- :where(.pf-v5-theme-dark) .pf-v5-c-select {
23902
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-select {
23903
23903
  --pf-v5-c-select__toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
23904
23904
  --pf-v5-c-select__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
23905
23905
  --pf-v5-c-select__toggle--before--BorderTopColor: transparent;
@@ -23911,7 +23911,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23911
23911
  --pf-v5-c-select__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
23912
23912
  --pf-v5-c-select__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
23913
23913
  }
23914
- :where(.pf-v5-theme-dark) .pf-v5-c-select__toggle:disabled, :where(.pf-v5-theme-dark) .pf-v5-c-select__toggle.pf-m-disabled {
23914
+ :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 {
23915
23915
  color: var(--pf-v5-global--palette--black-100);
23916
23916
  }
23917
23917
 
@@ -24316,10 +24316,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24316
24316
  margin-top: var(--pf-v5-c-simple-list__section--section--MarginTop);
24317
24317
  }
24318
24318
 
24319
- :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,
24320
- :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,
24321
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24322
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24319
+ :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,
24320
+ :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,
24321
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24322
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24323
24323
  --pf-v5-global--Color--100: #e0e0e0;
24324
24324
  --pf-v5-global--Color--200: #aaabac;
24325
24325
  --pf-v5-global--BorderColor--100: #444548;
@@ -24329,7 +24329,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24329
24329
  --pf-v5-global--BackgroundColor--100: #1b1d21;
24330
24330
  }
24331
24331
 
24332
- :where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
24332
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
24333
24333
  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
24334
24334
  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
24335
24335
  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
@@ -24501,10 +24501,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24501
24501
  transform: translateX(100%);
24502
24502
  }
24503
24503
  }
24504
- :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,
24505
- :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,
24506
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24507
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24504
+ :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,
24505
+ :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,
24506
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24507
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24508
24508
  --pf-v5-global--Color--100: #e0e0e0;
24509
24509
  --pf-v5-global--Color--200: #aaabac;
24510
24510
  --pf-v5-global--BorderColor--100: #444548;
@@ -24514,7 +24514,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24514
24514
  --pf-v5-global--BackgroundColor--100: #1b1d21;
24515
24515
  }
24516
24516
 
24517
- :where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
24517
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
24518
24518
  --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
24519
24519
  --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(--pf-v5-global--palette--black-600);
24520
24520
  --pf-v5-c-skeleton--after--LinearGradientColorStop2: var(--pf-v5-global--palette--black-500);
@@ -24962,10 +24962,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
24962
24962
  vertical-align: top;
24963
24963
  }
24964
24964
 
24965
- :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,
24966
- :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,
24967
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24968
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24965
+ :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,
24966
+ :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,
24967
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
24968
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
24969
24969
  --pf-v5-global--Color--100: #e0e0e0;
24970
24970
  --pf-v5-global--Color--200: #aaabac;
24971
24971
  --pf-v5-global--BorderColor--100: #444548;
@@ -24975,7 +24975,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
24975
24975
  --pf-v5-global--BackgroundColor--100: #1b1d21;
24976
24976
  }
24977
24977
 
24978
- :where(.pf-v5-theme-dark) .pf-v5-c-switch {
24978
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-switch {
24979
24979
  --pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--BackgroundColor--100);
24980
24980
  --pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
24981
24981
  --pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);
@@ -27647,10 +27647,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27647
27647
  --pf-v5-c-table--cell--Width: 100%;
27648
27648
  }
27649
27649
 
27650
- :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,
27651
- :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,
27652
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
27653
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
27650
+ :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,
27651
+ :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,
27652
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
27653
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
27654
27654
  --pf-v5-global--Color--100: #e0e0e0;
27655
27655
  --pf-v5-global--Color--200: #aaabac;
27656
27656
  --pf-v5-global--BorderColor--100: #444548;
@@ -27660,10 +27660,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27660
27660
  --pf-v5-global--BackgroundColor--100: #1b1d21;
27661
27661
  }
27662
27662
 
27663
- :where(.pf-v5-theme-dark) .pf-v5-c-table {
27663
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-table {
27664
27664
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
27665
27665
  }
27666
- :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 {
27666
+ :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 {
27667
27667
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--palette--gold-100);
27668
27668
  }
27669
27669
 
@@ -29362,10 +29362,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29362
29362
  }
29363
29363
  }
29364
29364
 
29365
- :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,
29366
- :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,
29367
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29368
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29365
+ :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,
29366
+ :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,
29367
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29368
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29369
29369
  --pf-v5-global--Color--100: #e0e0e0;
29370
29370
  --pf-v5-global--Color--200: #aaabac;
29371
29371
  --pf-v5-global--BorderColor--100: #444548;
@@ -29375,7 +29375,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29375
29375
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29376
29376
  }
29377
29377
 
29378
- :where(.pf-v5-theme-dark) .pf-v5-c-tabs {
29378
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-tabs {
29379
29379
  --pf-v5-c-tabs__scroll-button--BackgroundColor: transparent;
29380
29380
  --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29381
29381
  --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--300);
@@ -29532,10 +29532,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29532
29532
  display: flex;
29533
29533
  }
29534
29534
 
29535
- :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,
29536
- :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,
29537
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29538
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29535
+ :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,
29536
+ :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,
29537
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29538
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29539
29539
  --pf-v5-global--Color--100: #e0e0e0;
29540
29540
  --pf-v5-global--Color--200: #aaabac;
29541
29541
  --pf-v5-global--BorderColor--100: #444548;
@@ -29545,7 +29545,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29545
29545
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29546
29546
  }
29547
29547
 
29548
- :where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
29548
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
29549
29549
  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
29550
29550
  --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
29551
29551
  --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
@@ -29691,10 +29691,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29691
29691
  color: var(--pf-v5-c-tile__icon--Color);
29692
29692
  }
29693
29693
 
29694
- :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,
29695
- :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,
29696
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29697
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29694
+ :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,
29695
+ :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,
29696
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29697
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29698
29698
  --pf-v5-global--Color--100: #e0e0e0;
29699
29699
  --pf-v5-global--Color--200: #aaabac;
29700
29700
  --pf-v5-global--BorderColor--100: #444548;
@@ -29704,7 +29704,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29704
29704
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29705
29705
  }
29706
29706
 
29707
- :where(.pf-v5-theme-dark) .pf-v5-c-tile {
29707
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-tile {
29708
29708
  --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29709
29709
  --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--300);
29710
29710
  --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--300);
@@ -29906,10 +29906,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29906
29906
  margin-left: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
29907
29907
  }
29908
29908
 
29909
- :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,
29910
- :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,
29911
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29912
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29909
+ :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,
29910
+ :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,
29911
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29912
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29913
29913
  --pf-v5-global--Color--100: #e0e0e0;
29914
29914
  --pf-v5-global--Color--200: #aaabac;
29915
29915
  --pf-v5-global--BorderColor--100: #444548;
@@ -29919,7 +29919,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29919
29919
  --pf-v5-global--BackgroundColor--100: #1b1d21;
29920
29920
  }
29921
29921
 
29922
- :where(.pf-v5-theme-dark) .pf-v5-c-toggle-group {
29922
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-toggle-group {
29923
29923
  --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--palette--black-700);
29924
29924
  --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--palette--black-700);
29925
29925
  --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
@@ -30015,10 +30015,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
30015
30015
  box-shadow: var(--pf-v5-c-tooltip__arrow--BoxShadow);
30016
30016
  }
30017
30017
 
30018
- :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,
30019
- :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,
30020
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30021
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
30018
+ :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,
30019
+ :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,
30020
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30021
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
30022
30022
  --pf-v5-global--Color--100: #e0e0e0;
30023
30023
  --pf-v5-global--Color--200: #aaabac;
30024
30024
  --pf-v5-global--BorderColor--100: #444548;
@@ -30028,7 +30028,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30028
30028
  --pf-v5-global--BackgroundColor--100: #1b1d21;
30029
30029
  }
30030
30030
 
30031
- :where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
30031
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
30032
30032
  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30033
30033
  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30034
30034
  }
@@ -30550,10 +30550,10 @@ label.pf-v5-c-tree-view__node-text {
30550
30550
  --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
30551
30551
  }
30552
30552
 
30553
- :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,
30554
- :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,
30555
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30556
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
30553
+ :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,
30554
+ :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,
30555
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
30556
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
30557
30557
  --pf-v5-global--Color--100: #e0e0e0;
30558
30558
  --pf-v5-global--Color--200: #aaabac;
30559
30559
  --pf-v5-global--BorderColor--100: #444548;
@@ -30563,7 +30563,7 @@ label.pf-v5-c-tree-view__node-text {
30563
30563
  --pf-v5-global--BackgroundColor--100: #1b1d21;
30564
30564
  }
30565
30565
 
30566
- :where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
30566
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
30567
30567
  --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30568
30568
  --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
30569
30569
  }
@@ -31057,10 +31057,10 @@ label.pf-v5-c-tree-view__node-text {
31057
31057
  margin-left: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
31058
31058
  }
31059
31059
 
31060
- :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,
31061
- :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,
31062
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
31063
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
31060
+ :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,
31061
+ :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,
31062
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
31063
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
31064
31064
  --pf-v5-global--Color--100: #e0e0e0;
31065
31065
  --pf-v5-global--Color--200: #aaabac;
31066
31066
  --pf-v5-global--BorderColor--100: #444548;
@@ -31070,11 +31070,11 @@ label.pf-v5-c-tree-view__node-text {
31070
31070
  --pf-v5-global--BackgroundColor--100: #1b1d21;
31071
31071
  }
31072
31072
 
31073
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
31073
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard {
31074
31074
  --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
31075
31075
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
31076
31076
  }
31077
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
31077
+ :root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
31078
31078
  color: var(--pf-v5-global--Color--100);
31079
31079
  }
31080
31080