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

package/components/Pagination/pagination.css

@@ -398,6 +398,6 @@
   }
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-pagination {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-pagination {
   --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }

package/components/Panel/panel.css

@@ -79,6 +79,6 @@
   box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-panel {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-panel {
   --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }

package/components/Popover/popover.css

@@ -170,7 +170,7 @@
   margin-top: var(--pf-v5-c-popover__footer--MarginTop);
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-popover {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-popover {
   --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
   --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
   --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);

package/components/Progress/progress.css

@@ -165,7 +165,7 @@
   margin-top: var(--pf-v5-c-progress__helper-text--MarginTop);
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-progress {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-progress {
   --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
   --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
   --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);

package/components/Select/select.css

@@ -580,7 +580,7 @@
   box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-select {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-select {
   --pf-v5-c-select__toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
   --pf-v5-c-select__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
   --pf-v5-c-select__toggle--before--BorderTopColor: transparent;
@@ -592,6 +592,6 @@
   --pf-v5-c-select__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
   --pf-v5-c-select__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }
-:where(.pf-v5-theme-dark) .pf-v5-c-select__toggle:disabled, :where(.pf-v5-theme-dark) .pf-v5-c-select__toggle.pf-m-disabled {
+: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 {
   color: var(--pf-v5-global--palette--black-100);
 }

package/components/SimpleList/simple-list.css

@@ -71,7 +71,7 @@
   margin-top: var(--pf-v5-c-simple-list__section--section--MarginTop);
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
   --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
   --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
   --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);

package/components/Skeleton/skeleton.css

@@ -160,7 +160,7 @@
     transform: translateX(100%);
   }
 }
-:where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
   --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
   --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(--pf-v5-global--palette--black-600);
   --pf-v5-c-skeleton--after--LinearGradientColorStop2: var(--pf-v5-global--palette--black-500);

package/components/Switch/switch.css

@@ -135,7 +135,7 @@
   vertical-align: top;
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-switch {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-switch {
   --pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--BackgroundColor--100);
   --pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
   --pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);

package/components/Table/table.css

@@ -1062,9 +1062,9 @@
   --pf-v5-c-table--cell--Width: 100%;
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-table {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-table {
   --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
 }
-: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 {
+: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 {
   --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--palette--gold-100);
 }

package/components/Tabs/tabs.css

@@ -834,7 +834,7 @@
   }
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-tabs {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-tabs {
   --pf-v5-c-tabs__scroll-button--BackgroundColor: transparent;
   --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
   --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--300);

package/components/TextInputGroup/text-input-group.css

@@ -148,7 +148,7 @@
   display: flex;
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
   --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
   --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
   --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);

package/components/Tile/tile.css

@@ -136,7 +136,7 @@
   color: var(--pf-v5-c-tile__icon--Color);
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-tile {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-tile {
   --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
   --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--300);
   --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--300);

package/components/ToggleGroup/toggle-group.css

@@ -104,7 +104,7 @@
   margin-left: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-toggle-group {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-toggle-group {
   --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--palette--black-700);
   --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--palette--black-700);
   --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);

package/components/Tooltip/tooltip.css

@@ -85,7 +85,7 @@
   box-shadow: var(--pf-v5-c-tooltip__arrow--BoxShadow);
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
   --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
   --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }

package/components/TreeView/tree-view.css

@@ -447,7 +447,7 @@ label.pf-v5-c-tree-view__node-text {
   --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));
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
   --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
   --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }

package/components/Wizard/wizard.css

@@ -497,7 +497,7 @@
   margin-left: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
   --pf-v5-global--Color--100: #e0e0e0;
   --pf-v5-global--Color--200: #aaabac;
   --pf-v5-global--BorderColor--100: #444548;
@@ -507,10 +507,10 @@
   --pf-v5-global--BackgroundColor--100: #1b1d21;
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-wizard {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-wizard {
   --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
   --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
 }
-:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
+:root:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
   color: var(--pf-v5-global--Color--100);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "5.0.0-alpha.64",
+  "version": "5.0.0-alpha.65",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-addons.css

@@ -560,103 +560,103 @@
     background-color: var(--pf-v5-global--palette--red-50) !important;
   }
 }
-:where(.pf-v5-theme-dark) .pf-v5-u-background-color-default {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-default {
   background-color: var(--pf-v5-global--BackgroundColor--100) !important;
 }
-:where(.pf-v5-theme-dark) .pf-v5-u-background-color-success {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-success {
   background-color: var(--pf-v5-global--BackgroundColor--100) !important;
 }
-:where(.pf-v5-theme-dark) .pf-v5-u-background-color-info {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-info {
   background-color: var(--pf-v5-global--BackgroundColor--100) !important;
 }
-:where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning {
   background-color: var(--pf-v5-global--BackgroundColor--100) !important;
 }
-:where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger {
   background-color: var(--pf-v5-global--BackgroundColor--100) !important;
 }
 @media screen and (min-width: 576px) {
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-sm {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-sm {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-sm {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-sm {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-sm {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
 }
 @media screen and (min-width: 768px) {
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-md {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-md {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-md {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-md {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-md {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
 }
 @media screen and (min-width: 992px) {
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-lg {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-lg {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-lg {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-lg {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-lg {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
 }
 @media screen and (min-width: 1200px) {
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-xl {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-xl {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-xl {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-xl {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-xl {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
 }
 @media screen and (min-width: 1450px) {
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-2xl {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-2xl {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-2xl {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-2xl {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-2xl {
     background-color: var(--pf-v5-global--BackgroundColor--100) !important;
   }
 }
@@ -8476,157 +8476,157 @@
   white-space: nowrap !important;
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-u-color-300 {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-color-300 {
   color: var(--pf-v5-global--Color--100) !important;
 }
-:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100 {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100 {
   color: var(--pf-v5-global--Color-100) !important;
 }
-:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200 {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200 {
   color: var(--pf-v5-global--Color-200) !important;
 }
-:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300 {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300 {
   color: var(--pf-v5-global--custom-color--100) !important;
 }
-:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200 {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200 {
   color: var(--pf-v5-global--success-color--100) !important;
 }
-:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200 {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200 {
   color: var(--pf-v5-global--info-color--100) !important;
 }
-:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300 {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300 {
   color: var(--pf-v5-global--danger-color--100) !important;
 }
-:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark {
+:root:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark {
   color: var(--pf-v5-global--icon--Color--dark) !important;
 }
 @media screen and (min-width: 576px) {
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-sm {
     color: var(--pf-v5-global--Color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-sm {
     color: var(--pf-v5-global--Color-100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-sm {
     color: var(--pf-v5-global--Color-200) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-sm {
     color: var(--pf-v5-global--custom-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-sm {
     color: var(--pf-v5-global--success-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-sm {
     color: var(--pf-v5-global--info-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-sm {
     color: var(--pf-v5-global--danger-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-sm {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-sm {
     color: var(--pf-v5-global--icon--Color--dark) !important;
   }
 }
 @media screen and (min-width: 768px) {
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-md {
     color: var(--pf-v5-global--Color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-md {
     color: var(--pf-v5-global--Color-100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-md {
     color: var(--pf-v5-global--Color-200) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-md {
     color: var(--pf-v5-global--custom-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-md {
     color: var(--pf-v5-global--success-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-md {
     color: var(--pf-v5-global--info-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-md {
     color: var(--pf-v5-global--danger-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-md {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-md {
     color: var(--pf-v5-global--icon--Color--dark) !important;
   }
 }
 @media screen and (min-width: 992px) {
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-lg {
     color: var(--pf-v5-global--Color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-lg {
     color: var(--pf-v5-global--Color-100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-lg {
     color: var(--pf-v5-global--Color-200) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-lg {
     color: var(--pf-v5-global--custom-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-lg {
     color: var(--pf-v5-global--success-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-lg {
     color: var(--pf-v5-global--info-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-lg {
     color: var(--pf-v5-global--danger-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-lg {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-lg {
     color: var(--pf-v5-global--icon--Color--dark) !important;
   }
 }
 @media screen and (min-width: 1200px) {
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-xl {
     color: var(--pf-v5-global--Color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-xl {
     color: var(--pf-v5-global--Color-100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-xl {
     color: var(--pf-v5-global--Color-200) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-xl {
     color: var(--pf-v5-global--custom-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-xl {
     color: var(--pf-v5-global--success-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-xl {
     color: var(--pf-v5-global--info-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-xl {
     color: var(--pf-v5-global--danger-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-xl {
     color: var(--pf-v5-global--icon--Color--dark) !important;
   }
 }
 @media screen and (min-width: 1450px) {
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-2xl {
     color: var(--pf-v5-global--Color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-2xl {
     color: var(--pf-v5-global--Color-100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-2xl {
     color: var(--pf-v5-global--Color-200) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-2xl {
     color: var(--pf-v5-global--custom-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-2xl {
     color: var(--pf-v5-global--success-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-2xl {
     color: var(--pf-v5-global--info-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-2xl {
     color: var(--pf-v5-global--danger-color--100) !important;
   }
-  :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-2xl {
+  :root:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-2xl {
     color: var(--pf-v5-global--icon--Color--dark) !important;
   }
 }