@patternfly/patternfly 4.195.0 → 4.196.2

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 (183) hide show
  1. package/assets/images/icon-github.hbs +4 -0
  2. package/assets/images/icon-google.hbs +4 -0
  3. package/assets/images/icon-red-hat.hbs +1 -0
  4. package/base/_globals.scss +7 -0
  5. package/base/_variables.scss +9 -0
  6. package/base/patternfly-globals.css +4 -0
  7. package/base/patternfly-variables.css +85 -0
  8. package/components/AboutModalBox/about-modal-box.css +28 -0
  9. package/components/AboutModalBox/about-modal-box.scss +7 -0
  10. package/components/AboutModalBox/themes/dark/about-modal-box.scss +4 -6
  11. package/components/Accordion/accordion.css +6 -0
  12. package/components/Accordion/accordion.scss +7 -0
  13. package/components/Accordion/themes/dark/accordion.scss +3 -1
  14. package/components/Alert/alert.css +14 -0
  15. package/components/Alert/alert.scss +7 -0
  16. package/components/Alert/themes/dark/alert.scss +3 -1
  17. package/components/AppLauncher/app-launcher.css +12 -0
  18. package/components/AppLauncher/app-launcher.scss +7 -0
  19. package/components/AppLauncher/themes/dark/app-launcher.scss +3 -1
  20. package/components/Badge/badge.css +5 -0
  21. package/components/Badge/badge.scss +7 -0
  22. package/components/Badge/themes/dark/badge.scss +3 -1
  23. package/components/Banner/banner.css +31 -0
  24. package/components/Banner/banner.scss +7 -0
  25. package/components/Banner/themes/dark/banner.scss +4 -2
  26. package/components/Breadcrumb/breadcrumb.css +4 -0
  27. package/components/Breadcrumb/breadcrumb.scss +7 -0
  28. package/components/Breadcrumb/themes/dark/breadcrumb.scss +3 -1
  29. package/components/Button/button.css +38 -0
  30. package/components/Button/button.scss +7 -0
  31. package/components/Button/themes/dark/button.scss +3 -1
  32. package/components/CalendarMonth/calendar-month.css +22 -0
  33. package/components/CalendarMonth/calendar-month.scss +7 -0
  34. package/components/CalendarMonth/themes/dark/calendar-month.scss +3 -1
  35. package/components/Chip/chip.css +6 -0
  36. package/components/Chip/chip.scss +7 -0
  37. package/components/Chip/themes/dark/chip.scss +3 -1
  38. package/components/ClipboardCopy/clipboard-copy.css +11 -0
  39. package/components/ClipboardCopy/clipboard-copy.scss +7 -0
  40. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +3 -1
  41. package/components/CodeEditor/code-editor.css +4 -0
  42. package/components/CodeEditor/code-editor.scss +7 -0
  43. package/components/CodeEditor/themes/dark/code-editor.scss +3 -1
  44. package/components/ContextSelector/context-selector.css +17 -0
  45. package/components/ContextSelector/context-selector.scss +7 -0
  46. package/components/ContextSelector/themes/dark/context-selector.scss +3 -1
  47. package/components/DataList/data-list.css +7 -0
  48. package/components/DataList/data-list.scss +7 -0
  49. package/components/DataList/themes/dark/data-list.scss +3 -1
  50. package/components/DatePicker/date-picker.css +5 -0
  51. package/components/DatePicker/date-picker.scss +7 -0
  52. package/components/DatePicker/themes/dark/date-picker.scss +3 -1
  53. package/components/Drawer/drawer.css +7 -0
  54. package/components/Drawer/drawer.scss +7 -0
  55. package/components/Drawer/themes/dark/drawer.scss +3 -1
  56. package/components/Dropdown/dropdown.css +22 -0
  57. package/components/Dropdown/dropdown.scss +7 -0
  58. package/components/Dropdown/themes/dark/dropdown.scss +3 -1
  59. package/components/Form/form.css +4 -0
  60. package/components/Form/form.scss +7 -0
  61. package/components/Form/themes/dark/form.scss +3 -1
  62. package/components/FormControl/form-control.css +22 -0
  63. package/components/FormControl/form-control.scss +7 -0
  64. package/components/FormControl/themes/dark/form-control.scss +3 -1
  65. package/components/HelperText/helper-text.css +4 -0
  66. package/components/HelperText/helper-text.scss +7 -0
  67. package/components/HelperText/themes/dark/helper-text.scss +3 -1
  68. package/components/Hint/hint.css +5 -0
  69. package/components/Hint/hint.scss +7 -0
  70. package/components/Hint/themes/dark/hint.scss +3 -1
  71. package/components/InputGroup/input-group.css +22 -0
  72. package/components/InputGroup/input-group.scss +7 -0
  73. package/components/InputGroup/themes/dark/input-group.scss +3 -1
  74. package/components/Label/label.css +71 -2
  75. package/components/Label/label.scss +37 -2
  76. package/components/Label/themes/dark/label.scss +3 -1
  77. package/components/LogViewer/log-viewer.css +28 -0
  78. package/components/LogViewer/log-viewer.scss +7 -0
  79. package/components/LogViewer/themes/dark/log-viewer.scss +4 -2
  80. package/components/Login/login.css +31 -0
  81. package/components/Login/login.scss +7 -0
  82. package/components/Login/themes/dark/login.scss +4 -2
  83. package/components/Masthead/masthead.css +32 -0
  84. package/components/Masthead/masthead.scss +7 -0
  85. package/components/Masthead/themes/dark/masthead.scss +4 -2
  86. package/components/Menu/menu.css +9 -0
  87. package/components/Menu/menu.scss +7 -0
  88. package/components/Menu/themes/dark/menu.scss +3 -1
  89. package/components/MenuToggle/menu-toggle.css +19 -0
  90. package/components/MenuToggle/menu-toggle.scss +7 -0
  91. package/components/MenuToggle/themes/dark/menu-toggle.scss +3 -1
  92. package/components/ModalBox/modal-box.css +4 -0
  93. package/components/ModalBox/modal-box.scss +7 -0
  94. package/components/ModalBox/themes/dark/modal-box.scss +3 -1
  95. package/components/Nav/nav.css +34 -0
  96. package/components/Nav/nav.scss +7 -0
  97. package/components/Nav/themes/dark/nav.scss +3 -1
  98. package/components/NotificationBadge/notification-badge.css +4 -0
  99. package/components/NotificationBadge/notification-badge.scss +7 -0
  100. package/components/NotificationBadge/themes/dark/notification-badge.scss +3 -1
  101. package/components/NotificationDrawer/notification-drawer.css +11 -0
  102. package/components/NotificationDrawer/notification-drawer.scss +7 -0
  103. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +3 -1
  104. package/components/OptionsMenu/options-menu.css +17 -0
  105. package/components/OptionsMenu/options-menu.scss +7 -0
  106. package/components/OptionsMenu/themes/dark/options-menu.scss +3 -1
  107. package/components/Page/page.css +66 -1
  108. package/components/Page/page.scss +13 -1
  109. package/components/Page/themes/dark/page.scss +4 -2
  110. package/components/Pagination/pagination.css +4 -0
  111. package/components/Pagination/pagination.scss +7 -0
  112. package/components/Pagination/themes/dark/pagination.scss +3 -1
  113. package/components/Popover/popover.css +13 -0
  114. package/components/Popover/popover.scss +7 -0
  115. package/components/Popover/themes/dark/popover.scss +3 -1
  116. package/components/Progress/progress.css +6 -0
  117. package/components/Progress/progress.scss +7 -0
  118. package/components/Progress/themes/dark/progress.scss +3 -1
  119. package/components/SearchInput/search-input.css +9 -0
  120. package/components/SearchInput/search-input.scss +7 -0
  121. package/components/SearchInput/themes/dark/search-input.scss +3 -1
  122. package/components/Select/select.css +16 -0
  123. package/components/Select/select.scss +7 -0
  124. package/components/Select/themes/dark/select.scss +3 -1
  125. package/components/SimpleList/simple-list.css +11 -0
  126. package/components/SimpleList/simple-list.scss +7 -0
  127. package/components/SimpleList/themes/dark/simple-list.scss +3 -1
  128. package/components/Skeleton/skeleton.css +6 -0
  129. package/components/Skeleton/skeleton.scss +7 -0
  130. package/components/Skeleton/themes/dark/skeleton.scss +3 -1
  131. package/components/Switch/switch.css +7 -0
  132. package/components/Switch/switch.scss +7 -0
  133. package/components/Switch/themes/dark/switch.scss +3 -1
  134. package/components/Table/table.css +7 -0
  135. package/components/Table/table.scss +7 -0
  136. package/components/Table/themes/dark/table.scss +7 -1
  137. package/components/Tabs/tabs.css +6 -0
  138. package/components/Tabs/tabs.scss +7 -0
  139. package/components/Tabs/themes/dark/tabs.scss +3 -1
  140. package/components/Tile/themes/dark/tile.scss +3 -1
  141. package/components/Tile/tile.css +7 -0
  142. package/components/Tile/tile.scss +7 -0
  143. package/components/ToggleGroup/themes/dark/toggle-group.scss +3 -1
  144. package/components/ToggleGroup/toggle-group.css +8 -0
  145. package/components/ToggleGroup/toggle-group.scss +7 -0
  146. package/components/Tooltip/themes/dark/tooltip.scss +3 -1
  147. package/components/Tooltip/tooltip.css +13 -0
  148. package/components/Tooltip/tooltip.scss +7 -0
  149. package/components/TreeView/themes/dark/tree-view.scss +3 -1
  150. package/components/TreeView/tree-view.css +5 -0
  151. package/components/TreeView/tree-view.scss +7 -0
  152. package/components/Wizard/themes/dark/wizard.scss +4 -2
  153. package/components/Wizard/wizard.css +34 -0
  154. package/components/Wizard/wizard.scss +7 -0
  155. package/docs/components/FormControl/examples/FormControl.md +2 -0
  156. package/docs/components/Label/examples/Label.md +147 -0
  157. package/docs/components/Table/examples/Table.md +477 -3
  158. package/docs/demos/Table/examples/Table.css +3 -0
  159. package/docs/demos/Table/examples/Table.md +1092 -1
  160. package/package.json +1 -1
  161. package/patternfly-base-no-reset.css +93 -4
  162. package/patternfly-base.css +93 -4
  163. package/patternfly-no-reset.css +2223 -35
  164. package/patternfly-theme-dark.css +0 -636
  165. package/patternfly-theme-dark.scss +1 -7
  166. package/patternfly.css +2223 -35
  167. package/patternfly.min.css +1 -1
  168. package/patternfly.min.css.map +1 -1
  169. package/sass-utilities/colors.scss +1 -0
  170. package/sass-utilities/mixins.scss +7 -0
  171. package/sass-utilities/scss-variables.scss +1 -0
  172. package/sass-utilities/themes/dark/_all.scss +4 -0
  173. package/themes/dark/_patternfly-charts-theme-dark.scss +1 -1
  174. package/patternfly-theme-dark-prefers-color-scheme.css +0 -711
  175. package/patternfly-theme-dark-prefers-color-scheme.scss +0 -5
  176. package/themes/dark/_chart-globals.scss +0 -39
  177. package/themes/dark/_patternfly-theme-dark.scss +0 -119
  178. package/themes/dark/_variables.scss +0 -94
  179. package/themes/dark/colors.scss +0 -16
  180. package/themes/dark/globals.scss +0 -7
  181. package/themes/dark/mixins.scss +0 -5
  182. package/themes/dark/placeholders.scss +0 -30
  183. package/themes/dark/scss-variables.scss +0 -85
@@ -171,6 +171,7 @@
171
171
  --pf-global--palette--light-green-500: #6ca100;
172
172
  --pf-global--palette--light-green-600: #486b00;
173
173
  --pf-global--palette--light-green-700: #253600;
174
+ --pf-global--palette--orange-50: #fff6ec;
174
175
  --pf-global--palette--orange-100: #f4b678;
175
176
  --pf-global--palette--orange-200: #ef9234;
176
177
  --pf-global--palette--orange-300: #ec7a08;
@@ -194,6 +195,7 @@
194
195
  --pf-global--palette--red-500: #2c0000;
195
196
  --pf-global--palette--white: #fff;
196
197
  --pf-global--BackgroundColor--100: #fff;
198
+ --pf-global--BackgroundColor--150: #fafafa;
197
199
  --pf-global--BackgroundColor--200: #f0f0f0;
198
200
  --pf-global--BackgroundColor--light-100: #fff;
199
201
  --pf-global--BackgroundColor--light-200: #fafafa;
@@ -369,6 +371,119 @@
369
371
  --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
370
372
  }
371
373
 
374
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
375
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
376
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
377
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
378
+ --pf-global--Color--100: #fff;
379
+ --pf-global--Color--200: #aaabac;
380
+ --pf-global--BorderColor--100: #444548;
381
+ --pf-global--primary-color--100: #1fa7f8;
382
+ --pf-global--link--Color: #1fa7f8;
383
+ --pf-global--link--Color--hover: #73bcf7;
384
+ --pf-global--BackgroundColor--100: #1b1d21;
385
+ }
386
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
387
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
388
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
389
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
390
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
391
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
392
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
393
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
394
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
395
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
396
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
397
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
398
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
399
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
400
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
401
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
402
+ }
403
+
404
+ :root:where(.pf-theme-dark) {
405
+ --pf-global--palette--black-50: #e0e0e0;
406
+ --pf-global--palette--black-100: #c6c7c8;
407
+ --pf-global--palette--black-200: #aaabac;
408
+ --pf-global--palette--black-300: #868789;
409
+ --pf-global--palette--black-400: #57585a;
410
+ --pf-global--palette--black-500: #444548;
411
+ --pf-global--palette--black-600: #36373a;
412
+ --pf-global--palette--black-700: #26292d;
413
+ --pf-global--palette--black-800: #1b1d21;
414
+ --pf-global--palette--black-900: #0f1214;
415
+ --pf-global--palette--red-9999: #fe5142;
416
+ --pf-global--palette--red-8888: #fe6a5d;
417
+ --pf-global--palette--blue-300: #1fa7f8;
418
+ --pf-global--BackgroundColor--100: #1b1d21;
419
+ --pf-global--BackgroundColor--150: #212427;
420
+ --pf-global--BackgroundColor--200: #0f1214;
421
+ --pf-global--BackgroundColor--300: #26292d;
422
+ --pf-global--BackgroundColor--400: #36373a;
423
+ --pf-global--BorderColor--100: #444548;
424
+ --pf-global--BorderColor--200: #444548;
425
+ --pf-global--BorderColor--300: #57585a;
426
+ --pf-global--BorderColor--400: #aaabac;
427
+ --pf-global--Color--100: #fff;
428
+ --pf-global--Color--200: #aaabac;
429
+ --pf-global--active-color--100: #1fa7f8;
430
+ --pf-global--primary-color--100: #1fa7f8;
431
+ --pf-global--primary-color--300: #06c;
432
+ --pf-global--success-color--100: #5ba352;
433
+ --pf-global--warning-color--100: #f0ab00;
434
+ --pf-global--warning-color--200: #f4c145;
435
+ --pf-global--danger-color--100: #fe5142;
436
+ --pf-global--danger-color--200: #fe6a5d;
437
+ --pf-global--link--Color: #1fa7f8;
438
+ --pf-global--link--Color--hover: #73bcf7;
439
+ --pf-global--disabled-color--100: #57585a;
440
+ --pf-global--disabled-color--200: #444548;
441
+ --pf-global--disabled-color--300: #aaabac;
442
+ --pf-global--icon--Color--light: #aaabac;
443
+ --pf-global--icon--Color--dark: #aaabac;
444
+ --pf-global--Color--dark-100: #fff;
445
+ --pf-global--Color--dark-200: #aaabac;
446
+ --pf-global--Color--light-100: #fff;
447
+ --pf-global--Color--light-200: #aaabac;
448
+ --pf-global--Color--light-300: #3c3f42;
449
+ --pf-global--BorderColor--dark-100: #444548;
450
+ --pf-global--BorderColor--light-100: #444548;
451
+ --pf-global--primary-color--light-100: #1fa7f8;
452
+ --pf-global--primary-color--dark-100: #1fa7f8;
453
+ --pf-global--link--Color--light: #1fa7f8;
454
+ --pf-global--link--Color--light--hover: #73bcf7;
455
+ --pf-global--link--Color--dark: #1fa7f8;
456
+ --pf-global--link--Color--dark--hover: #73bcf7;
457
+ --pf-global--BackgroundColor--light-100: #1b1d21;
458
+ --pf-global--BackgroundColor--light-200: #0f1214;
459
+ --pf-global--BackgroundColor--light-300: #26292d;
460
+ --pf-global--BackgroundColor--dark-100: #1b1d21;
461
+ --pf-global--BackgroundColor--dark-200: #0f1214;
462
+ --pf-global--BackgroundColor--dark-300: #26292d;
463
+ --pf-global--BackgroundColor--dark-400: #36373a;
464
+ --pf-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24);
465
+ --pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
466
+ --pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
467
+ --pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
468
+ --pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
469
+ --pf-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24);
470
+ --pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
471
+ --pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
472
+ --pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
473
+ --pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
474
+ --pf-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32);
475
+ --pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
476
+ --pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
477
+ --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
478
+ --pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
479
+ --pf-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4);
480
+ --pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
481
+ --pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
482
+ --pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
483
+ --pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
484
+ --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
485
+ }
486
+
372
487
  @font-face {
373
488
  font-family: "RedHatDisplay";
374
489
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
@@ -632,6 +747,10 @@ html {
632
747
  font-variant-numeric: tabular-nums;
633
748
  }
634
749
 
750
+ :root:where(.pf-theme-dark) {
751
+ color-scheme: dark;
752
+ }
753
+
635
754
  .pf-t-dark.pf-m-transparent {
636
755
  background-color: transparent;
637
756
  }
@@ -642,10 +761,10 @@ html {
642
761
  background-color: rgba(3, 3, 3, 0.6);
643
762
  }
644
763
  .pf-t-dark.pf-m-opaque-100 {
645
- background-color: #3c3f42;
764
+ background-color: #1b1d21;
646
765
  }
647
766
  .pf-t-dark.pf-m-opaque-200 {
648
- background-color: #151515;
767
+ background-color: #0f1214;
649
768
  }
650
769
 
651
770
  .pf-t-light.pf-m-transparent {
@@ -655,10 +774,10 @@ html {
655
774
  background-color: #fff;
656
775
  }
657
776
  .pf-t-light.pf-m-opaque-200 {
658
- background-color: #fafafa;
777
+ background-color: #c6c7c8;
659
778
  }
660
779
  .pf-t-light.pf-m-opaque-300 {
661
- background-color: #f0f0f0;
780
+ background-color: #aaabac;
662
781
  }
663
782
 
664
783
  * .fa,
@@ -5593,6 +5712,40 @@ html {
5593
5712
  }
5594
5713
  }
5595
5714
 
5715
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
5716
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
5717
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
5718
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
5719
+ --pf-global--Color--100: #fff;
5720
+ --pf-global--Color--200: #aaabac;
5721
+ --pf-global--BorderColor--100: #444548;
5722
+ --pf-global--primary-color--100: #1fa7f8;
5723
+ --pf-global--link--Color: #1fa7f8;
5724
+ --pf-global--link--Color--hover: #73bcf7;
5725
+ --pf-global--BackgroundColor--100: #1b1d21;
5726
+ }
5727
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
5728
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
5729
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
5730
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
5731
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
5732
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
5733
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
5734
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
5735
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
5736
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
5737
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
5738
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
5739
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
5740
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
5741
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
5742
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
5743
+ }
5744
+
5745
+ :where(.pf-theme-dark) .pf-c-about-modal-box {
5746
+ color: var(--pf-global--Color--100);
5747
+ }
5748
+
5596
5749
  .pf-c-accordion {
5597
5750
  --pf-c-accordion--BackgroundColor: var(--pf-global--BackgroundColor--100);
5598
5751
  --pf-c-accordion__toggle--PaddingTop: var(--pf-global--spacer--sm);
@@ -5802,6 +5955,42 @@ html {
5802
5955
  --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
5803
5956
  }
5804
5957
 
5958
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
5959
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
5960
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
5961
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
5962
+ --pf-global--Color--100: #fff;
5963
+ --pf-global--Color--200: #aaabac;
5964
+ --pf-global--BorderColor--100: #444548;
5965
+ --pf-global--primary-color--100: #1fa7f8;
5966
+ --pf-global--link--Color: #1fa7f8;
5967
+ --pf-global--link--Color--hover: #73bcf7;
5968
+ --pf-global--BackgroundColor--100: #1b1d21;
5969
+ }
5970
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
5971
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
5972
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
5973
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
5974
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
5975
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
5976
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
5977
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
5978
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
5979
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
5980
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
5981
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
5982
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
5983
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
5984
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
5985
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
5986
+ }
5987
+
5988
+ :where(.pf-theme-dark) .pf-c-accordion {
5989
+ --pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
5990
+ --pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
5991
+ --pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
5992
+ }
5993
+
5805
5994
  .pf-c-action-list {
5806
5995
  --pf-c-action-list--m-icon--spacer: 0;
5807
5996
  --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
@@ -6025,6 +6214,50 @@ html {
6025
6214
  --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
6026
6215
  }
6027
6216
 
6217
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
6218
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
6219
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
6220
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
6221
+ --pf-global--Color--100: #fff;
6222
+ --pf-global--Color--200: #aaabac;
6223
+ --pf-global--BorderColor--100: #444548;
6224
+ --pf-global--primary-color--100: #1fa7f8;
6225
+ --pf-global--link--Color: #1fa7f8;
6226
+ --pf-global--link--Color--hover: #73bcf7;
6227
+ --pf-global--BackgroundColor--100: #1b1d21;
6228
+ }
6229
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
6230
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
6231
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
6232
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
6233
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
6234
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
6235
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
6236
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
6237
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
6238
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
6239
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
6240
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
6241
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
6242
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
6243
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
6244
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
6245
+ }
6246
+
6247
+ :where(.pf-theme-dark) .pf-c-alert {
6248
+ --pf-c-alert--BackgroundColor: var(--pf-global--palette--black-600);
6249
+ --pf-c-alert__title--Color: var(--pf-global--default-color--200);
6250
+ --pf-c-alert--m-success__title--Color: var(--pf-global--success-color--100);
6251
+ --pf-c-alert--m-danger__title--Color: var(--pf-global--danger-color--100);
6252
+ --pf-c-alert--m-warning__title--Color: var(--pf-global--warning-color--100);
6253
+ --pf-c-alert--m-info__title--Color: var(--pf-global--info-color--100);
6254
+ --pf-c-alert--m-inline--BackgroundColor: var(--pf-global--palette--black-600);
6255
+ --pf-c-alert--m-inline--m-success--BackgroundColor: var(--pf-global--palette--black-600);
6256
+ --pf-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-global--palette--black-600);
6257
+ --pf-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-global--palette--black-600);
6258
+ --pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--black-600);
6259
+ }
6260
+
6028
6261
  .pf-c-alert-group {
6029
6262
  --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
6030
6263
  --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);
@@ -6293,6 +6526,48 @@ html {
6293
6526
  color: var(--pf-c-app-launcher__group-title--Color);
6294
6527
  }
6295
6528
 
6529
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
6530
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
6531
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
6532
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
6533
+ --pf-global--Color--100: #fff;
6534
+ --pf-global--Color--200: #aaabac;
6535
+ --pf-global--BorderColor--100: #444548;
6536
+ --pf-global--primary-color--100: #1fa7f8;
6537
+ --pf-global--link--Color: #1fa7f8;
6538
+ --pf-global--link--Color--hover: #73bcf7;
6539
+ --pf-global--BackgroundColor--100: #1b1d21;
6540
+ }
6541
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
6542
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
6543
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
6544
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
6545
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
6546
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
6547
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
6548
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
6549
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
6550
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
6551
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
6552
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
6553
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
6554
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
6555
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
6556
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
6557
+ }
6558
+
6559
+ :where(.pf-theme-dark) .pf-c-app-launcher {
6560
+ --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
6561
+ --pf-c-app-launcher__menu--Top: 100%;
6562
+ --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
6563
+ --pf-c-app-launcher__menu-item--disabled--Color: var(--pf-global--palette--black-300);
6564
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
6565
+ --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-300);
6566
+ --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-100);
6567
+ --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
6568
+ --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--bold);
6569
+ }
6570
+
6296
6571
  .pf-c-avatar {
6297
6572
  --pf-c-avatar--BorderColor: transparent;
6298
6573
  --pf-c-avatar--BorderWidth: 0;
@@ -6671,6 +6946,41 @@ html {
6671
6946
  --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-unread--BackgroundColor);
6672
6947
  }
6673
6948
 
6949
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
6950
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
6951
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
6952
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
6953
+ --pf-global--Color--100: #fff;
6954
+ --pf-global--Color--200: #aaabac;
6955
+ --pf-global--BorderColor--100: #444548;
6956
+ --pf-global--primary-color--100: #1fa7f8;
6957
+ --pf-global--link--Color: #1fa7f8;
6958
+ --pf-global--link--Color--hover: #73bcf7;
6959
+ --pf-global--BackgroundColor--100: #1b1d21;
6960
+ }
6961
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
6962
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
6963
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
6964
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
6965
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
6966
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
6967
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
6968
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
6969
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
6970
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
6971
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
6972
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
6973
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
6974
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
6975
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
6976
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
6977
+ }
6978
+
6979
+ :where(.pf-theme-dark) .pf-c-badge {
6980
+ --pf-c-badge--m-read--BackgroundColor: var(--pf-global--palette--black-500);
6981
+ --pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--300);
6982
+ }
6983
+
6674
6984
  .pf-c-banner {
6675
6985
  --pf-c-banner--PaddingTop: var(--pf-global--spacer--xs);
6676
6986
  --pf-c-banner--PaddingRight: var(--pf-global--spacer--md);
@@ -6758,6 +7068,43 @@ html {
6758
7068
  cursor: not-allowed;
6759
7069
  }
6760
7070
 
7071
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
7072
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
7073
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
7074
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
7075
+ --pf-global--Color--100: #fff;
7076
+ --pf-global--Color--200: #aaabac;
7077
+ --pf-global--BorderColor--100: #444548;
7078
+ --pf-global--primary-color--100: #1fa7f8;
7079
+ --pf-global--link--Color: #1fa7f8;
7080
+ --pf-global--link--Color--hover: #73bcf7;
7081
+ --pf-global--BackgroundColor--100: #1b1d21;
7082
+ }
7083
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
7084
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
7085
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
7086
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
7087
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
7088
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
7089
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
7090
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
7091
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
7092
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
7093
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
7094
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
7095
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
7096
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
7097
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
7098
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
7099
+ }
7100
+
7101
+ :where(.pf-theme-dark) .pf-c-banner {
7102
+ color: var(--pf-global--Color--100);
7103
+ }
7104
+ :where(.pf-theme-dark) .pf-c-banner.pf-m-info, :where(.pf-theme-dark) .pf-c-banner.pf-m-danger, :where(.pf-theme-dark) .pf-c-banner.pf-m-success, :where(.pf-theme-dark) .pf-c-banner.pf-m-warning {
7105
+ color: var(--pf-global--palette--black-900);
7106
+ }
7107
+
6761
7108
  .pf-c-brand {
6762
7109
  --pf-c-brand--Width: auto;
6763
7110
  --pf-c-brand--Height: auto;
@@ -6918,6 +7265,40 @@ button.pf-c-breadcrumb__link {
6918
7265
  visibility: hidden;
6919
7266
  }
6920
7267
 
7268
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
7269
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
7270
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
7271
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
7272
+ --pf-global--Color--100: #fff;
7273
+ --pf-global--Color--200: #aaabac;
7274
+ --pf-global--BorderColor--100: #444548;
7275
+ --pf-global--primary-color--100: #1fa7f8;
7276
+ --pf-global--link--Color: #1fa7f8;
7277
+ --pf-global--link--Color--hover: #73bcf7;
7278
+ --pf-global--BackgroundColor--100: #1b1d21;
7279
+ }
7280
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
7281
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
7282
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
7283
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
7284
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
7285
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
7286
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
7287
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
7288
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
7289
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
7290
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
7291
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
7292
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
7293
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
7294
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
7295
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
7296
+ }
7297
+
7298
+ :where(.pf-theme-dark) .pf-c-breadcrumb {
7299
+ --pf-c-breadcrumb__item-divider--Color: var(--pf-global--BorderColor--100);
7300
+ }
7301
+
6921
7302
  .pf-c-button {
6922
7303
  --pf-c-button--PaddingTop: var(--pf-global--spacer--form-element);
6923
7304
  --pf-c-button--PaddingRight: var(--pf-global--spacer--md);
@@ -7396,6 +7777,74 @@ button.pf-c-breadcrumb__link {
7396
7777
  --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
7397
7778
  }
7398
7779
 
7780
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
7781
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
7782
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
7783
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
7784
+ --pf-global--Color--100: #fff;
7785
+ --pf-global--Color--200: #aaabac;
7786
+ --pf-global--BorderColor--100: #444548;
7787
+ --pf-global--primary-color--100: #1fa7f8;
7788
+ --pf-global--link--Color: #1fa7f8;
7789
+ --pf-global--link--Color--hover: #73bcf7;
7790
+ --pf-global--BackgroundColor--100: #1b1d21;
7791
+ }
7792
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
7793
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
7794
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
7795
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
7796
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
7797
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
7798
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
7799
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
7800
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
7801
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
7802
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
7803
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
7804
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
7805
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
7806
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
7807
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
7808
+ }
7809
+
7810
+ :where(.pf-theme-dark) .pf-c-button {
7811
+ --pf-c-button--disabled--Color: var(--pf-global--disabled-color--300);
7812
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
7813
+ --pf-c-button--m-tertiary--after--BorderColor: var(--pf-global--BorderColor--100);
7814
+ --pf-c-button--m-tertiary--Color: var(--pf-global--palette--black-100);
7815
+ --pf-c-button--m-tertiary--hover--after--BorderColor: var(--pf-global--BorderColor--100);
7816
+ --pf-c-button--m-tertiary--hover--Color: var(--pf-global--palette--black-100);
7817
+ --pf-c-button--m-tertiary--focus--after--BorderColor: var(--pf-global--BorderColor--100);
7818
+ --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
7819
+ --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
7820
+ --pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
7821
+ --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
7822
+ --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
7823
+ --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
7824
+ --pf-c-button--m-danger--Color: var(--pf-global--palette--black-900);
7825
+ --pf-c-button--m-danger--hover--Color: var(--pf-global--palette--black-900);
7826
+ --pf-c-button--m-danger--focus--Color: var(--pf-global--palette--black-900);
7827
+ --pf-c-button--m-danger--active--Color: var(--pf-global--palette--black-900);
7828
+ --pf-c-button--m-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
7829
+ --pf-c-button--m-control--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
7830
+ --pf-c-button--m-control--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
7831
+ --pf-c-button--m-control--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
7832
+ --pf-c-button--m-control--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400);
7833
+ --pf-c-button--m-control--after--BorderTopColor: transparent;
7834
+ --pf-c-button--m-control--after--BorderRightColor: transparent;
7835
+ --pf-c-button--m-control--after--BorderBottomColor: var(--pf-global--BorderColor--400);
7836
+ --pf-c-button--m-control--after--BorderLeftColor: transparent;
7837
+ --pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--primary-color--100);
7838
+ --pf-c-button--m-control--active--after--BorderBottomColor: var(--pf-global--primary-color--100);
7839
+ --pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--primary-color--100);
7840
+ --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--primary-color--100);
7841
+ --pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
7842
+ }
7843
+ :where(.pf-theme-dark) .pf-c-button.pf-m-control:disabled::after {
7844
+ border: 0;
7845
+ border-bottom: var(--pf-global--BorderWidth--sm) solid var(--pf-global--palette--black-700);
7846
+ }
7847
+
7399
7848
  .pf-c-calendar-month {
7400
7849
  --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
7401
7850
  --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
@@ -7586,6 +8035,58 @@ button.pf-c-breadcrumb__link {
7586
8035
  --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
7587
8036
  }
7588
8037
 
8038
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8039
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8040
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
8041
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
8042
+ --pf-global--Color--100: #fff;
8043
+ --pf-global--Color--200: #aaabac;
8044
+ --pf-global--BorderColor--100: #444548;
8045
+ --pf-global--primary-color--100: #1fa7f8;
8046
+ --pf-global--link--Color: #1fa7f8;
8047
+ --pf-global--link--Color--hover: #73bcf7;
8048
+ --pf-global--BackgroundColor--100: #1b1d21;
8049
+ }
8050
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
8051
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
8052
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
8053
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
8054
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
8055
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
8056
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
8057
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
8058
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
8059
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
8060
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
8061
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
8062
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
8063
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
8064
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
8065
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
8066
+ }
8067
+
8068
+ :where(.pf-theme-dark) .pf-c-calendar-month {
8069
+ --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--palette--black-500);
8070
+ --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--primary-color--300);
8071
+ --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--palette--black-900);
8072
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--palette--blue-400);
8073
+ --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--BackgroundColor--200);
8074
+ --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
8075
+ --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
8076
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
8077
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
8078
+ --pf-c-calendar-month__date--focus--after--BorderColor: transparent;
8079
+ }
8080
+ :where(.pf-theme-dark) .pf-c-calendar-month__date:hover, :where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-hover {
8081
+ --pf-c-calendar-month__date--after--BorderColor: var(--pf-global--BorderColor--100);
8082
+ --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--sm);
8083
+ }
8084
+ :where(.pf-theme-dark) .pf-c-calendar-month__date:focus, :where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-focus {
8085
+ --pf-c-calendar-month__date--after--BorderColor: var(--pf-global--active-color--100);
8086
+ --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--sm);
8087
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-global--primary-color--300);
8088
+ }
8089
+
7589
8090
  .pf-c-card {
7590
8091
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
7591
8092
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
@@ -8052,6 +8553,42 @@ label.pf-c-check, .pf-c-check__label,
8052
8553
  margin-left: var(--pf-c-chip__icon--MarginLeft);
8053
8554
  }
8054
8555
 
8556
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8557
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8558
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
8559
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
8560
+ --pf-global--Color--100: #fff;
8561
+ --pf-global--Color--200: #aaabac;
8562
+ --pf-global--BorderColor--100: #444548;
8563
+ --pf-global--primary-color--100: #1fa7f8;
8564
+ --pf-global--link--Color: #1fa7f8;
8565
+ --pf-global--link--Color--hover: #73bcf7;
8566
+ --pf-global--BackgroundColor--100: #1b1d21;
8567
+ }
8568
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
8569
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
8570
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
8571
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
8572
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
8573
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
8574
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
8575
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
8576
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
8577
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
8578
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
8579
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
8580
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
8581
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
8582
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
8583
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
8584
+ }
8585
+
8586
+ :where(.pf-theme-dark) .pf-c-chip {
8587
+ --pf-c-chip--BackgroundColor: var(--pf-global--BackgroundColor--100);
8588
+ --pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--100);
8589
+ --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--palette--black-600);
8590
+ }
8591
+
8055
8592
  .pf-c-chip-group {
8056
8593
  color: var(--pf-global--Color--100);
8057
8594
  --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
@@ -8214,6 +8751,47 @@ label.pf-c-check, .pf-c-check__label,
8214
8751
  --pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft);
8215
8752
  }
8216
8753
 
8754
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8755
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8756
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
8757
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
8758
+ --pf-global--Color--100: #fff;
8759
+ --pf-global--Color--200: #aaabac;
8760
+ --pf-global--BorderColor--100: #444548;
8761
+ --pf-global--primary-color--100: #1fa7f8;
8762
+ --pf-global--link--Color: #1fa7f8;
8763
+ --pf-global--link--Color--hover: #73bcf7;
8764
+ --pf-global--BackgroundColor--100: #1b1d21;
8765
+ }
8766
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
8767
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
8768
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
8769
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
8770
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
8771
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
8772
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
8773
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
8774
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
8775
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
8776
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
8777
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
8778
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
8779
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
8780
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
8781
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
8782
+ }
8783
+
8784
+ :where(.pf-theme-dark) .pf-c-clipboard-copy {
8785
+ --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--400);
8786
+ }
8787
+ :where(.pf-theme-dark) .pf-c-clipboard-copy__group > * + * {
8788
+ margin-left: 0;
8789
+ border-left: 1px solid var(--pf-global--palette--black-700) !important;
8790
+ }
8791
+ :where(.pf-theme-dark) .pf-c-clipboard-copy__expandable-content {
8792
+ border: 0;
8793
+ }
8794
+
8217
8795
  .pf-c-code-block {
8218
8796
  --pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
8219
8797
  --pf-c-code-block__header--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
@@ -8389,6 +8967,40 @@ label.pf-c-check, .pf-c-check__label,
8389
8967
  margin-left: var(--pf-c-code-editor__tab-icon--text--MarginLeft);
8390
8968
  }
8391
8969
 
8970
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8971
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8972
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
8973
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
8974
+ --pf-global--Color--100: #fff;
8975
+ --pf-global--Color--200: #aaabac;
8976
+ --pf-global--BorderColor--100: #444548;
8977
+ --pf-global--primary-color--100: #1fa7f8;
8978
+ --pf-global--link--Color: #1fa7f8;
8979
+ --pf-global--link--Color--hover: #73bcf7;
8980
+ --pf-global--BackgroundColor--100: #1b1d21;
8981
+ }
8982
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
8983
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
8984
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
8985
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
8986
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
8987
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
8988
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
8989
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
8990
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
8991
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
8992
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
8993
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
8994
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
8995
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
8996
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
8997
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
8998
+ }
8999
+
9000
+ :where(.pf-theme-dark) .pf-c-code-editor__controls > * + * {
9001
+ border-left: 1px solid var(--pf-global--palette--black-700);
9002
+ }
9003
+
8392
9004
  .pf-c-content {
8393
9005
  --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
8394
9006
  --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
@@ -8924,6 +9536,53 @@ label.pf-c-check, .pf-c-check__label,
8924
9536
  pointer-events: none;
8925
9537
  }
8926
9538
 
9539
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
9540
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
9541
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
9542
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
9543
+ --pf-global--Color--100: #fff;
9544
+ --pf-global--Color--200: #aaabac;
9545
+ --pf-global--BorderColor--100: #444548;
9546
+ --pf-global--primary-color--100: #1fa7f8;
9547
+ --pf-global--link--Color: #1fa7f8;
9548
+ --pf-global--link--Color--hover: #73bcf7;
9549
+ --pf-global--BackgroundColor--100: #1b1d21;
9550
+ }
9551
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
9552
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
9553
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
9554
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
9555
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
9556
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
9557
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
9558
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
9559
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
9560
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
9561
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
9562
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
9563
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
9564
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
9565
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
9566
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
9567
+ }
9568
+
9569
+ :where(.pf-theme-dark) .pf-c-context-selector {
9570
+ --pf-c-context-selector__menu--Top: 100%;
9571
+ --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
9572
+ }
9573
+ :where(.pf-theme-dark) .pf-c-context-selector__toggle {
9574
+ background: var(--pf-global--BackgroundColor--400);
9575
+ }
9576
+ :where(.pf-theme-dark) .pf-c-context-selector__toggle.pf-m-plain {
9577
+ background: transparent;
9578
+ }
9579
+ :where(.pf-theme-dark) .pf-c-context-selector__menu {
9580
+ background: var(--pf-global--BackgroundColor--300);
9581
+ }
9582
+ :where(.pf-theme-dark) .pf-c-context-selector__menu-footer {
9583
+ border-top: 1px solid var(--pf-global--BorderColor--300);
9584
+ }
9585
+
8927
9586
  @media screen and (min-width: 768px) {
8928
9587
  .pf-c-data-list:not([class*=pf-m-grid]) {
8929
9588
  --pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
@@ -9760,6 +10419,43 @@ label.pf-c-check, .pf-c-check__label,
9760
10419
  padding: 0;
9761
10420
  }
9762
10421
 
10422
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
10423
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
10424
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
10425
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
10426
+ --pf-global--Color--100: #fff;
10427
+ --pf-global--Color--200: #aaabac;
10428
+ --pf-global--BorderColor--100: #444548;
10429
+ --pf-global--primary-color--100: #1fa7f8;
10430
+ --pf-global--link--Color: #1fa7f8;
10431
+ --pf-global--link--Color--hover: #73bcf7;
10432
+ --pf-global--BackgroundColor--100: #1b1d21;
10433
+ }
10434
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
10435
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
10436
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
10437
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
10438
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
10439
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
10440
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
10441
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
10442
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
10443
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
10444
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
10445
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
10446
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
10447
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
10448
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
10449
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
10450
+ }
10451
+
10452
+ :where(.pf-theme-dark) .pf-c-data-list {
10453
+ --pf-c-data-list--BorderTopColor: var(--pf-global--BorderColor--100);
10454
+ --pf-c-data-list--sm--BorderTopColor: var(--pf-global--BorderColor--100);
10455
+ --pf-c-data-list__item--BorderBottomColor: var(--pf-global--BorderColor--100);
10456
+ --pf-c-data-list__item--sm--BorderBottomColor: var(--pf-global--BorderColor--100);
10457
+ }
10458
+
9763
10459
  .pf-c-description-list {
9764
10460
  --pf-c-description-list--RowGap: var(--pf-global--gutter--md);
9765
10461
  --pf-c-description-list--ColumnGap: var(--pf-global--spacer--lg);
@@ -11566,13 +12262,48 @@ label.pf-c-check, .pf-c-check__label,
11566
12262
  transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
11567
12263
  }
11568
12264
 
11569
- .pf-c-divider {
11570
- --pf-c-divider--BorderWidth--base: var(--pf-global--BorderWidth--sm);
11571
- --pf-c-divider--BorderColor--base: var(--pf-c-divider--BackgroundColor);
11572
- --pf-c-divider--Height: var(--pf-c-divider--BorderWidth--base);
11573
- --pf-c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
11574
- --pf-c-divider--after--BackgroundColor: var(--pf-c-divider--BorderColor--base);
11575
- --pf-c-divider--after--FlexBasis: 100%;
12265
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
12266
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
12267
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
12268
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
12269
+ --pf-global--Color--100: #fff;
12270
+ --pf-global--Color--200: #aaabac;
12271
+ --pf-global--BorderColor--100: #444548;
12272
+ --pf-global--primary-color--100: #1fa7f8;
12273
+ --pf-global--link--Color: #1fa7f8;
12274
+ --pf-global--link--Color--hover: #73bcf7;
12275
+ --pf-global--BackgroundColor--100: #1b1d21;
12276
+ }
12277
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
12278
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
12279
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
12280
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
12281
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
12282
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
12283
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
12284
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
12285
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
12286
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
12287
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
12288
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
12289
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
12290
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
12291
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
12292
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
12293
+ }
12294
+
12295
+ :where(.pf-theme-dark) .pf-c-date-picker {
12296
+ --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--300);
12297
+ --pf-c-date-picker__calendar--Top: 100%;
12298
+ }
12299
+
12300
+ .pf-c-divider {
12301
+ --pf-c-divider--BorderWidth--base: var(--pf-global--BorderWidth--sm);
12302
+ --pf-c-divider--BorderColor--base: var(--pf-c-divider--BackgroundColor);
12303
+ --pf-c-divider--Height: var(--pf-c-divider--BorderWidth--base);
12304
+ --pf-c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
12305
+ --pf-c-divider--after--BackgroundColor: var(--pf-c-divider--BorderColor--base);
12306
+ --pf-c-divider--after--FlexBasis: 100%;
11576
12307
  --pf-c-divider--after--Inset: 0%;
11577
12308
  --pf-c-divider--m-vertical--after--FlexBasis: 100%;
11578
12309
  --pf-c-divider--m-horizontal--Display: flex;
@@ -12728,6 +13459,44 @@ label.pf-c-check, .pf-c-check__label,
12728
13459
  visibility: hidden;
12729
13460
  }
12730
13461
  }
13462
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
13463
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
13464
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
13465
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
13466
+ --pf-global--Color--100: #fff;
13467
+ --pf-global--Color--200: #aaabac;
13468
+ --pf-global--BorderColor--100: #444548;
13469
+ --pf-global--primary-color--100: #1fa7f8;
13470
+ --pf-global--link--Color: #1fa7f8;
13471
+ --pf-global--link--Color--hover: #73bcf7;
13472
+ --pf-global--BackgroundColor--100: #1b1d21;
13473
+ }
13474
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
13475
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
13476
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
13477
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
13478
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
13479
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
13480
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
13481
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
13482
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
13483
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
13484
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
13485
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
13486
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
13487
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
13488
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
13489
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
13490
+ }
13491
+
13492
+ :where(.pf-theme-dark) .pf-c-drawer {
13493
+ --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--400);
13494
+ --pf-c-drawer__splitter--BackgroundColor: transparent;
13495
+ }
13496
+ :where(.pf-theme-dark) .pf-c-drawer.pf-m-inline, :where(.pf-theme-dark) .pf-c-drawer.pf-m-static {
13497
+ --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
13498
+ }
13499
+
12731
13500
  .pf-c-dropdown {
12732
13501
  --pf-c-dropdown__toggle--PaddingTop: var(--pf-global--spacer--form-element);
12733
13502
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-global--spacer--sm);
@@ -13296,6 +14065,58 @@ label.pf-c-check, .pf-c-check__label,
13296
14065
  color: var(--pf-c-dropdown__group-title--Color);
13297
14066
  }
13298
14067
 
14068
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
14069
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
14070
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
14071
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
14072
+ --pf-global--Color--100: #fff;
14073
+ --pf-global--Color--200: #aaabac;
14074
+ --pf-global--BorderColor--100: #444548;
14075
+ --pf-global--primary-color--100: #1fa7f8;
14076
+ --pf-global--link--Color: #1fa7f8;
14077
+ --pf-global--link--Color--hover: #73bcf7;
14078
+ --pf-global--BackgroundColor--100: #1b1d21;
14079
+ }
14080
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
14081
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
14082
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
14083
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
14084
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
14085
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
14086
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
14087
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
14088
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
14089
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
14090
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
14091
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
14092
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
14093
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
14094
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
14095
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
14096
+ }
14097
+
14098
+ :where(.pf-theme-dark) .pf-c-dropdown {
14099
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
14100
+ --pf-c-dropdown__toggle--before--BorderTopColor: transparent;
14101
+ --pf-c-dropdown__toggle--before--BorderRightColor: transparent;
14102
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--400);
14103
+ --pf-c-dropdown__toggle--before--BorderLeftColor: transparent;
14104
+ --pf-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
14105
+ --pf-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
14106
+ --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
14107
+ --pf-c-dropdown__menu--Top: 100%;
14108
+ --pf-c-dropdown--m-top__menu--TranslateY: -100%;
14109
+ --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
14110
+ --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
14111
+ --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--bold);
14112
+ }
14113
+ :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
14114
+ color: var(--pf-global--palette--black-100);
14115
+ }
14116
+ :where(.pf-theme-dark) .pf-c-dropdown__toggle.pf-m-plain {
14117
+ background: transparent;
14118
+ }
14119
+
13299
14120
  .pf-c-empty-state {
13300
14121
  --pf-c-empty-state--PaddingTop: var(--pf-global--spacer--xl);
13301
14122
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
@@ -14107,6 +14928,40 @@ label.pf-c-check, .pf-c-check__label,
14107
14928
  margin-bottom: var(--pf-c-form__field-group-body__field-group--last-child--MarginBottom);
14108
14929
  }
14109
14930
 
14931
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
14932
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
14933
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
14934
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
14935
+ --pf-global--Color--100: #fff;
14936
+ --pf-global--Color--200: #aaabac;
14937
+ --pf-global--BorderColor--100: #444548;
14938
+ --pf-global--primary-color--100: #1fa7f8;
14939
+ --pf-global--link--Color: #1fa7f8;
14940
+ --pf-global--link--Color--hover: #73bcf7;
14941
+ --pf-global--BackgroundColor--100: #1b1d21;
14942
+ }
14943
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
14944
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
14945
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
14946
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
14947
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
14948
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
14949
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
14950
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
14951
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
14952
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
14953
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
14954
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
14955
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
14956
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
14957
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
14958
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
14959
+ }
14960
+
14961
+ :where(.pf-theme-dark) .pf-c-form {
14962
+ --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
14963
+ }
14964
+
14110
14965
  .pf-c-form-control {
14111
14966
  --pf-c-form-control--FontSize: var(--pf-global--FontSize--md);
14112
14967
  --pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md);
@@ -14151,7 +15006,7 @@ label.pf-c-check, .pf-c-check__label,
14151
15006
  --pf-c-form-control--success--BackgroundSizeX: var(--pf-c-form-control--FontSize);
14152
15007
  --pf-c-form-control--success--BackgroundSizeY: var(--pf-c-form-control--FontSize);
14153
15008
  --pf-c-form-control--success--BackgroundSize: var(--pf-c-form-control--success--BackgroundSizeX) var(--pf-c-form-control--success--BackgroundSizeY);
14154
- --pf-c-form-control--success--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%233e8635' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
15009
+ --pf-c-form-control--success--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
14155
15010
  --pf-c-form-control--m-warning--BorderBottomWidth: var(--pf-global--BorderWidth--md);
14156
15011
  --pf-c-form-control--m-warning--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--m-warning--BorderBottomWidth));
14157
15012
  --pf-c-form-control--m-warning--BorderBottomColor: var(--pf-global--warning-color--100);
@@ -14173,13 +15028,13 @@ label.pf-c-check, .pf-c-check__label,
14173
15028
  --pf-c-form-control--invalid--BackgroundSizeX: var(--pf-c-form-control--FontSize);
14174
15029
  --pf-c-form-control--invalid--BackgroundSizeY: var(--pf-c-form-control--FontSize);
14175
15030
  --pf-c-form-control--invalid--BackgroundSize: var(--pf-c-form-control--invalid--BackgroundSizeX) var(--pf-c-form-control--invalid--BackgroundSizeY);
14176
- --pf-c-form-control--invalid--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
15031
+ --pf-c-form-control--invalid--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fe5142' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
14177
15032
  --pf-c-form-control--invalid--exclamation--Background: var(--pf-c-form-control--invalid--BackgroundUrl) var(--pf-c-form-control--invalid--BackgroundPosition) / var(--pf-c-form-control--invalid--BackgroundSize) no-repeat;
14178
15033
  --pf-c-form-control--invalid--Background: var(--pf-c-form-control--BackgroundColor) var(--pf-c-form-control--invalid--exclamation--Background);
14179
15034
  --pf-c-form-control--m-search--PaddingLeft: var(--pf-global--spacer--xl);
14180
15035
  --pf-c-form-control--m-search--BackgroundPosition: var(--pf-c-form-control--PaddingRight);
14181
15036
  --pf-c-form-control--m-search--BackgroundSize: var(--pf-c-form-control--FontSize) var(--pf-c-form-control--FontSize);
14182
- --pf-c-form-control--m-search--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
15037
+ --pf-c-form-control--m-search--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
14183
15038
  --pf-c-form-control--m-icon--PaddingRight: calc(var(--pf-c-form-control--inset--base) + var(--pf-c-form-control--m-icon--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer));
14184
15039
  --pf-c-form-control--m-icon--BackgroundUrl: none;
14185
15040
  --pf-c-form-control--m-icon--BackgroundPositionX: calc(100% - var(--pf-c-form-control--inset--base));
@@ -14198,8 +15053,8 @@ label.pf-c-check, .pf-c-check__label,
14198
15053
  --pf-c-form-control--m-icon--m-warning--BackgroundUrl: var(--pf-c-form-control--m-warning--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
14199
15054
  --pf-c-form-control--m-icon--m-warning--BackgroundPosition: var(--pf-c-form-control--m-warning--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
14200
15055
  --pf-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
14201
- --pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
14202
- --pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
15056
+ --pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
15057
+ --pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
14203
15058
  --pf-c-form-control__select--PaddingRight: calc(var(--pf-global--spacer--lg) + var(--pf-c-form-control--BorderWidth) + var(--pf-c-form-control--BorderWidth));
14204
15059
  --pf-c-form-control__select--PaddingLeft: calc(var(--pf-global--spacer--sm) - var(--pf-c-form-control--BorderWidth));
14205
15060
  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23urrentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
@@ -14416,6 +15271,58 @@ textarea.pf-c-form-control {
14416
15271
  resize: horizontal;
14417
15272
  }
14418
15273
 
15274
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
15275
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
15276
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
15277
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
15278
+ --pf-global--Color--100: #fff;
15279
+ --pf-global--Color--200: #aaabac;
15280
+ --pf-global--BorderColor--100: #444548;
15281
+ --pf-global--primary-color--100: #1fa7f8;
15282
+ --pf-global--link--Color: #1fa7f8;
15283
+ --pf-global--link--Color--hover: #73bcf7;
15284
+ --pf-global--BackgroundColor--100: #1b1d21;
15285
+ }
15286
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
15287
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
15288
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
15289
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
15290
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
15291
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
15292
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
15293
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
15294
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
15295
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
15296
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
15297
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
15298
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
15299
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
15300
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
15301
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
15302
+ }
15303
+
15304
+ :where(.pf-theme-dark) .pf-c-form-control {
15305
+ --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
15306
+ --pf-c-form-control--BorderTopColor: transparent;
15307
+ --pf-c-form-control--BorderRightColor: transparent;
15308
+ --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
15309
+ --pf-c-form-control--BorderLeftColor: transparent;
15310
+ --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
15311
+ --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--300);
15312
+ --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
15313
+ --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--BackgroundColor--400);
15314
+ color: var(--pf-global--Color--100);
15315
+ }
15316
+ :where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
15317
+ filter: invert(1);
15318
+ }
15319
+ :where(.pf-theme-dark) .pf-c-form-control[readonly] {
15320
+ border-bottom-color: var(--pf-global--palette--black-700);
15321
+ }
15322
+ :where(.pf-theme-dark) .pf-c-form-control:disabled {
15323
+ color: var(--pf-global--palette--black-100);
15324
+ }
15325
+
14419
15326
  .pf-c-hint {
14420
15327
  --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
14421
15328
  --pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
@@ -14477,6 +15384,41 @@ textarea.pf-c-form-control {
14477
15384
  margin-right: var(--pf-c-hint__footer--child--MarginRight);
14478
15385
  }
14479
15386
 
15387
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
15388
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
15389
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
15390
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
15391
+ --pf-global--Color--100: #fff;
15392
+ --pf-global--Color--200: #aaabac;
15393
+ --pf-global--BorderColor--100: #444548;
15394
+ --pf-global--primary-color--100: #1fa7f8;
15395
+ --pf-global--link--Color: #1fa7f8;
15396
+ --pf-global--link--Color--hover: #73bcf7;
15397
+ --pf-global--BackgroundColor--100: #1b1d21;
15398
+ }
15399
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
15400
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
15401
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
15402
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
15403
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
15404
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
15405
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
15406
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
15407
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
15408
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
15409
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
15410
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
15411
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
15412
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
15413
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
15414
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
15415
+ }
15416
+
15417
+ :where(.pf-theme-dark) .pf-c-hint {
15418
+ --pf-c-hint--BackgroundColor: var(--pf-global--BackgroundColor--400);
15419
+ --pf-c-hint--BorderColor: var(--pf-global--BorderColor--300);
15420
+ }
15421
+
14480
15422
  .pf-c-helper-text {
14481
15423
  --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
14482
15424
  --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
@@ -14547,6 +15489,40 @@ textarea.pf-c-form-control {
14547
15489
  color: var(--pf-c-helper-text__item-text--Color);
14548
15490
  }
14549
15491
 
15492
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
15493
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
15494
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
15495
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
15496
+ --pf-global--Color--100: #fff;
15497
+ --pf-global--Color--200: #aaabac;
15498
+ --pf-global--BorderColor--100: #444548;
15499
+ --pf-global--primary-color--100: #1fa7f8;
15500
+ --pf-global--link--Color: #1fa7f8;
15501
+ --pf-global--link--Color--hover: #73bcf7;
15502
+ --pf-global--BackgroundColor--100: #1b1d21;
15503
+ }
15504
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
15505
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
15506
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
15507
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
15508
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
15509
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
15510
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
15511
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
15512
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
15513
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
15514
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
15515
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
15516
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
15517
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
15518
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
15519
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
15520
+ }
15521
+
15522
+ :where(.pf-theme-dark) .pf-c-helper-text {
15523
+ --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--100);
15524
+ }
15525
+
14550
15526
  .pf-c-inline-edit {
14551
15527
  --pf-c-inline-edit__group--item--MarginRight: var(--pf-global--spacer--sm);
14552
15528
  --pf-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-global--link--Color);
@@ -14702,6 +15678,58 @@ label.pf-c-input-group__text {
14702
15678
  margin-left: 0;
14703
15679
  }
14704
15680
 
15681
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
15682
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
15683
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
15684
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
15685
+ --pf-global--Color--100: #fff;
15686
+ --pf-global--Color--200: #aaabac;
15687
+ --pf-global--BorderColor--100: #444548;
15688
+ --pf-global--primary-color--100: #1fa7f8;
15689
+ --pf-global--link--Color: #1fa7f8;
15690
+ --pf-global--link--Color--hover: #73bcf7;
15691
+ --pf-global--BackgroundColor--100: #1b1d21;
15692
+ }
15693
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
15694
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
15695
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
15696
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
15697
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
15698
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
15699
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
15700
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
15701
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
15702
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
15703
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
15704
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
15705
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
15706
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
15707
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
15708
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
15709
+ }
15710
+
15711
+ :where(.pf-theme-dark) .pf-c-input-group {
15712
+ --pf-c-input-group--BackgroundColor: transparent;
15713
+ --pf-c-input-group__text--BorderTopColor: transparent;
15714
+ --pf-c-input-group__text--BorderRightColor: transparent;
15715
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
15716
+ --pf-c-input-group__text--BorderLeftColor: transparent;
15717
+ --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
15718
+ }
15719
+ :where(.pf-theme-dark) .pf-c-input-group > * + * {
15720
+ margin-left: 0;
15721
+ border-left: 1px solid var(--pf-global--palette--black-700);
15722
+ }
15723
+ :where(.pf-theme-dark) .pf-c-input-group__text {
15724
+ --pf-c-input-group__text--BorderTopColor: transparent;
15725
+ --pf-c-input-group__text--BorderRightColor: transparent;
15726
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
15727
+ --pf-c-input-group__text--BorderLeftColor: transparent;
15728
+ }
15729
+ :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
15730
+ --pf-c-input-group__text--BackgroundColor: transparent;
15731
+ }
15732
+
14705
15733
  .pf-c-jump-links {
14706
15734
  --pf-c-jump-links__list--Display: flex;
14707
15735
  --pf-c-jump-links__list--Visibility: visible;
@@ -15047,9 +16075,9 @@ label.pf-c-input-group__text {
15047
16075
  --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--BorderColor--100);
15048
16076
  --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
15049
16077
  --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
15050
- --pf-c-label--m-orange--BackgroundColor: var(--pf-global--palette--gold-50);
16078
+ --pf-c-label--m-orange--BackgroundColor: var(--pf-global--palette--orange-50);
15051
16079
  --pf-c-label--m-orange__icon--Color: var(--pf-global--palette--orange-300);
15052
- --pf-c-label--m-orange__content--Color: var(--pf-global--palette--gold-700);
16080
+ --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-700);
15053
16081
  --pf-c-label--m-orange__content--before--BorderColor: var(--pf-global--palette--orange-100);
15054
16082
  --pf-c-label--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--orange-300);
15055
16083
  --pf-c-label--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--orange-300);
@@ -15087,6 +16115,16 @@ label.pf-c-input-group__text {
15087
16115
  --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--BorderColor--100);
15088
16116
  --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
15089
16117
  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
16118
+ --pf-c-label--m-gold--BackgroundColor: var(--pf-global--palette--gold-50);
16119
+ --pf-c-label--m-gold__icon--Color: var(--pf-global--palette--gold-400);
16120
+ --pf-c-label--m-gold__content--Color: var(--pf-global--palette--gold-700);
16121
+ --pf-c-label--m-gold__content--before--BorderColor: var(--pf-global--palette--gold-100);
16122
+ --pf-c-label--m-gold__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-300);
16123
+ --pf-c-label--m-gold__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-300);
16124
+ --pf-c-label--m-outline--m-gold__content--Color: var(--pf-global--palette--gold-600);
16125
+ --pf-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-global--BorderColor--100);
16126
+ --pf-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
16127
+ --pf-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
15090
16128
  --pf-c-label--m-overflow__content--Color: var(--pf-global--link--Color);
15091
16129
  --pf-c-label--m-overflow__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
15092
16130
  --pf-c-label--m-overflow__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -15243,6 +16281,21 @@ label.pf-c-input-group__text {
15243
16281
  --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
15244
16282
  --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
15245
16283
  }
16284
+ .pf-c-label.pf-m-gold {
16285
+ --pf-c-label--BackgroundColor: var(--pf-c-label--m-gold--BackgroundColor);
16286
+ --pf-c-label__icon--Color: var(--pf-c-label--m-gold__icon--Color);
16287
+ --pf-c-label__content--Color: var(--pf-c-label--m-gold__content--Color);
16288
+ --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
16289
+ --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-gold__content--link--hover--before--BorderColor);
16290
+ --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-gold__content--link--focus--before--BorderColor);
16291
+ --pf-c-label--m-outline__content--Color: var(--pf-c-label--m-outline--m-gold__content--Color);
16292
+ --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-gold__content--before--BorderColor);
16293
+ --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-gold__content--link--hover--before--BorderColor);
16294
+ --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-gold__content--link--focus--before--BorderColor);
16295
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
16296
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
16297
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
16298
+ }
15246
16299
  .pf-c-label.pf-m-outline {
15247
16300
  --pf-c-label__content--Color: var(--pf-c-label--m-outline__content--Color);
15248
16301
  --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--before--BorderWidth);
@@ -15377,6 +16430,80 @@ button.pf-c-label__content:focus {
15377
16430
  color: var(--pf-c-label__icon--Color);
15378
16431
  }
15379
16432
 
16433
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
16434
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
16435
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
16436
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
16437
+ --pf-global--Color--100: #fff;
16438
+ --pf-global--Color--200: #aaabac;
16439
+ --pf-global--BorderColor--100: #444548;
16440
+ --pf-global--primary-color--100: #1fa7f8;
16441
+ --pf-global--link--Color: #1fa7f8;
16442
+ --pf-global--link--Color--hover: #73bcf7;
16443
+ --pf-global--BackgroundColor--100: #1b1d21;
16444
+ }
16445
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
16446
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
16447
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
16448
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
16449
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
16450
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
16451
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
16452
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
16453
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
16454
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
16455
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
16456
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
16457
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
16458
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
16459
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
16460
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
16461
+ }
16462
+
16463
+ :where(.pf-theme-dark) .pf-c-label {
16464
+ --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
16465
+ --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
16466
+ --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
16467
+ --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
16468
+ --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
16469
+ --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
16470
+ --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
16471
+ --pf-c-label__content--before--BorderWidth: 0;
16472
+ --pf-c-label__content--before--BorderColor: transparent;
16473
+ --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
16474
+ --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
16475
+ --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
16476
+ --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
16477
+ --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
16478
+ --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
16479
+ --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
16480
+ --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
16481
+ --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
16482
+ --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
16483
+ --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
16484
+ --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
16485
+ --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
16486
+ --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
16487
+ --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
16488
+ --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
16489
+ --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
16490
+ --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
16491
+ --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
16492
+ --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
16493
+ --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
16494
+ --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
16495
+ --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
16496
+ --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
16497
+ --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
16498
+ --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
16499
+ --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
16500
+ --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
16501
+ --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
16502
+ --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
16503
+ --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
16504
+ --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
16505
+ }
16506
+
15380
16507
  .pf-c-label-group {
15381
16508
  --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
15382
16509
  --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
@@ -15756,6 +16883,40 @@ ul.pf-c-list {
15756
16883
  font-weight: var(--pf-c-log-viewer__timestamp--FontWeight);
15757
16884
  }
15758
16885
 
16886
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
16887
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
16888
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
16889
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
16890
+ --pf-global--Color--100: #fff;
16891
+ --pf-global--Color--200: #aaabac;
16892
+ --pf-global--BorderColor--100: #444548;
16893
+ --pf-global--primary-color--100: #1fa7f8;
16894
+ --pf-global--link--Color: #1fa7f8;
16895
+ --pf-global--link--Color--hover: #73bcf7;
16896
+ --pf-global--BackgroundColor--100: #1b1d21;
16897
+ }
16898
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
16899
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
16900
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
16901
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
16902
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
16903
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
16904
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
16905
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
16906
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
16907
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
16908
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
16909
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
16910
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
16911
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
16912
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
16913
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
16914
+ }
16915
+
16916
+ :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
16917
+ color: var(--pf-global--Color--100);
16918
+ }
16919
+
15759
16920
  .pf-c-login {
15760
16921
  --pf-c-login--PaddingTop: var(--pf-global--spacer--lg);
15761
16922
  --pf-c-login--PaddingBottom: var(--pf-global--spacer--lg);
@@ -16023,6 +17184,41 @@ ul.pf-c-list {
16023
17184
  padding-top: var(--pf-c-login__footer--c-list--PaddingTop);
16024
17185
  }
16025
17186
 
17187
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
17188
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
17189
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
17190
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
17191
+ --pf-global--Color--100: #fff;
17192
+ --pf-global--Color--200: #aaabac;
17193
+ --pf-global--BorderColor--100: #444548;
17194
+ --pf-global--primary-color--100: #1fa7f8;
17195
+ --pf-global--link--Color: #1fa7f8;
17196
+ --pf-global--link--Color--hover: #73bcf7;
17197
+ --pf-global--BackgroundColor--100: #1b1d21;
17198
+ }
17199
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
17200
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
17201
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
17202
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button {
17203
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
17204
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
17205
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
17206
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
17207
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
17208
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
17209
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
17210
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
17211
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
17212
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
17213
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
17214
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
17215
+ }
17216
+
17217
+ :where(.pf-theme-dark) .pf-c-login__header,
17218
+ :where(.pf-theme-dark) .pf-c-login__footer {
17219
+ color: var(--pf-global--Color--100);
17220
+ }
17221
+
16026
17222
  .pf-c-masthead {
16027
17223
  --pf-c-masthead--PaddingLeft: var(--pf-c-masthead--inset);
16028
17224
  --pf-c-masthead--PaddingRight: var(--pf-c-masthead--inset);
@@ -16643,6 +17839,44 @@ ul.pf-c-list {
16643
17839
  }
16644
17840
  }
16645
17841
 
17842
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
17843
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
17844
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
17845
+ :where(.pf-theme-dark) .pf-c-login__footer {
17846
+ --pf-global--Color--100: #fff;
17847
+ --pf-global--Color--200: #aaabac;
17848
+ --pf-global--BorderColor--100: #444548;
17849
+ --pf-global--primary-color--100: #1fa7f8;
17850
+ --pf-global--link--Color: #1fa7f8;
17851
+ --pf-global--link--Color--hover: #73bcf7;
17852
+ --pf-global--BackgroundColor--100: #1b1d21;
17853
+ }
17854
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
17855
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
17856
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
17857
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button {
17858
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
17859
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
17860
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
17861
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
17862
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
17863
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
17864
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
17865
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
17866
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
17867
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
17868
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
17869
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
17870
+ }
17871
+
17872
+ :where(.pf-theme-dark) .pf-c-masthead {
17873
+ --pf-c-masthead--BackgroundColor: var(--pf-global--palette--black-1000);
17874
+ color: var(--pf-global--Color--100);
17875
+ }
17876
+ :where(.pf-theme-dark) .pf-c-masthead .pf-c-toolbar {
17877
+ --pf-c-toolbar--BackgroundColor: var(--pf-global--palette--black-1000);
17878
+ }
17879
+
16646
17880
  .pf-c-menu {
16647
17881
  color: var(--pf-global--Color--100);
16648
17882
  --pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--100);
@@ -17203,6 +18437,45 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17203
18437
  border-bottom: var(--pf-c-menu__footer--after--BorderBottomWidth) solid var(--pf-c-menu__footer--after--BorderBottomColor);
17204
18438
  }
17205
18439
 
18440
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
18441
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
18442
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
18443
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
18444
+ --pf-global--Color--100: #fff;
18445
+ --pf-global--Color--200: #aaabac;
18446
+ --pf-global--BorderColor--100: #444548;
18447
+ --pf-global--primary-color--100: #1fa7f8;
18448
+ --pf-global--link--Color: #1fa7f8;
18449
+ --pf-global--link--Color--hover: #73bcf7;
18450
+ --pf-global--BackgroundColor--100: #1b1d21;
18451
+ }
18452
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
18453
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
18454
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
18455
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
18456
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
18457
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
18458
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
18459
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
18460
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
18461
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
18462
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
18463
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
18464
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
18465
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
18466
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
18467
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
18468
+ }
18469
+
18470
+ :where(.pf-theme-dark) .pf-c-menu {
18471
+ --pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
18472
+ --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
18473
+ --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
18474
+ --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
18475
+ --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
18476
+ --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
18477
+ }
18478
+
17206
18479
  .pf-c-menu-toggle {
17207
18480
  --pf-c-menu-toggle--BorderRadius: 0;
17208
18481
  --pf-c-menu-toggle--PaddingTop: var(--pf-global--spacer--form-element);
@@ -17597,6 +18870,55 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17597
18870
  color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
17598
18871
  }
17599
18872
 
18873
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
18874
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
18875
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
18876
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
18877
+ --pf-global--Color--100: #fff;
18878
+ --pf-global--Color--200: #aaabac;
18879
+ --pf-global--BorderColor--100: #444548;
18880
+ --pf-global--primary-color--100: #1fa7f8;
18881
+ --pf-global--link--Color: #1fa7f8;
18882
+ --pf-global--link--Color--hover: #73bcf7;
18883
+ --pf-global--BackgroundColor--100: #1b1d21;
18884
+ }
18885
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
18886
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
18887
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
18888
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
18889
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
18890
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
18891
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
18892
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
18893
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
18894
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
18895
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
18896
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
18897
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
18898
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
18899
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
18900
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
18901
+ }
18902
+
18903
+ :where(.pf-theme-dark) .pf-c-menu-toggle {
18904
+ --pf-c-menu-toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
18905
+ --pf-c-menu-toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
18906
+ --pf-c-menu-toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
18907
+ --pf-c-menu-toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
18908
+ --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400);
18909
+ --pf-c-menu-toggle--before--BorderTopColor: transparent;
18910
+ --pf-c-menu-toggle--before--BorderRightColor: transparent;
18911
+ --pf-c-menu-toggle--before--BorderBottomColor: transparent;
18912
+ --pf-c-menu-toggle--before--BorderLeftColor: transparent;
18913
+ --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-global--BorderColor--400);
18914
+ --pf-c-menu-toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
18915
+ --pf-c-menu-toggle--disabled--Color: var(--pf-global--palette--black-100);
18916
+ --pf-c-menu-toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
18917
+ }
18918
+ :where(.pf-theme-dark) .pf-c-menu-toggle.pf-m-plain {
18919
+ background: transparent;
18920
+ }
18921
+
17600
18922
  .pf-c-modal-box {
17601
18923
  --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
17602
18924
  --pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
@@ -17780,6 +19102,40 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17780
19102
  }
17781
19103
  }
17782
19104
 
19105
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
19106
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
19107
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
19108
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
19109
+ --pf-global--Color--100: #fff;
19110
+ --pf-global--Color--200: #aaabac;
19111
+ --pf-global--BorderColor--100: #444548;
19112
+ --pf-global--primary-color--100: #1fa7f8;
19113
+ --pf-global--link--Color: #1fa7f8;
19114
+ --pf-global--link--Color--hover: #73bcf7;
19115
+ --pf-global--BackgroundColor--100: #1b1d21;
19116
+ }
19117
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
19118
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
19119
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
19120
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
19121
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
19122
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
19123
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
19124
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
19125
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
19126
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
19127
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
19128
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
19129
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
19130
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
19131
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
19132
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
19133
+ }
19134
+
19135
+ :where(.pf-theme-dark) .pf-c-modal-box {
19136
+ --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--300);
19137
+ }
19138
+
17783
19139
  .pf-c-multiple-file-upload {
17784
19140
  --pf-c-multiple-file-upload--GridTemplateColumns: 1fr;
17785
19141
  --pf-c-multiple-file-upload--Gap: var(--pf-global--spacer--lg);
@@ -18890,6 +20246,70 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18890
20246
  left: 0;
18891
20247
  }
18892
20248
 
20249
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
20250
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
20251
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
20252
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
20253
+ --pf-global--Color--100: #fff;
20254
+ --pf-global--Color--200: #aaabac;
20255
+ --pf-global--BorderColor--100: #444548;
20256
+ --pf-global--primary-color--100: #1fa7f8;
20257
+ --pf-global--link--Color: #1fa7f8;
20258
+ --pf-global--link--Color--hover: #73bcf7;
20259
+ --pf-global--BackgroundColor--100: #1b1d21;
20260
+ }
20261
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
20262
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
20263
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
20264
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
20265
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
20266
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
20267
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
20268
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
20269
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
20270
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
20271
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
20272
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
20273
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
20274
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
20275
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
20276
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
20277
+ }
20278
+
20279
+ :where(.pf-theme-dark) .pf-c-nav {
20280
+ --pf-c-nav__item--item__link--after--Top: -1px;
20281
+ --pf-c-nav__item--before--BorderColor: var(--pf-global--BorderColor--100);
20282
+ --pf-c-nav__link--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
20283
+ --pf-c-nav__link--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
20284
+ --pf-c-nav__link--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
20285
+ --pf-c-nav__link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--300);
20286
+ --pf-c-nav__link--before--BorderColor: var(--pf-global--BorderColor--100);
20287
+ --pf-c-nav--m-tertiary__scroll-button--before--BorderColor: var(--pf-global--BorderColor--100);
20288
+ --pf-c-nav__section-title--Color: var(--pf-global--Color--200);
20289
+ --pf-c-nav__section-title--BorderBottomColor: var(--pf-global--BorderColor--100);
20290
+ --pf-c-nav__scroll-button--before--BorderColor: var(--pf-global--BorderColor--100);
20291
+ --pf-c-nav--c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
20292
+ --pf-c-nav__link--hover--before--BorderBottomWidth: 0;
20293
+ --pf-c-nav__link--focus--before--BorderBottomWidth: 0;
20294
+ --pf-c-nav__link--active--before--BorderBottomWidth: 0;
20295
+ --pf-c-nav__link--m-current--before--BorderBottomWidth: 0;
20296
+ }
20297
+ :where(.pf-theme-dark) .pf-c-nav__link::before {
20298
+ bottom: 0;
20299
+ }
20300
+ :where(.pf-theme-dark) .pf-c-nav__link::after {
20301
+ top: var(--pf-c-nav__item--item__link--after--Top);
20302
+ }
20303
+ :where(.pf-theme-dark) .pf-c-nav__item + .pf-c-nav__item {
20304
+ --pf-c-nav__link--after--Top: var(--pf-c-nav__item--item__link--after--Top);
20305
+ }
20306
+ :where(.pf-theme-dark) .pf-c-nav__subnav {
20307
+ --pf-c-nav__item--item__link--after--Top: 0;
20308
+ }
20309
+ :where(.pf-theme-dark) .pf-c-nav__section {
20310
+ --pf-c-nav__item--item__link--after--Top: 0;
20311
+ }
20312
+
18893
20313
  .pf-c-notification-badge {
18894
20314
  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
18895
20315
  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
@@ -18980,6 +20400,40 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18980
20400
  margin-left: var(--pf-c-notification-badge__count--MarginLeft);
18981
20401
  }
18982
20402
 
20403
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
20404
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
20405
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
20406
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
20407
+ --pf-global--Color--100: #fff;
20408
+ --pf-global--Color--200: #aaabac;
20409
+ --pf-global--BorderColor--100: #444548;
20410
+ --pf-global--primary-color--100: #1fa7f8;
20411
+ --pf-global--link--Color: #1fa7f8;
20412
+ --pf-global--link--Color--hover: #73bcf7;
20413
+ --pf-global--BackgroundColor--100: #1b1d21;
20414
+ }
20415
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
20416
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
20417
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
20418
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
20419
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
20420
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
20421
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
20422
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
20423
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
20424
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
20425
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
20426
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
20427
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
20428
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
20429
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
20430
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
20431
+ }
20432
+
20433
+ :where(.pf-theme-dark) .pf-c-notification-badge {
20434
+ --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--300);
20435
+ }
20436
+
18983
20437
  .pf-c-notification-drawer {
18984
20438
  --pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--200);
18985
20439
  --pf-c-notification-drawer__header--PaddingTop: var(--pf-global--spacer--md);
@@ -19243,6 +20697,47 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19243
20697
  transform: rotate(var(--pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
19244
20698
  }
19245
20699
 
20700
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
20701
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
20702
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
20703
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
20704
+ --pf-global--Color--100: #fff;
20705
+ --pf-global--Color--200: #aaabac;
20706
+ --pf-global--BorderColor--100: #444548;
20707
+ --pf-global--primary-color--100: #1fa7f8;
20708
+ --pf-global--link--Color: #1fa7f8;
20709
+ --pf-global--link--Color--hover: #73bcf7;
20710
+ --pf-global--BackgroundColor--100: #1b1d21;
20711
+ }
20712
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
20713
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
20714
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
20715
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
20716
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
20717
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
20718
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
20719
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
20720
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
20721
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
20722
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
20723
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
20724
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
20725
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
20726
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
20727
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
20728
+ }
20729
+
20730
+ :where(.pf-theme-dark) .pf-c-notification-drawer {
20731
+ --pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--300);
20732
+ --pf-c-notification-drawer__header--BackgroundColor: var(--pf-global--BackgroundColor--300);
20733
+ --pf-c-notification-drawer__list-item--BackgroundColor: var(--pf-global--BackgroundColor--300);
20734
+ --pf-c-notification-drawer__list-item--BoxShadow: none;
20735
+ --pf-c-notification-drawer__list-item--BorderBottomColor: var(--pf-global--BorderColor--100);
20736
+ --pf-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-global--BackgroundColor--100);
20737
+ --pf-c-notification-drawer__list-item--list-item--m-read--BoxShadow: none;
20738
+ --pf-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-global--BackgroundColor--300);
20739
+ }
20740
+
19246
20741
  .pf-c-options-menu {
19247
20742
  --pf-c-options-menu__toggle--BackgroundColor: transparent;
19248
20743
  --pf-c-options-menu__toggle--PaddingTop: var(--pf-global--spacer--form-element);
@@ -19488,6 +20983,53 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19488
20983
  color: var(--pf-c-options-menu__group-title--Color);
19489
20984
  }
19490
20985
 
20986
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
20987
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
20988
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
20989
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
20990
+ --pf-global--Color--100: #fff;
20991
+ --pf-global--Color--200: #aaabac;
20992
+ --pf-global--BorderColor--100: #444548;
20993
+ --pf-global--primary-color--100: #1fa7f8;
20994
+ --pf-global--link--Color: #1fa7f8;
20995
+ --pf-global--link--Color--hover: #73bcf7;
20996
+ --pf-global--BackgroundColor--100: #1b1d21;
20997
+ }
20998
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
20999
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
21000
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
21001
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
21002
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
21003
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
21004
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
21005
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
21006
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
21007
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
21008
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
21009
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
21010
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
21011
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
21012
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
21013
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
21014
+ }
21015
+
21016
+ :where(.pf-theme-dark) .pf-c-options-menu {
21017
+ --pf-c-options-menu__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
21018
+ --pf-c-options-menu__toggle--BorderTopColor: transparent;
21019
+ --pf-c-options-menu__toggle--BorderRightColor: transparent;
21020
+ --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-global--BorderColor--400);
21021
+ --pf-c-options-menu__toggle--BorderLeftColor: transparent;
21022
+ --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
21023
+ --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
21024
+ --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
21025
+ --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
21026
+ --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
21027
+ --pf-c-options-menu__menu--Top: 100%;
21028
+ }
21029
+ :where(.pf-theme-dark) .pf-c-options-menu__toggle.pf-m-plain {
21030
+ background: transparent;
21031
+ }
21032
+
19491
21033
  .pf-c-overflow-menu {
19492
21034
  --pf-c-overflow-menu--spacer--base: var(--pf-global--spacer--md);
19493
21035
  --pf-c-overflow-menu--spacer: var(--pf-global--spacer--sm);
@@ -19620,6 +21162,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19620
21162
  --pf-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-global--spacer--md);
19621
21163
  --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
19622
21164
  --pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
21165
+ --pf-c-page__main-section--m-light-100--BackgroundColor: var(--pf-global--BackgroundColor--150);
19623
21166
  --pf-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
19624
21167
  --pf-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
19625
21168
  --pf-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-global--spacer--md);
@@ -19723,11 +21266,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19723
21266
  .pf-c-page__header,
19724
21267
  .pf-c-page > .pf-c-masthead {
19725
21268
  grid-area: header;
21269
+ z-index: var(--pf-c-page__header--ZIndex);
19726
21270
  }
19727
21271
 
19728
21272
  .pf-c-page__header {
19729
21273
  color: var(--pf-global--Color--100);
19730
- z-index: var(--pf-c-page__header--ZIndex);
19731
21274
  grid-template-columns: auto auto;
19732
21275
  display: grid;
19733
21276
  align-items: center;
@@ -20092,6 +21635,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20092
21635
  .pf-c-page__main-section.pf-m-light {
20093
21636
  --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light--BackgroundColor);
20094
21637
  }
21638
+ .pf-c-page__main-section.pf-m-light-100 {
21639
+ --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light-100--BackgroundColor);
21640
+ }
20095
21641
  .pf-c-page__main-section[class*=pf-m-dark-] {
20096
21642
  color: var(--pf-global--Color--100);
20097
21643
  }
@@ -20204,27 +21750,90 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20204
21750
  .pf-c-page__main-group {
20205
21751
  flex-shrink: 0;
20206
21752
  }
20207
-
20208
- .pf-c-page__main-nav .pf-c-page__main-body {
20209
- padding-top: var(--pf-c-page__main-nav--PaddingTop);
20210
- padding-right: var(--pf-c-page__main-nav--PaddingRight);
20211
- padding-left: var(--pf-c-page__main-nav--PaddingLeft);
21753
+
21754
+ .pf-c-page__main-nav .pf-c-page__main-body {
21755
+ padding-top: var(--pf-c-page__main-nav--PaddingTop);
21756
+ padding-right: var(--pf-c-page__main-nav--PaddingRight);
21757
+ padding-left: var(--pf-c-page__main-nav--PaddingLeft);
21758
+ }
21759
+ .pf-c-page__main-breadcrumb .pf-c-page__main-body {
21760
+ padding: var(--pf-c-page__main-breadcrumb--PaddingTop) var(--pf-c-page__main-breadcrumb--PaddingRight) var(--pf-c-page__main-breadcrumb--PaddingBottom) var(--pf-c-page__main-breadcrumb--PaddingLeft);
21761
+ }
21762
+ .pf-c-page__main-section .pf-c-page__main-body {
21763
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
21764
+ }
21765
+ .pf-c-page__main-tabs .pf-c-page__main-body {
21766
+ padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
21767
+ }
21768
+
21769
+ .pf-c-page__drawer {
21770
+ grid-area: main;
21771
+ }
21772
+ .pf-c-page__drawer > .pf-c-drawer {
21773
+ flex: 1 0 auto;
21774
+ }
21775
+
21776
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
21777
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
21778
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
21779
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
21780
+ --pf-global--Color--100: #fff;
21781
+ --pf-global--Color--200: #aaabac;
21782
+ --pf-global--BorderColor--100: #444548;
21783
+ --pf-global--primary-color--100: #1fa7f8;
21784
+ --pf-global--link--Color: #1fa7f8;
21785
+ --pf-global--link--Color--hover: #73bcf7;
21786
+ --pf-global--BackgroundColor--100: #1b1d21;
21787
+ }
21788
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
21789
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
21790
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
21791
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
21792
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
21793
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
21794
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
21795
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
21796
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
21797
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
21798
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
21799
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
21800
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
21801
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
21802
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
21803
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
21804
+ }
21805
+
21806
+ :where(.pf-theme-dark) .pf-c-page {
21807
+ --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--200);
21808
+ --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-global--BackgroundColor--300);
21809
+ --pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
21810
+ --pf-c-page__header--BackgroundColor: var(--pf-global--palette--black-1000);
21811
+ }
21812
+ :where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button {
21813
+ color: var(--pf-global--Color--100);
21814
+ }
21815
+ :where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge:hover::before {
21816
+ background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
20212
21817
  }
20213
- .pf-c-page__main-breadcrumb .pf-c-page__main-body {
20214
- padding: var(--pf-c-page__main-breadcrumb--PaddingTop) var(--pf-c-page__main-breadcrumb--PaddingRight) var(--pf-c-page__main-breadcrumb--PaddingBottom) var(--pf-c-page__main-breadcrumb--PaddingLeft);
21818
+ :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-bottom {
21819
+ --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
20215
21820
  }
20216
- .pf-c-page__main-section .pf-c-page__main-body {
20217
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
21821
+ :where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-bottom {
21822
+ --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
20218
21823
  }
20219
- .pf-c-page__main-tabs .pf-c-page__main-body {
20220
- padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
21824
+ :where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-bottom {
21825
+ --pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--300);
21826
+ --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
21827
+ --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
21828
+ --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
20221
21829
  }
20222
-
20223
- .pf-c-page__drawer {
20224
- grid-area: main;
21830
+ :where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-bottom {
21831
+ --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
20225
21832
  }
20226
- .pf-c-page__drawer > .pf-c-drawer {
20227
- flex: 1 0 auto;
21833
+ :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
21834
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
21835
+ :where(.pf-theme-dark) .pf-c-page__header {
21836
+ color: var(--pf-global--Color--100);
20228
21837
  }
20229
21838
 
20230
21839
  .pf-c-pagination {
@@ -20554,6 +22163,40 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20554
22163
  }
20555
22164
  }
20556
22165
 
22166
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
22167
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
22168
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
22169
+ :where(.pf-theme-dark) .pf-c-page__header {
22170
+ --pf-global--Color--100: #fff;
22171
+ --pf-global--Color--200: #aaabac;
22172
+ --pf-global--BorderColor--100: #444548;
22173
+ --pf-global--primary-color--100: #1fa7f8;
22174
+ --pf-global--link--Color: #1fa7f8;
22175
+ --pf-global--link--Color--hover: #73bcf7;
22176
+ --pf-global--BackgroundColor--100: #1b1d21;
22177
+ }
22178
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
22179
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
22180
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
22181
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
22182
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
22183
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
22184
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
22185
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
22186
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
22187
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
22188
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
22189
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
22190
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
22191
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
22192
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
22193
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
22194
+ }
22195
+
22196
+ :where(.pf-theme-dark) .pf-c-pagination {
22197
+ --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--300);
22198
+ }
22199
+
20557
22200
  .pf-c-panel {
20558
22201
  --pf-c-panel--Width: auto;
20559
22202
  --pf-c-panel--MinWidth: auto;
@@ -20806,6 +22449,49 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20806
22449
  margin-top: var(--pf-c-popover__footer--MarginTop);
20807
22450
  }
20808
22451
 
22452
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
22453
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
22454
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
22455
+ :where(.pf-theme-dark) .pf-c-page__header {
22456
+ --pf-global--Color--100: #fff;
22457
+ --pf-global--Color--200: #aaabac;
22458
+ --pf-global--BorderColor--100: #444548;
22459
+ --pf-global--primary-color--100: #1fa7f8;
22460
+ --pf-global--link--Color: #1fa7f8;
22461
+ --pf-global--link--Color--hover: #73bcf7;
22462
+ --pf-global--BackgroundColor--100: #1b1d21;
22463
+ }
22464
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
22465
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
22466
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
22467
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
22468
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
22469
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
22470
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
22471
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
22472
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
22473
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
22474
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
22475
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
22476
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
22477
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
22478
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
22479
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
22480
+ }
22481
+
22482
+ :where(.pf-theme-dark) .pf-c-popover {
22483
+ --pf-c-popover--BoxShadow: none;
22484
+ --pf-c-popover__arrow--BoxShadow: none;
22485
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
22486
+ --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
22487
+ --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
22488
+ --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
22489
+ }
22490
+ :where(.pf-theme-dark) .pf-c-popover,
22491
+ :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
22492
+ border: 4px solid var(--pf-global--BorderColor--400);
22493
+ }
22494
+
20809
22495
  .pf-c-progress {
20810
22496
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
20811
22497
  --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
@@ -20964,6 +22650,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20964
22650
  background-color: var(--pf-c-progress__indicator--BackgroundColor);
20965
22651
  }
20966
22652
 
22653
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
22654
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
22655
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
22656
+ :where(.pf-theme-dark) .pf-c-page__header {
22657
+ --pf-global--Color--100: #fff;
22658
+ --pf-global--Color--200: #aaabac;
22659
+ --pf-global--BorderColor--100: #444548;
22660
+ --pf-global--primary-color--100: #1fa7f8;
22661
+ --pf-global--link--Color: #1fa7f8;
22662
+ --pf-global--link--Color--hover: #73bcf7;
22663
+ --pf-global--BackgroundColor--100: #1b1d21;
22664
+ }
22665
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
22666
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
22667
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
22668
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
22669
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
22670
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
22671
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
22672
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
22673
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
22674
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
22675
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
22676
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
22677
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
22678
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
22679
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
22680
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
22681
+ }
22682
+
22683
+ :where(.pf-theme-dark) .pf-c-progress {
22684
+ --pf-c-progress--m-inside__measure--Color: var(--pf-global--palette--black-900);
22685
+ --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--palette--black-900);
22686
+ --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--palette--black-900);
22687
+ }
22688
+
20967
22689
  .pf-c-progress-stepper {
20968
22690
  --pf-c-progress-stepper--GridAutoFlow: column;
20969
22691
  --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
@@ -21462,6 +23184,45 @@ label.pf-c-radio, .pf-c-radio__label,
21462
23184
  flex-grow: 1;
21463
23185
  }
21464
23186
 
23187
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
23188
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
23189
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
23190
+ :where(.pf-theme-dark) .pf-c-page__header {
23191
+ --pf-global--Color--100: #fff;
23192
+ --pf-global--Color--200: #aaabac;
23193
+ --pf-global--BorderColor--100: #444548;
23194
+ --pf-global--primary-color--100: #1fa7f8;
23195
+ --pf-global--link--Color: #1fa7f8;
23196
+ --pf-global--link--Color--hover: #73bcf7;
23197
+ --pf-global--BackgroundColor--100: #1b1d21;
23198
+ }
23199
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
23200
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
23201
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
23202
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
23203
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
23204
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
23205
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
23206
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
23207
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
23208
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
23209
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
23210
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
23211
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
23212
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
23213
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
23214
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
23215
+ }
23216
+
23217
+ :where(.pf-theme-dark) .pf-c-search-input {
23218
+ --pf-c-search-input__text--before--BorderColor: transparent;
23219
+ --pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--400);
23220
+ background-color: var(--pf-global--BackgroundColor--400);
23221
+ }
23222
+ :where(.pf-theme-dark) .pf-c-search-input__text::before {
23223
+ border-bottom-color: var(--pf-global--BorderColor--400);
23224
+ }
23225
+
21465
23226
  .pf-c-select {
21466
23227
  color: var(--pf-global--Color--100);
21467
23228
  --pf-c-select__toggle--PaddingTop: var(--pf-global--spacer--form-element);
@@ -22024,6 +23785,52 @@ label.pf-c-radio, .pf-c-radio__label,
22024
23785
  box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
22025
23786
  }
22026
23787
 
23788
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
23789
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
23790
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
23791
+ :where(.pf-theme-dark) .pf-c-page__header {
23792
+ --pf-global--Color--100: #fff;
23793
+ --pf-global--Color--200: #aaabac;
23794
+ --pf-global--BorderColor--100: #444548;
23795
+ --pf-global--primary-color--100: #1fa7f8;
23796
+ --pf-global--link--Color: #1fa7f8;
23797
+ --pf-global--link--Color--hover: #73bcf7;
23798
+ --pf-global--BackgroundColor--100: #1b1d21;
23799
+ }
23800
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
23801
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
23802
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
23803
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
23804
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
23805
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
23806
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
23807
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
23808
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
23809
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
23810
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
23811
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
23812
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
23813
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
23814
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
23815
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
23816
+ }
23817
+
23818
+ :where(.pf-theme-dark) .pf-c-select {
23819
+ --pf-c-select__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
23820
+ --pf-c-select__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
23821
+ --pf-c-select__toggle--before--BorderTopColor: transparent;
23822
+ --pf-c-select__toggle--before--BorderRightColor: transparent;
23823
+ --pf-c-select__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--400);
23824
+ --pf-c-select__toggle--before--BorderLeftColor: transparent;
23825
+ --pf-c-select__menu--Top: 100%;
23826
+ --pf-c-select__menu--m-top--TranslateY: -100%;
23827
+ --pf-c-select__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
23828
+ --pf-c-select__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
23829
+ }
23830
+ :where(.pf-theme-dark) .pf-c-select__toggle:disabled, :where(.pf-theme-dark) .pf-c-select__toggle.pf-m-disabled {
23831
+ color: var(--pf-global--palette--black-100);
23832
+ }
23833
+
22027
23834
  .pf-c-sidebar {
22028
23835
  --pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
22029
23836
  --pf-c-sidebar__main--FlexDirection: column;
@@ -22412,6 +24219,47 @@ label.pf-c-radio, .pf-c-radio__label,
22412
24219
  margin-top: var(--pf-c-simple-list__section--section--MarginTop);
22413
24220
  }
22414
24221
 
24222
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
24223
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
24224
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
24225
+ :where(.pf-theme-dark) .pf-c-page__header {
24226
+ --pf-global--Color--100: #fff;
24227
+ --pf-global--Color--200: #aaabac;
24228
+ --pf-global--BorderColor--100: #444548;
24229
+ --pf-global--primary-color--100: #1fa7f8;
24230
+ --pf-global--link--Color: #1fa7f8;
24231
+ --pf-global--link--Color--hover: #73bcf7;
24232
+ --pf-global--BackgroundColor--100: #1b1d21;
24233
+ }
24234
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
24235
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
24236
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
24237
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
24238
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
24239
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
24240
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
24241
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
24242
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
24243
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
24244
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
24245
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
24246
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
24247
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
24248
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
24249
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
24250
+ }
24251
+
24252
+ :where(.pf-theme-dark) .pf-c-simple-list {
24253
+ --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--active-color--100);
24254
+ --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--400);
24255
+ --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
24256
+ --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
24257
+ --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
24258
+ --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
24259
+ --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
24260
+ --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
24261
+ }
24262
+
22415
24263
  .pf-c-skeleton {
22416
24264
  --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
22417
24265
  --pf-c-skeleton--Width: auto;
@@ -22573,6 +24421,43 @@ label.pf-c-radio, .pf-c-radio__label,
22573
24421
  transform: translateX(100%);
22574
24422
  }
22575
24423
  }
24424
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
24425
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
24426
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
24427
+ :where(.pf-theme-dark) .pf-c-page__header {
24428
+ --pf-global--Color--100: #fff;
24429
+ --pf-global--Color--200: #aaabac;
24430
+ --pf-global--BorderColor--100: #444548;
24431
+ --pf-global--primary-color--100: #1fa7f8;
24432
+ --pf-global--link--Color: #1fa7f8;
24433
+ --pf-global--link--Color--hover: #73bcf7;
24434
+ --pf-global--BackgroundColor--100: #1b1d21;
24435
+ }
24436
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
24437
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
24438
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
24439
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
24440
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
24441
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
24442
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
24443
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
24444
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
24445
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
24446
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
24447
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
24448
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
24449
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
24450
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
24451
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
24452
+ }
24453
+
24454
+ :where(.pf-theme-dark) .pf-c-skeleton {
24455
+ --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
24456
+ --pf-c-skeleton--after--LinearGradientColorStop1: var(--pf-global--palette--black-600);
24457
+ --pf-c-skeleton--after--LinearGradientColorStop2: var(--pf-global--palette--black-500);
24458
+ --pf-c-skeleton--after--LinearGradientColorStop3: var(--pf-global--palette--black-600);
24459
+ }
24460
+
22576
24461
  .pf-c-skip-to-content {
22577
24462
  --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
22578
24463
  --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
@@ -23146,6 +25031,43 @@ svg.pf-c-spinner.pf-m-xl {
23146
25031
  vertical-align: top;
23147
25032
  }
23148
25033
 
25034
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
25035
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
25036
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
25037
+ :where(.pf-theme-dark) .pf-c-page__header {
25038
+ --pf-global--Color--100: #fff;
25039
+ --pf-global--Color--200: #aaabac;
25040
+ --pf-global--BorderColor--100: #444548;
25041
+ --pf-global--primary-color--100: #1fa7f8;
25042
+ --pf-global--link--Color: #1fa7f8;
25043
+ --pf-global--link--Color--hover: #73bcf7;
25044
+ --pf-global--BackgroundColor--100: #1b1d21;
25045
+ }
25046
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
25047
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
25048
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
25049
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
25050
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
25051
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
25052
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
25053
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
25054
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
25055
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
25056
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
25057
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
25058
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
25059
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
25060
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
25061
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
25062
+ }
25063
+
25064
+ :where(.pf-theme-dark) .pf-c-switch {
25065
+ --pf-c-switch__toggle-icon--Color: var(--pf-global--BackgroundColor--100);
25066
+ --pf-c-switch__input--not-checked__label--Color: var(--pf-global--Color--100);
25067
+ --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--disabled-color--100);
25068
+ --pf-c-switch__toggle--before--BoxShadow: none;
25069
+ }
25070
+
23149
25071
  .pf-c-tab-content {
23150
25072
  --pf-c-tab-content__body--PaddingTop: 0;
23151
25073
  --pf-c-tab-content__body--PaddingRight: 0;
@@ -25816,6 +27738,43 @@ svg.pf-c-spinner.pf-m-xl {
25816
27738
  --pf-c-table--cell--Width: 100%;
25817
27739
  }
25818
27740
 
27741
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
27742
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
27743
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
27744
+ :where(.pf-theme-dark) .pf-c-page__header {
27745
+ --pf-global--Color--100: #fff;
27746
+ --pf-global--Color--200: #aaabac;
27747
+ --pf-global--BorderColor--100: #444548;
27748
+ --pf-global--primary-color--100: #1fa7f8;
27749
+ --pf-global--link--Color: #1fa7f8;
27750
+ --pf-global--link--Color--hover: #73bcf7;
27751
+ --pf-global--BackgroundColor--100: #1b1d21;
27752
+ }
27753
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
27754
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
27755
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
27756
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
27757
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
27758
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
27759
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
27760
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
27761
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
27762
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
27763
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
27764
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
27765
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
27766
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
27767
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
27768
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
27769
+ }
27770
+
27771
+ :where(.pf-theme-dark) .pf-c-table {
27772
+ --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--150);
27773
+ }
27774
+ :where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:hover, :where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:focus {
27775
+ --pf-c-button--m-plain--Color: var(--pf-global--palette--gold-100);
27776
+ }
27777
+
25819
27778
  .pf-c-table {
25820
27779
  --pf-c-table__sticky-column--cell-min-width--base: 12.5rem;
25821
27780
  --pf-c-table__sticky-column--MinWidth: var(--pf-c-table__sticky-column--cell-min-width--base);
@@ -27504,6 +29463,42 @@ svg.pf-c-spinner.pf-m-xl {
27504
29463
  }
27505
29464
  }
27506
29465
 
29466
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
29467
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
29468
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
29469
+ :where(.pf-theme-dark) .pf-c-page__header {
29470
+ --pf-global--Color--100: #fff;
29471
+ --pf-global--Color--200: #aaabac;
29472
+ --pf-global--BorderColor--100: #444548;
29473
+ --pf-global--primary-color--100: #1fa7f8;
29474
+ --pf-global--link--Color: #1fa7f8;
29475
+ --pf-global--link--Color--hover: #73bcf7;
29476
+ --pf-global--BackgroundColor--100: #1b1d21;
29477
+ }
29478
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
29479
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
29480
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
29481
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
29482
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
29483
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
29484
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
29485
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
29486
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
29487
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
29488
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
29489
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
29490
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
29491
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
29492
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
29493
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
29494
+ }
29495
+
29496
+ :where(.pf-theme-dark) .pf-c-tabs {
29497
+ --pf-c-tabs__scroll-button--BackgroundColor: transparent;
29498
+ --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
29499
+ --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
29500
+ }
29501
+
27507
29502
  .pf-c-text-input-group {
27508
29503
  --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
27509
29504
  --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -27795,6 +29790,43 @@ svg.pf-c-spinner.pf-m-xl {
27795
29790
  color: var(--pf-c-tile__icon--Color);
27796
29791
  }
27797
29792
 
29793
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
29794
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
29795
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
29796
+ :where(.pf-theme-dark) .pf-c-page__header {
29797
+ --pf-global--Color--100: #fff;
29798
+ --pf-global--Color--200: #aaabac;
29799
+ --pf-global--BorderColor--100: #444548;
29800
+ --pf-global--primary-color--100: #1fa7f8;
29801
+ --pf-global--link--Color: #1fa7f8;
29802
+ --pf-global--link--Color--hover: #73bcf7;
29803
+ --pf-global--BackgroundColor--100: #1b1d21;
29804
+ }
29805
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
29806
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
29807
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
29808
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
29809
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
29810
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
29811
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
29812
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
29813
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
29814
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
29815
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
29816
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
29817
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
29818
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
29819
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
29820
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
29821
+ }
29822
+
29823
+ :where(.pf-theme-dark) .pf-c-tile {
29824
+ --pf-c-tile--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
29825
+ --pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--300);
29826
+ --pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--300);
29827
+ --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
29828
+ }
29829
+
27798
29830
  .pf-c-title {
27799
29831
  --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
27800
29832
  --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
@@ -27958,6 +29990,44 @@ svg.pf-c-spinner.pf-m-xl {
27958
29990
  margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
27959
29991
  }
27960
29992
 
29993
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
29994
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
29995
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
29996
+ :where(.pf-theme-dark) .pf-c-page__header {
29997
+ --pf-global--Color--100: #fff;
29998
+ --pf-global--Color--200: #aaabac;
29999
+ --pf-global--BorderColor--100: #444548;
30000
+ --pf-global--primary-color--100: #1fa7f8;
30001
+ --pf-global--link--Color: #1fa7f8;
30002
+ --pf-global--link--Color--hover: #73bcf7;
30003
+ --pf-global--BackgroundColor--100: #1b1d21;
30004
+ }
30005
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
30006
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
30007
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
30008
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
30009
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
30010
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
30011
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
30012
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
30013
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
30014
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
30015
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
30016
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
30017
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
30018
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
30019
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
30020
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
30021
+ }
30022
+
30023
+ :where(.pf-theme-dark) .pf-c-toggle-group {
30024
+ --pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--palette--black-700);
30025
+ --pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--palette--black-700);
30026
+ --pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--palette--black-600);
30027
+ --pf-c-toggle-group__button--disabled--Color: var(--pf-global--palette--black-100);
30028
+ --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300);
30029
+ }
30030
+
27961
30031
  .pf-c-tooltip {
27962
30032
  --pf-c-tooltip--MaxWidth: 18.75rem;
27963
30033
  --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -28042,6 +30112,49 @@ svg.pf-c-spinner.pf-m-xl {
28042
30112
  background-color: var(--pf-c-tooltip__content--BackgroundColor);
28043
30113
  }
28044
30114
 
30115
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
30116
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
30117
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
30118
+ :where(.pf-theme-dark) .pf-c-page__header {
30119
+ --pf-global--Color--100: #fff;
30120
+ --pf-global--Color--200: #aaabac;
30121
+ --pf-global--BorderColor--100: #444548;
30122
+ --pf-global--primary-color--100: #1fa7f8;
30123
+ --pf-global--link--Color: #1fa7f8;
30124
+ --pf-global--link--Color--hover: #73bcf7;
30125
+ --pf-global--BackgroundColor--100: #1b1d21;
30126
+ }
30127
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
30128
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
30129
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
30130
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
30131
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
30132
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
30133
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
30134
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
30135
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
30136
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
30137
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
30138
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
30139
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
30140
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
30141
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
30142
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
30143
+ }
30144
+
30145
+ :where(.pf-theme-dark) .pf-c-tooltip {
30146
+ --pf-c-tooltip--BoxShadow: none;
30147
+ --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
30148
+ }
30149
+ :where(.pf-theme-dark) .pf-c-tooltip,
30150
+ :where(.pf-theme-dark) .pf-c-tooltip__arrow {
30151
+ border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
30152
+ }
30153
+ :where(.pf-theme-dark) .pf-c-tooltip__arrow {
30154
+ --pf-c-tooltip__arrow--Width: 0.9375rem;
30155
+ --pf-c-tooltip__arrow--Height: 0.9375rem;
30156
+ }
30157
+
28045
30158
  .pf-c-truncate {
28046
30159
  --pf-c-truncate--MinWidth: 12ch;
28047
30160
  --pf-c-truncate__start--MinWidth: 6ch;
@@ -28530,6 +30643,41 @@ svg.pf-c-spinner.pf-m-xl {
28530
30643
  --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
28531
30644
  }
28532
30645
 
30646
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
30647
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
30648
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
30649
+ :where(.pf-theme-dark) .pf-c-page__header {
30650
+ --pf-global--Color--100: #fff;
30651
+ --pf-global--Color--200: #aaabac;
30652
+ --pf-global--BorderColor--100: #444548;
30653
+ --pf-global--primary-color--100: #1fa7f8;
30654
+ --pf-global--link--Color: #1fa7f8;
30655
+ --pf-global--link--Color--hover: #73bcf7;
30656
+ --pf-global--BackgroundColor--100: #1b1d21;
30657
+ }
30658
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
30659
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
30660
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
30661
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
30662
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
30663
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
30664
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
30665
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
30666
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
30667
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
30668
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
30669
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
30670
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
30671
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
30672
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
30673
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
30674
+ }
30675
+
30676
+ :where(.pf-theme-dark) .pf-c-tree-view {
30677
+ --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
30678
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
30679
+ }
30680
+
28533
30681
  .pf-c-wizard {
28534
30682
  --pf-c-wizard--Height: 100%;
28535
30683
  --pf-c-modal-box--c-wizard--FlexBasis: 47.625rem;
@@ -29012,6 +31160,46 @@ svg.pf-c-spinner.pf-m-xl {
29012
31160
  margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
29013
31161
  }
29014
31162
 
31163
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
31164
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
31165
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
31166
+ :where(.pf-theme-dark) .pf-c-page__header {
31167
+ --pf-global--Color--100: #fff;
31168
+ --pf-global--Color--200: #aaabac;
31169
+ --pf-global--BorderColor--100: #444548;
31170
+ --pf-global--primary-color--100: #1fa7f8;
31171
+ --pf-global--link--Color: #1fa7f8;
31172
+ --pf-global--link--Color--hover: #73bcf7;
31173
+ --pf-global--BackgroundColor--100: #1b1d21;
31174
+ }
31175
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
31176
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
31177
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
31178
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
31179
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
31180
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
31181
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
31182
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
31183
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
31184
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
31185
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
31186
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
31187
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
31188
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
31189
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
31190
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
31191
+ }
31192
+
31193
+ :where(.pf-theme-dark) .pf-c-wizard {
31194
+ --pf-c-wizard__nav-link--m-disabled--Color: var(--pf-global--disabled-color--300);
31195
+ --pf-c-wizard__nav-link--m-disabled--before--Color: var(--pf-global--disabled-color--300);
31196
+ --pf-c-wizard__nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
31197
+ --pf-c-wizard__outer-wrap--BackgroundColor: var(--pf-global--BackgroundColor--300);
31198
+ }
31199
+ :where(.pf-theme-dark) .pf-c-wizard__header {
31200
+ color: var(--pf-global--Color--100);
31201
+ }
31202
+
29015
31203
  .pf-l-bullseye {
29016
31204
  --pf-l-bullseye--Padding: 0;
29017
31205
  display: flex;