@patternfly/quickstarts 5.0.0-prerelease.0 → 5.0.0-prerelease.1

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 (13) hide show
  1. package/dist/index.es.js +6 -11
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +6 -11
  4. package/dist/index.js.map +1 -1
  5. package/dist/patternfly-nested.css +470 -10
  6. package/dist/quickstarts-base.css +16 -16
  7. package/dist/quickstarts-full.es.js +278 -232
  8. package/dist/quickstarts-full.es.js.map +1 -1
  9. package/dist/quickstarts-standalone.css +1 -1
  10. package/dist/quickstarts-standalone.min.css +2 -2
  11. package/dist/quickstarts.css +16 -16
  12. package/dist/quickstarts.min.css +1 -1
  13. package/package.json +1 -1
package/dist/patternfly-nested.css CHANGED
@@ -7,8 +7,6 @@
7
7
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
8
8
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
9
9
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
10
- --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
11
- --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
12
10
  }
13
11
 
14
12
  .pfext-quick-start__base .pf-v5-c-wizard__header {
@@ -19,8 +17,6 @@
19
17
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
20
18
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
21
19
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
22
- --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
23
- --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
24
20
  }
25
21
  .pfext-quick-start__base .pf-v5-c-wizard__header .pf-v5-c-button {
26
22
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
@@ -231,6 +227,15 @@
231
227
  display: none !important;
232
228
  }
233
229
  }
230
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
231
+ --pf-v5-global--Color--100: #e0e0e0;
232
+ --pf-v5-global--Color--200: #aaabac;
233
+ --pf-v5-global--BorderColor--100: #444548;
234
+ --pf-v5-global--primary-color--100: #1fa7f8;
235
+ --pf-v5-global--link--Color: #1fa7f8;
236
+ --pf-v5-global--link--Color--hover: #73bcf7;
237
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
238
+ }
234
239
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
235
240
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
236
241
  }
@@ -441,6 +446,15 @@
441
446
  .pfext-quick-start__base .pf-v5-c-accordion__expandable-content-body + .pfext-quick-start__base .pf-v5-c-accordion__expandable-content-body {
442
447
  --pf-v5-c-accordion__expandable-content-body--PaddingTop: var(--pf-v5-c-accordion__expandable-content-body--expandable-content-body--PaddingTop);
443
448
  }
449
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
450
+ --pf-v5-global--Color--100: #e0e0e0;
451
+ --pf-v5-global--Color--200: #aaabac;
452
+ --pf-v5-global--BorderColor--100: #444548;
453
+ --pf-v5-global--primary-color--100: #1fa7f8;
454
+ --pf-v5-global--link--Color: #1fa7f8;
455
+ --pf-v5-global--link--Color--hover: #73bcf7;
456
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
457
+ }
444
458
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
445
459
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
446
460
  }
@@ -641,6 +655,15 @@
641
655
  .pfext-quick-start__base .pf-v5-c-alert__action-group > .pf-v5-c-button:not(:last-child) {
642
656
  margin-right: var(--pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight);
643
657
  }
658
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
659
+ --pf-v5-global--Color--100: #e0e0e0;
660
+ --pf-v5-global--Color--200: #aaabac;
661
+ --pf-v5-global--BorderColor--100: #444548;
662
+ --pf-v5-global--primary-color--100: #1fa7f8;
663
+ --pf-v5-global--link--Color: #1fa7f8;
664
+ --pf-v5-global--link--Color--hover: #73bcf7;
665
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
666
+ }
644
667
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
645
668
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
646
669
  }
@@ -657,6 +680,15 @@
657
680
  --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
658
681
  --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
659
682
  }
683
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
684
+ --pf-v5-global--Color--100: #e0e0e0;
685
+ --pf-v5-global--Color--200: #aaabac;
686
+ --pf-v5-global--BorderColor--100: #444548;
687
+ --pf-v5-global--primary-color--100: #1fa7f8;
688
+ --pf-v5-global--link--Color: #1fa7f8;
689
+ --pf-v5-global--link--Color--hover: #73bcf7;
690
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
691
+ }
660
692
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
661
693
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
662
694
  }
@@ -706,6 +738,15 @@
706
738
  --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
707
739
  --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
708
740
  }
741
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
742
+ --pf-v5-global--Color--100: #e0e0e0;
743
+ --pf-v5-global--Color--200: #aaabac;
744
+ --pf-v5-global--BorderColor--100: #444548;
745
+ --pf-v5-global--primary-color--100: #1fa7f8;
746
+ --pf-v5-global--link--Color: #1fa7f8;
747
+ --pf-v5-global--link--Color--hover: #73bcf7;
748
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
749
+ }
709
750
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
710
751
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
711
752
  }
@@ -714,6 +755,15 @@
714
755
  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
715
756
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
716
757
  }
758
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
759
+ --pf-v5-global--Color--100: #e0e0e0;
760
+ --pf-v5-global--Color--200: #aaabac;
761
+ --pf-v5-global--BorderColor--100: #444548;
762
+ --pf-v5-global--primary-color--100: #1fa7f8;
763
+ --pf-v5-global--link--Color: #1fa7f8;
764
+ --pf-v5-global--link--Color--hover: #73bcf7;
765
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
766
+ }
717
767
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
718
768
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
719
769
  }
@@ -1265,6 +1315,15 @@ button.pfext-quick-start__base .pf-v5-c-breadcrumb__link {
1265
1315
  align-items: center;
1266
1316
  margin-left: var(--pf-v5-c-button__count--MarginLeft);
1267
1317
  }
1318
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
1319
+ --pf-v5-global--Color--100: #e0e0e0;
1320
+ --pf-v5-global--Color--200: #aaabac;
1321
+ --pf-v5-global--BorderColor--100: #444548;
1322
+ --pf-v5-global--primary-color--100: #1fa7f8;
1323
+ --pf-v5-global--link--Color: #1fa7f8;
1324
+ --pf-v5-global--link--Color--hover: #73bcf7;
1325
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
1326
+ }
1268
1327
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
1269
1328
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
1270
1329
  }
@@ -1312,6 +1371,15 @@ button.pfext-quick-start__base .pf-v5-c-breadcrumb__link {
1312
1371
  border: 0;
1313
1372
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
1314
1373
  }
1374
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
1375
+ --pf-v5-global--Color--100: #e0e0e0;
1376
+ --pf-v5-global--Color--200: #aaabac;
1377
+ --pf-v5-global--BorderColor--100: #444548;
1378
+ --pf-v5-global--primary-color--100: #1fa7f8;
1379
+ --pf-v5-global--link--Color: #1fa7f8;
1380
+ --pf-v5-global--link--Color--hover: #73bcf7;
1381
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
1382
+ }
1315
1383
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
1316
1384
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
1317
1385
  }
@@ -1686,16 +1754,21 @@ button.pfext-quick-start__base .pf-v5-c-breadcrumb__link {
1686
1754
  content: "";
1687
1755
  border: var(--pf-v5-c-card__input--focus--BorderWidth) solid var(--pf-v5-c-card__input--focus--BorderColor);
1688
1756
  }
1757
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
1758
+ --pf-v5-global--Color--100: #e0e0e0;
1759
+ --pf-v5-global--Color--200: #aaabac;
1760
+ --pf-v5-global--BorderColor--100: #444548;
1761
+ --pf-v5-global--primary-color--100: #1fa7f8;
1762
+ --pf-v5-global--link--Color: #1fa7f8;
1763
+ --pf-v5-global--link--Color--hover: #73bcf7;
1764
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
1765
+ }
1689
1766
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
1690
1767
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
1691
1768
  }
1692
1769
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-card,
1693
1770
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
1694
1771
  --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--md);
1695
- --pf-v5-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-v5-global--palette--black-700);
1696
- --pf-v5-c-card--m-selectable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
1697
- --pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
1698
- --pf-v5-c-card--m-selectable--focus--BackgroundColor: var(--pf-v5-global--palette--blue-600);
1699
1772
  --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
1700
1773
  --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
1701
1774
  --pf-v5-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
@@ -1766,6 +1839,15 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
1766
1839
  font-size: var(--pf-v5-c-check__label-required--FontSize);
1767
1840
  color: var(--pf-v5-c-check__label-required--Color);
1768
1841
  }
1842
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
1843
+ --pf-v5-global--Color--100: #e0e0e0;
1844
+ --pf-v5-global--Color--200: #aaabac;
1845
+ --pf-v5-global--BorderColor--100: #444548;
1846
+ --pf-v5-global--primary-color--100: #1fa7f8;
1847
+ --pf-v5-global--link--Color: #1fa7f8;
1848
+ --pf-v5-global--link--Color--hover: #73bcf7;
1849
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
1850
+ }
1769
1851
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
1770
1852
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
1771
1853
  }
@@ -1877,6 +1959,15 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
1877
1959
  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom);
1878
1960
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft);
1879
1961
  }
1962
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
1963
+ --pf-v5-global--Color--100: #e0e0e0;
1964
+ --pf-v5-global--Color--200: #aaabac;
1965
+ --pf-v5-global--BorderColor--100: #444548;
1966
+ --pf-v5-global--primary-color--100: #1fa7f8;
1967
+ --pf-v5-global--link--Color: #1fa7f8;
1968
+ --pf-v5-global--link--Color--hover: #73bcf7;
1969
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
1970
+ }
1880
1971
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
1881
1972
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
1882
1973
  }
@@ -1915,6 +2006,15 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
1915
2006
  .pfext-quick-start__base .pf-v5-c-code-block__code {
1916
2007
  font-family: var(--pf-v5-c-code-block__code--FontFamily, inherit);
1917
2008
  }
2009
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
2010
+ --pf-v5-global--Color--100: #e0e0e0;
2011
+ --pf-v5-global--Color--200: #aaabac;
2012
+ --pf-v5-global--BorderColor--100: #444548;
2013
+ --pf-v5-global--primary-color--100: #1fa7f8;
2014
+ --pf-v5-global--link--Color: #1fa7f8;
2015
+ --pf-v5-global--link--Color--hover: #73bcf7;
2016
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
2017
+ }
1918
2018
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
1919
2019
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
1920
2020
  }
@@ -2171,15 +2271,51 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
2171
2271
  grid-column: 2;
2172
2272
  }
2173
2273
  }
2274
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
2275
+ --pf-v5-global--Color--100: #e0e0e0;
2276
+ --pf-v5-global--Color--200: #aaabac;
2277
+ --pf-v5-global--BorderColor--100: #444548;
2278
+ --pf-v5-global--primary-color--100: #1fa7f8;
2279
+ --pf-v5-global--link--Color: #1fa7f8;
2280
+ --pf-v5-global--link--Color--hover: #73bcf7;
2281
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
2282
+ }
2174
2283
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
2175
2284
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
2176
2285
  }
2286
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
2287
+ --pf-v5-global--Color--100: #e0e0e0;
2288
+ --pf-v5-global--Color--200: #aaabac;
2289
+ --pf-v5-global--BorderColor--100: #444548;
2290
+ --pf-v5-global--primary-color--100: #1fa7f8;
2291
+ --pf-v5-global--link--Color: #1fa7f8;
2292
+ --pf-v5-global--link--Color--hover: #73bcf7;
2293
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
2294
+ }
2177
2295
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
2178
2296
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
2179
2297
  }
2298
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
2299
+ --pf-v5-global--Color--100: #e0e0e0;
2300
+ --pf-v5-global--Color--200: #aaabac;
2301
+ --pf-v5-global--BorderColor--100: #444548;
2302
+ --pf-v5-global--primary-color--100: #1fa7f8;
2303
+ --pf-v5-global--link--Color: #1fa7f8;
2304
+ --pf-v5-global--link--Color--hover: #73bcf7;
2305
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
2306
+ }
2180
2307
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
2181
2308
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
2182
2309
  }
2310
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
2311
+ --pf-v5-global--Color--100: #e0e0e0;
2312
+ --pf-v5-global--Color--200: #aaabac;
2313
+ --pf-v5-global--BorderColor--100: #444548;
2314
+ --pf-v5-global--primary-color--100: #1fa7f8;
2315
+ --pf-v5-global--link--Color: #1fa7f8;
2316
+ --pf-v5-global--link--Color--hover: #73bcf7;
2317
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
2318
+ }
2183
2319
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
2184
2320
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
2185
2321
  }
@@ -3335,6 +3471,15 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
3335
3471
  .pfext-quick-start__base .pf-v5-c-toolbar__content-section > :last-child {
3336
3472
  --pf-v5-c-toolbar--spacer: 0;
3337
3473
  }
3474
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
3475
+ --pf-v5-global--Color--100: #e0e0e0;
3476
+ --pf-v5-global--Color--200: #aaabac;
3477
+ --pf-v5-global--BorderColor--100: #444548;
3478
+ --pf-v5-global--primary-color--100: #1fa7f8;
3479
+ --pf-v5-global--link--Color: #1fa7f8;
3480
+ --pf-v5-global--link--Color--hover: #73bcf7;
3481
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
3482
+ }
3338
3483
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
3339
3484
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
3340
3485
  }
@@ -4436,6 +4581,15 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
4436
4581
  display: none;
4437
4582
  }
4438
4583
  }
4584
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
4585
+ --pf-v5-global--Color--100: #e0e0e0;
4586
+ --pf-v5-global--Color--200: #aaabac;
4587
+ --pf-v5-global--BorderColor--100: #444548;
4588
+ --pf-v5-global--primary-color--100: #1fa7f8;
4589
+ --pf-v5-global--link--Color: #1fa7f8;
4590
+ --pf-v5-global--link--Color--hover: #73bcf7;
4591
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
4592
+ }
4439
4593
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
4440
4594
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
4441
4595
  }
@@ -4665,6 +4819,15 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
4665
4819
  --pf-v5-c-dropdown__toggle-icon--PaddingLeft: var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft);
4666
4820
  --pf-v5-c-dropdown__toggle-icon--MarginLeft: var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft);
4667
4821
  }
4822
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
4823
+ --pf-v5-global--Color--100: #e0e0e0;
4824
+ --pf-v5-global--Color--200: #aaabac;
4825
+ --pf-v5-global--BorderColor--100: #444548;
4826
+ --pf-v5-global--primary-color--100: #1fa7f8;
4827
+ --pf-v5-global--link--Color: #1fa7f8;
4828
+ --pf-v5-global--link--Color--hover: #73bcf7;
4829
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
4830
+ }
4668
4831
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
4669
4832
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
4670
4833
  }
@@ -5386,6 +5549,15 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
5386
5549
  .pfext-quick-start__base .pf-v5-c-form__field-group-body > .pf-v5-c-form__field-group:last-child {
5387
5550
  margin-bottom: var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom);
5388
5551
  }
5552
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
5553
+ --pf-v5-global--Color--100: #e0e0e0;
5554
+ --pf-v5-global--Color--200: #aaabac;
5555
+ --pf-v5-global--BorderColor--100: #444548;
5556
+ --pf-v5-global--primary-color--100: #1fa7f8;
5557
+ --pf-v5-global--link--Color: #1fa7f8;
5558
+ --pf-v5-global--link--Color--hover: #73bcf7;
5559
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
5560
+ }
5389
5561
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
5390
5562
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5391
5563
  }
@@ -5642,6 +5814,15 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
5642
5814
  padding-right: var(--pf-v5-c-form-control__utilities--PaddingRight);
5643
5815
  pointer-events: none;
5644
5816
  }
5817
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
5818
+ --pf-v5-global--Color--100: #e0e0e0;
5819
+ --pf-v5-global--Color--200: #aaabac;
5820
+ --pf-v5-global--BorderColor--100: #444548;
5821
+ --pf-v5-global--primary-color--100: #1fa7f8;
5822
+ --pf-v5-global--link--Color: #1fa7f8;
5823
+ --pf-v5-global--link--Color--hover: #73bcf7;
5824
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
5825
+ }
5645
5826
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
5646
5827
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5647
5828
  }
@@ -5662,9 +5843,27 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
5662
5843
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
5663
5844
  filter: invert(1);
5664
5845
  }
5846
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
5847
+ --pf-v5-global--Color--100: #e0e0e0;
5848
+ --pf-v5-global--Color--200: #aaabac;
5849
+ --pf-v5-global--BorderColor--100: #444548;
5850
+ --pf-v5-global--primary-color--100: #1fa7f8;
5851
+ --pf-v5-global--link--Color: #1fa7f8;
5852
+ --pf-v5-global--link--Color--hover: #73bcf7;
5853
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
5854
+ }
5665
5855
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
5666
5856
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5667
5857
  }
5858
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
5859
+ --pf-v5-global--Color--100: #e0e0e0;
5860
+ --pf-v5-global--Color--200: #aaabac;
5861
+ --pf-v5-global--BorderColor--100: #444548;
5862
+ --pf-v5-global--primary-color--100: #1fa7f8;
5863
+ --pf-v5-global--link--Color: #1fa7f8;
5864
+ --pf-v5-global--link--Color--hover: #73bcf7;
5865
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
5866
+ }
5668
5867
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
5669
5868
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5670
5869
  }
@@ -5850,6 +6049,15 @@ label.pfext-quick-start__base .pf-v5-c-input-group__text {
5850
6049
  cursor: pointer;
5851
6050
  }
5852
6051
 
6052
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
6053
+ --pf-v5-global--Color--100: #e0e0e0;
6054
+ --pf-v5-global--Color--200: #aaabac;
6055
+ --pf-v5-global--BorderColor--100: #444548;
6056
+ --pf-v5-global--primary-color--100: #1fa7f8;
6057
+ --pf-v5-global--link--Color: #1fa7f8;
6058
+ --pf-v5-global--link--Color--hover: #73bcf7;
6059
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
6060
+ }
5853
6061
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
5854
6062
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5855
6063
  }
@@ -6271,6 +6479,15 @@ button.pfext-quick-start__base .pf-v5-c-label__content:focus {
6271
6479
  margin-top: var(--pf-v5-c-label__actions--c-button--MarginTop);
6272
6480
  margin-bottom: var(--pf-v5-c-label__actions--c-button--MarginBottom);
6273
6481
  }
6482
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
6483
+ --pf-v5-global--Color--100: #e0e0e0;
6484
+ --pf-v5-global--Color--200: #aaabac;
6485
+ --pf-v5-global--BorderColor--100: #444548;
6486
+ --pf-v5-global--primary-color--100: #1fa7f8;
6487
+ --pf-v5-global--link--Color: #1fa7f8;
6488
+ --pf-v5-global--link--Color--hover: #73bcf7;
6489
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
6490
+ }
6274
6491
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
6275
6492
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6276
6493
  }
@@ -6528,12 +6745,39 @@ ul.pfext-quick-start__base .pf-v5-c-list {
6528
6745
  --pf-v5-c-list--m-bordered--li--PaddingBottom: 0;
6529
6746
  --pf-v5-c-list--m-bordered--li--BorderBottomWidth: 0;
6530
6747
  }
6748
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
6749
+ --pf-v5-global--Color--100: #e0e0e0;
6750
+ --pf-v5-global--Color--200: #aaabac;
6751
+ --pf-v5-global--BorderColor--100: #444548;
6752
+ --pf-v5-global--primary-color--100: #1fa7f8;
6753
+ --pf-v5-global--link--Color: #1fa7f8;
6754
+ --pf-v5-global--link--Color--hover: #73bcf7;
6755
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
6756
+ }
6531
6757
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
6532
6758
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6533
6759
  }
6760
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
6761
+ --pf-v5-global--Color--100: #e0e0e0;
6762
+ --pf-v5-global--Color--200: #aaabac;
6763
+ --pf-v5-global--BorderColor--100: #444548;
6764
+ --pf-v5-global--primary-color--100: #1fa7f8;
6765
+ --pf-v5-global--link--Color: #1fa7f8;
6766
+ --pf-v5-global--link--Color--hover: #73bcf7;
6767
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
6768
+ }
6534
6769
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
6535
6770
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6536
6771
  }
6772
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
6773
+ --pf-v5-global--Color--100: #e0e0e0;
6774
+ --pf-v5-global--Color--200: #aaabac;
6775
+ --pf-v5-global--BorderColor--100: #444548;
6776
+ --pf-v5-global--primary-color--100: #1fa7f8;
6777
+ --pf-v5-global--link--Color: #1fa7f8;
6778
+ --pf-v5-global--link--Color--hover: #73bcf7;
6779
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
6780
+ }
6537
6781
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
6538
6782
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6539
6783
  }
@@ -7079,6 +7323,15 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7079
7323
  content: "";
7080
7324
  border-top: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
7081
7325
  }
7326
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
7327
+ --pf-v5-global--Color--100: #e0e0e0;
7328
+ --pf-v5-global--Color--200: #aaabac;
7329
+ --pf-v5-global--BorderColor--100: #444548;
7330
+ --pf-v5-global--primary-color--100: #1fa7f8;
7331
+ --pf-v5-global--link--Color: #1fa7f8;
7332
+ --pf-v5-global--link--Color--hover: #73bcf7;
7333
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
7334
+ }
7082
7335
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7083
7336
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7084
7337
  }
@@ -7485,6 +7738,15 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7485
7738
  margin-right: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
7486
7739
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
7487
7740
  }
7741
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
7742
+ --pf-v5-global--Color--100: #e0e0e0;
7743
+ --pf-v5-global--Color--200: #aaabac;
7744
+ --pf-v5-global--BorderColor--100: #444548;
7745
+ --pf-v5-global--primary-color--100: #1fa7f8;
7746
+ --pf-v5-global--link--Color: #1fa7f8;
7747
+ --pf-v5-global--link--Color--hover: #73bcf7;
7748
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
7749
+ }
7488
7750
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7489
7751
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7490
7752
  }
@@ -7683,21 +7945,66 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7683
7945
  --pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-c-modal-box__footer--c-button--sm--MarginRight);
7684
7946
  }
7685
7947
  }
7948
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
7949
+ --pf-v5-global--Color--100: #e0e0e0;
7950
+ --pf-v5-global--Color--200: #aaabac;
7951
+ --pf-v5-global--BorderColor--100: #444548;
7952
+ --pf-v5-global--primary-color--100: #1fa7f8;
7953
+ --pf-v5-global--link--Color: #1fa7f8;
7954
+ --pf-v5-global--link--Color--hover: #73bcf7;
7955
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
7956
+ }
7686
7957
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7687
7958
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7688
7959
  }
7689
7960
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
7690
7961
  --pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
7691
7962
  }
7963
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
7964
+ --pf-v5-global--Color--100: #e0e0e0;
7965
+ --pf-v5-global--Color--200: #aaabac;
7966
+ --pf-v5-global--BorderColor--100: #444548;
7967
+ --pf-v5-global--primary-color--100: #1fa7f8;
7968
+ --pf-v5-global--link--Color: #1fa7f8;
7969
+ --pf-v5-global--link--Color--hover: #73bcf7;
7970
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
7971
+ }
7692
7972
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7693
7973
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7694
7974
  }
7975
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
7976
+ --pf-v5-global--Color--100: #e0e0e0;
7977
+ --pf-v5-global--Color--200: #aaabac;
7978
+ --pf-v5-global--BorderColor--100: #444548;
7979
+ --pf-v5-global--primary-color--100: #1fa7f8;
7980
+ --pf-v5-global--link--Color: #1fa7f8;
7981
+ --pf-v5-global--link--Color--hover: #73bcf7;
7982
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
7983
+ }
7695
7984
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7696
7985
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7697
7986
  }
7987
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
7988
+ --pf-v5-global--Color--100: #e0e0e0;
7989
+ --pf-v5-global--Color--200: #aaabac;
7990
+ --pf-v5-global--BorderColor--100: #444548;
7991
+ --pf-v5-global--primary-color--100: #1fa7f8;
7992
+ --pf-v5-global--link--Color: #1fa7f8;
7993
+ --pf-v5-global--link--Color--hover: #73bcf7;
7994
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
7995
+ }
7698
7996
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7699
7997
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7700
7998
  }
7999
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8000
+ --pf-v5-global--Color--100: #e0e0e0;
8001
+ --pf-v5-global--Color--200: #aaabac;
8002
+ --pf-v5-global--BorderColor--100: #444548;
8003
+ --pf-v5-global--primary-color--100: #1fa7f8;
8004
+ --pf-v5-global--link--Color: #1fa7f8;
8005
+ --pf-v5-global--link--Color--hover: #73bcf7;
8006
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
8007
+ }
7701
8008
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7702
8009
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7703
8010
  }
@@ -7905,6 +8212,15 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7905
8212
  .pfext-quick-start__base .pf-v5-c-page__main-wizard.pf-m-light-200 {
7906
8213
  --pf-v5-c-page__main-wizard--BackgroundColor: var(--pf-v5-c-page__main-wizard--m-light-200--BackgroundColor);
7907
8214
  }
8215
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8216
+ --pf-v5-global--Color--100: #e0e0e0;
8217
+ --pf-v5-global--Color--200: #aaabac;
8218
+ --pf-v5-global--BorderColor--100: #444548;
8219
+ --pf-v5-global--primary-color--100: #1fa7f8;
8220
+ --pf-v5-global--link--Color: #1fa7f8;
8221
+ --pf-v5-global--link--Color--hover: #73bcf7;
8222
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
8223
+ }
7908
8224
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7909
8225
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7910
8226
  }
@@ -8183,6 +8499,15 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
8183
8499
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--2xl);
8184
8500
  }
8185
8501
  }
8502
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8503
+ --pf-v5-global--Color--100: #e0e0e0;
8504
+ --pf-v5-global--Color--200: #aaabac;
8505
+ --pf-v5-global--BorderColor--100: #444548;
8506
+ --pf-v5-global--primary-color--100: #1fa7f8;
8507
+ --pf-v5-global--link--Color: #1fa7f8;
8508
+ --pf-v5-global--link--Color--hover: #73bcf7;
8509
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
8510
+ }
8186
8511
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8187
8512
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8188
8513
  }
@@ -8265,6 +8590,15 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
8265
8590
  padding: var(--pf-v5-c-panel__footer--PaddingTop) var(--pf-v5-c-panel__footer--PaddingRight) var(--pf-v5-c-panel__footer--PaddingBottom) var(--pf-v5-c-panel__footer--PaddingLeft);
8266
8591
  box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
8267
8592
  }
8593
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8594
+ --pf-v5-global--Color--100: #e0e0e0;
8595
+ --pf-v5-global--Color--200: #aaabac;
8596
+ --pf-v5-global--BorderColor--100: #444548;
8597
+ --pf-v5-global--primary-color--100: #1fa7f8;
8598
+ --pf-v5-global--link--Color: #1fa7f8;
8599
+ --pf-v5-global--link--Color--hover: #73bcf7;
8600
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
8601
+ }
8268
8602
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8269
8603
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8270
8604
  }
@@ -8433,6 +8767,15 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
8433
8767
  .pfext-quick-start__base .pf-v5-c-popover__footer {
8434
8768
  margin-top: var(--pf-v5-c-popover__footer--MarginTop);
8435
8769
  }
8770
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8771
+ --pf-v5-global--Color--100: #e0e0e0;
8772
+ --pf-v5-global--Color--200: #aaabac;
8773
+ --pf-v5-global--BorderColor--100: #444548;
8774
+ --pf-v5-global--primary-color--100: #1fa7f8;
8775
+ --pf-v5-global--link--Color: #1fa7f8;
8776
+ --pf-v5-global--link--Color--hover: #73bcf7;
8777
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
8778
+ }
8436
8779
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8437
8780
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8438
8781
  }
@@ -8443,6 +8786,15 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
8443
8786
  --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--100);
8444
8787
  --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
8445
8788
  }
8789
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8790
+ --pf-v5-global--Color--100: #e0e0e0;
8791
+ --pf-v5-global--Color--200: #aaabac;
8792
+ --pf-v5-global--BorderColor--100: #444548;
8793
+ --pf-v5-global--primary-color--100: #1fa7f8;
8794
+ --pf-v5-global--link--Color: #1fa7f8;
8795
+ --pf-v5-global--link--Color--hover: #73bcf7;
8796
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
8797
+ }
8446
8798
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8447
8799
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8448
8800
  }
@@ -8511,12 +8863,39 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
8511
8863
  --pf-v5-c-radio__label--Color: var(--pf-v5-c-radio__label--disabled--Color);
8512
8864
  cursor: not-allowed;
8513
8865
  }
8866
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8867
+ --pf-v5-global--Color--100: #e0e0e0;
8868
+ --pf-v5-global--Color--200: #aaabac;
8869
+ --pf-v5-global--BorderColor--100: #444548;
8870
+ --pf-v5-global--primary-color--100: #1fa7f8;
8871
+ --pf-v5-global--link--Color: #1fa7f8;
8872
+ --pf-v5-global--link--Color--hover: #73bcf7;
8873
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
8874
+ }
8514
8875
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8515
8876
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8516
8877
  }
8878
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8879
+ --pf-v5-global--Color--100: #e0e0e0;
8880
+ --pf-v5-global--Color--200: #aaabac;
8881
+ --pf-v5-global--BorderColor--100: #444548;
8882
+ --pf-v5-global--primary-color--100: #1fa7f8;
8883
+ --pf-v5-global--link--Color: #1fa7f8;
8884
+ --pf-v5-global--link--Color--hover: #73bcf7;
8885
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
8886
+ }
8517
8887
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8518
8888
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8519
8889
  }
8890
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8891
+ --pf-v5-global--Color--100: #e0e0e0;
8892
+ --pf-v5-global--Color--200: #aaabac;
8893
+ --pf-v5-global--BorderColor--100: #444548;
8894
+ --pf-v5-global--primary-color--100: #1fa7f8;
8895
+ --pf-v5-global--link--Color: #1fa7f8;
8896
+ --pf-v5-global--link--Color--hover: #73bcf7;
8897
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
8898
+ }
8520
8899
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8521
8900
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8522
8901
  }
@@ -8611,12 +8990,39 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
8611
8990
  transform: rotate(720deg);
8612
8991
  }
8613
8992
  }
8993
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8994
+ --pf-v5-global--Color--100: #e0e0e0;
8995
+ --pf-v5-global--Color--200: #aaabac;
8996
+ --pf-v5-global--BorderColor--100: #444548;
8997
+ --pf-v5-global--primary-color--100: #1fa7f8;
8998
+ --pf-v5-global--link--Color: #1fa7f8;
8999
+ --pf-v5-global--link--Color--hover: #73bcf7;
9000
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
9001
+ }
8614
9002
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8615
9003
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8616
9004
  }
9005
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9006
+ --pf-v5-global--Color--100: #e0e0e0;
9007
+ --pf-v5-global--Color--200: #aaabac;
9008
+ --pf-v5-global--BorderColor--100: #444548;
9009
+ --pf-v5-global--primary-color--100: #1fa7f8;
9010
+ --pf-v5-global--link--Color: #1fa7f8;
9011
+ --pf-v5-global--link--Color--hover: #73bcf7;
9012
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
9013
+ }
8617
9014
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8618
9015
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8619
9016
  }
9017
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9018
+ --pf-v5-global--Color--100: #e0e0e0;
9019
+ --pf-v5-global--Color--200: #aaabac;
9020
+ --pf-v5-global--BorderColor--100: #444548;
9021
+ --pf-v5-global--primary-color--100: #1fa7f8;
9022
+ --pf-v5-global--link--Color: #1fa7f8;
9023
+ --pf-v5-global--link--Color--hover: #73bcf7;
9024
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
9025
+ }
8620
9026
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8621
9027
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8622
9028
  }
@@ -8641,8 +9047,8 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
8641
9047
  --pf-v5-c-text-input-group__text-input--PaddingBottom: var(--pf-v5-global--spacer--form-element);
8642
9048
  --pf-v5-c-text-input-group__text-input--PaddingLeft: var(--pf-v5-global--spacer--sm);
8643
9049
  --pf-v5-c-text-input-group__text-input--MinWidth: 12ch;
8644
- --pf-v5-c-text-input-group__text-input--m-hint--Color: var(--pf-v5-global--Color--200);
8645
- --pf-v5-c-text-input-group__text-input--placeholder--Color: var(--pf-v5-global--Color--200);
9050
+ --pf-v5-c-text-input-group__text-input--m-hint--Color: var(--pf-v5-global--Color--dark-200);
9051
+ --pf-v5-c-text-input-group__text-input--placeholder--Color: var(--pf-v5-global--Color--dark-200);
8646
9052
  --pf-v5-c-text-input-group__text-input--BackgroundColor: transparent;
8647
9053
  --pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
8648
9054
  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
@@ -8763,6 +9169,15 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
8763
9169
  .pfext-quick-start__base .pf-v5-c-text-input-group__group {
8764
9170
  display: flex;
8765
9171
  }
9172
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9173
+ --pf-v5-global--Color--100: #e0e0e0;
9174
+ --pf-v5-global--Color--200: #aaabac;
9175
+ --pf-v5-global--BorderColor--100: #444548;
9176
+ --pf-v5-global--primary-color--100: #1fa7f8;
9177
+ --pf-v5-global--link--Color: #1fa7f8;
9178
+ --pf-v5-global--link--Color--hover: #73bcf7;
9179
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
9180
+ }
8766
9181
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8767
9182
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8768
9183
  }
@@ -8773,6 +9188,15 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
8773
9188
  --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
8774
9189
  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
8775
9190
  }
9191
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9192
+ --pf-v5-global--Color--100: #e0e0e0;
9193
+ --pf-v5-global--Color--200: #aaabac;
9194
+ --pf-v5-global--BorderColor--100: #444548;
9195
+ --pf-v5-global--primary-color--100: #1fa7f8;
9196
+ --pf-v5-global--link--Color: #1fa7f8;
9197
+ --pf-v5-global--link--Color--hover: #73bcf7;
9198
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
9199
+ }
8776
9200
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8777
9201
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8778
9202
  }
@@ -8829,6 +9253,15 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
8829
9253
  font-weight: var(--pf-v5-c-title--m-md--FontWeight);
8830
9254
  line-height: var(--pf-v5-c-title--m-md--LineHeight);
8831
9255
  }
9256
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9257
+ --pf-v5-global--Color--100: #e0e0e0;
9258
+ --pf-v5-global--Color--200: #aaabac;
9259
+ --pf-v5-global--BorderColor--100: #444548;
9260
+ --pf-v5-global--primary-color--100: #1fa7f8;
9261
+ --pf-v5-global--link--Color: #1fa7f8;
9262
+ --pf-v5-global--link--Color--hover: #73bcf7;
9263
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
9264
+ }
8832
9265
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8833
9266
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8834
9267
  }
@@ -8916,6 +9349,15 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
8916
9349
  background-color: var(--pf-v5-c-tooltip__arrow--BackgroundColor);
8917
9350
  box-shadow: var(--pf-v5-c-tooltip__arrow--BoxShadow);
8918
9351
  }
9352
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9353
+ --pf-v5-global--Color--100: #e0e0e0;
9354
+ --pf-v5-global--Color--200: #aaabac;
9355
+ --pf-v5-global--BorderColor--100: #444548;
9356
+ --pf-v5-global--primary-color--100: #1fa7f8;
9357
+ --pf-v5-global--link--Color: #1fa7f8;
9358
+ --pf-v5-global--link--Color--hover: #73bcf7;
9359
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
9360
+ }
8919
9361
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8920
9362
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8921
9363
  }
@@ -8923,6 +9365,15 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
8923
9365
  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8924
9366
  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8925
9367
  }
9368
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9369
+ --pf-v5-global--Color--100: #e0e0e0;
9370
+ --pf-v5-global--Color--200: #aaabac;
9371
+ --pf-v5-global--BorderColor--100: #444548;
9372
+ --pf-v5-global--primary-color--100: #1fa7f8;
9373
+ --pf-v5-global--link--Color: #1fa7f8;
9374
+ --pf-v5-global--link--Color--hover: #73bcf7;
9375
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
9376
+ }
8926
9377
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8927
9378
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8928
9379
  }
@@ -9391,6 +9842,15 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
9391
9842
  .pfext-quick-start__base .pf-v5-c-wizard__footer-cancel {
9392
9843
  margin-left: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
9393
9844
  }
9845
+ .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9846
+ --pf-v5-global--Color--100: #e0e0e0;
9847
+ --pf-v5-global--Color--200: #aaabac;
9848
+ --pf-v5-global--BorderColor--100: #444548;
9849
+ --pf-v5-global--primary-color--100: #1fa7f8;
9850
+ --pf-v5-global--link--Color: #1fa7f8;
9851
+ --pf-v5-global--link--Color--hover: #73bcf7;
9852
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
9853
+ }
9394
9854
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
9395
9855
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9396
9856
  }