@patternfly/patternfly 4.194.4 → 4.196.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (184) hide show
  1. package/base/_globals.scss +7 -0
  2. package/base/_variables.scss +9 -0
  3. package/base/patternfly-globals.css +4 -0
  4. package/base/patternfly-variables.css +85 -0
  5. package/components/AboutModalBox/about-modal-box.css +28 -0
  6. package/components/AboutModalBox/about-modal-box.scss +7 -0
  7. package/components/AboutModalBox/themes/dark/about-modal-box.scss +4 -6
  8. package/components/Accordion/accordion.css +6 -0
  9. package/components/Accordion/accordion.scss +7 -0
  10. package/components/Accordion/themes/dark/accordion.scss +3 -1
  11. package/components/Alert/alert.css +14 -0
  12. package/components/Alert/alert.scss +7 -0
  13. package/components/Alert/themes/dark/alert.scss +3 -1
  14. package/components/AppLauncher/app-launcher.css +12 -0
  15. package/components/AppLauncher/app-launcher.scss +7 -0
  16. package/components/AppLauncher/themes/dark/app-launcher.scss +3 -1
  17. package/components/Badge/badge.css +5 -0
  18. package/components/Badge/badge.scss +7 -0
  19. package/components/Badge/themes/dark/badge.scss +3 -1
  20. package/components/Banner/banner.css +31 -0
  21. package/components/Banner/banner.scss +7 -0
  22. package/components/Banner/themes/dark/banner.scss +4 -2
  23. package/components/Breadcrumb/breadcrumb.css +4 -0
  24. package/components/Breadcrumb/breadcrumb.scss +7 -0
  25. package/components/Breadcrumb/themes/dark/breadcrumb.scss +3 -1
  26. package/components/Button/button.css +38 -0
  27. package/components/Button/button.scss +7 -0
  28. package/components/Button/themes/dark/button.scss +3 -1
  29. package/components/CalendarMonth/calendar-month.css +22 -0
  30. package/components/CalendarMonth/calendar-month.scss +7 -0
  31. package/components/CalendarMonth/themes/dark/calendar-month.scss +3 -1
  32. package/components/Chip/chip.css +6 -0
  33. package/components/Chip/chip.scss +7 -0
  34. package/components/Chip/themes/dark/chip.scss +3 -1
  35. package/components/ClipboardCopy/clipboard-copy.css +11 -0
  36. package/components/ClipboardCopy/clipboard-copy.scss +7 -0
  37. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +3 -1
  38. package/components/CodeEditor/code-editor.css +4 -0
  39. package/components/CodeEditor/code-editor.scss +7 -0
  40. package/components/CodeEditor/themes/dark/code-editor.scss +3 -1
  41. package/components/ContextSelector/context-selector.css +17 -0
  42. package/components/ContextSelector/context-selector.scss +7 -0
  43. package/components/ContextSelector/themes/dark/context-selector.scss +3 -1
  44. package/components/DataList/data-list.css +7 -0
  45. package/components/DataList/data-list.scss +7 -0
  46. package/components/DataList/themes/dark/data-list.scss +3 -1
  47. package/components/DatePicker/date-picker.css +5 -0
  48. package/components/DatePicker/date-picker.scss +7 -0
  49. package/components/DatePicker/themes/dark/date-picker.scss +3 -1
  50. package/components/Drawer/drawer.css +7 -0
  51. package/components/Drawer/drawer.scss +7 -0
  52. package/components/Drawer/themes/dark/drawer.scss +3 -1
  53. package/components/Dropdown/dropdown.css +22 -0
  54. package/components/Dropdown/dropdown.scss +7 -0
  55. package/components/Dropdown/themes/dark/dropdown.scss +3 -1
  56. package/components/Form/form.css +4 -0
  57. package/components/Form/form.scss +7 -0
  58. package/components/Form/themes/dark/form.scss +3 -1
  59. package/components/FormControl/form-control.css +22 -0
  60. package/components/FormControl/form-control.scss +7 -0
  61. package/components/FormControl/themes/dark/form-control.scss +3 -1
  62. package/components/HelperText/helper-text.css +4 -0
  63. package/components/HelperText/helper-text.scss +7 -0
  64. package/components/HelperText/themes/dark/helper-text.scss +3 -1
  65. package/components/Hint/hint.css +5 -0
  66. package/components/Hint/hint.scss +7 -0
  67. package/components/Hint/themes/dark/hint.scss +3 -1
  68. package/components/InputGroup/input-group.css +22 -0
  69. package/components/InputGroup/input-group.scss +7 -0
  70. package/components/InputGroup/themes/dark/input-group.scss +3 -1
  71. package/components/Label/label.css +71 -2
  72. package/components/Label/label.scss +37 -2
  73. package/components/Label/themes/dark/label.scss +3 -1
  74. package/components/LogViewer/log-viewer.css +28 -0
  75. package/components/LogViewer/log-viewer.scss +7 -0
  76. package/components/LogViewer/themes/dark/log-viewer.scss +4 -2
  77. package/components/Login/login.css +31 -0
  78. package/components/Login/login.scss +7 -0
  79. package/components/Login/themes/dark/login.scss +4 -2
  80. package/components/Masthead/masthead.css +32 -0
  81. package/components/Masthead/masthead.scss +7 -0
  82. package/components/Masthead/themes/dark/masthead.scss +4 -2
  83. package/components/Menu/menu.css +9 -0
  84. package/components/Menu/menu.scss +7 -0
  85. package/components/Menu/themes/dark/menu.scss +3 -1
  86. package/components/MenuToggle/menu-toggle.css +19 -0
  87. package/components/MenuToggle/menu-toggle.scss +7 -0
  88. package/components/MenuToggle/themes/dark/menu-toggle.scss +3 -1
  89. package/components/ModalBox/modal-box.css +4 -0
  90. package/components/ModalBox/modal-box.scss +7 -0
  91. package/components/ModalBox/themes/dark/modal-box.scss +3 -1
  92. package/components/Nav/nav.css +34 -0
  93. package/components/Nav/nav.scss +7 -0
  94. package/components/Nav/themes/dark/nav.scss +3 -1
  95. package/components/NotificationBadge/notification-badge.css +4 -0
  96. package/components/NotificationBadge/notification-badge.scss +7 -0
  97. package/components/NotificationBadge/themes/dark/notification-badge.scss +3 -1
  98. package/components/NotificationDrawer/notification-drawer.css +11 -0
  99. package/components/NotificationDrawer/notification-drawer.scss +7 -0
  100. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +3 -1
  101. package/components/OptionsMenu/options-menu.css +17 -0
  102. package/components/OptionsMenu/options-menu.scss +7 -0
  103. package/components/OptionsMenu/themes/dark/options-menu.scss +3 -1
  104. package/components/Page/page.css +65 -0
  105. package/components/Page/page.scss +12 -0
  106. package/components/Page/themes/dark/page.scss +4 -2
  107. package/components/Pagination/pagination.css +4 -0
  108. package/components/Pagination/pagination.scss +7 -0
  109. package/components/Pagination/themes/dark/pagination.scss +3 -1
  110. package/components/Popover/popover.css +13 -0
  111. package/components/Popover/popover.scss +7 -0
  112. package/components/Popover/themes/dark/popover.scss +3 -1
  113. package/components/Progress/progress.css +6 -0
  114. package/components/Progress/progress.scss +7 -0
  115. package/components/Progress/themes/dark/progress.scss +3 -1
  116. package/components/SearchInput/search-input.css +9 -0
  117. package/components/SearchInput/search-input.scss +7 -0
  118. package/components/SearchInput/themes/dark/search-input.scss +3 -1
  119. package/components/Select/select.css +16 -0
  120. package/components/Select/select.scss +7 -0
  121. package/components/Select/themes/dark/select.scss +3 -1
  122. package/components/SimpleList/simple-list.css +11 -0
  123. package/components/SimpleList/simple-list.scss +7 -0
  124. package/components/SimpleList/themes/dark/simple-list.scss +3 -1
  125. package/components/Skeleton/skeleton.css +6 -0
  126. package/components/Skeleton/skeleton.scss +7 -0
  127. package/components/Skeleton/themes/dark/skeleton.scss +3 -1
  128. package/components/Switch/switch.css +7 -0
  129. package/components/Switch/switch.scss +7 -0
  130. package/components/Switch/themes/dark/switch.scss +3 -1
  131. package/components/Table/table.css +7 -0
  132. package/components/Table/table.scss +7 -0
  133. package/components/Table/themes/dark/table.scss +7 -1
  134. package/components/Tabs/tabs.css +6 -0
  135. package/components/Tabs/tabs.scss +7 -0
  136. package/components/Tabs/themes/dark/tabs.scss +3 -1
  137. package/components/Tile/themes/dark/tile.scss +3 -1
  138. package/components/Tile/tile.css +7 -0
  139. package/components/Tile/tile.scss +7 -0
  140. package/components/ToggleGroup/themes/dark/toggle-group.scss +3 -1
  141. package/components/ToggleGroup/toggle-group.css +8 -0
  142. package/components/ToggleGroup/toggle-group.scss +7 -0
  143. package/components/Tooltip/themes/dark/tooltip.scss +3 -1
  144. package/components/Tooltip/tooltip.css +13 -0
  145. package/components/Tooltip/tooltip.scss +7 -0
  146. package/components/TreeView/themes/dark/tree-view.scss +3 -1
  147. package/components/TreeView/tree-view.css +5 -0
  148. package/components/TreeView/tree-view.scss +7 -0
  149. package/components/Wizard/themes/dark/wizard.scss +4 -2
  150. package/components/Wizard/wizard.css +34 -0
  151. package/components/Wizard/wizard.scss +7 -0
  152. package/docs/components/FormControl/examples/FormControl.md +2 -0
  153. package/docs/components/Label/examples/Label.md +147 -0
  154. package/docs/components/Table/examples/Table.md +477 -3
  155. package/docs/demos/Drawer/examples/Drawer.md +1930 -0
  156. package/docs/demos/JumpLinks/examples/JumpLinks.md +1946 -0
  157. package/docs/utilities/Text/examples/Text.md +43 -26
  158. package/package.json +1 -1
  159. package/patternfly-addons.css +24 -0
  160. package/patternfly-base-no-reset.css +93 -4
  161. package/patternfly-base.css +93 -4
  162. package/patternfly-no-reset.css +2222 -34
  163. package/patternfly-theme-dark.css +0 -636
  164. package/patternfly-theme-dark.scss +1 -7
  165. package/patternfly.css +2222 -34
  166. package/patternfly.min.css +1 -1
  167. package/patternfly.min.css.map +1 -1
  168. package/sass-utilities/colors.scss +1 -0
  169. package/sass-utilities/mixins.scss +7 -0
  170. package/sass-utilities/scss-variables.scss +1 -0
  171. package/sass-utilities/themes/dark/_all.scss +4 -0
  172. package/themes/dark/_patternfly-charts-theme-dark.scss +1 -1
  173. package/utilities/Text/text.css +24 -0
  174. package/utilities/Text/text.scss +24 -0
  175. package/patternfly-theme-dark-prefers-color-scheme.css +0 -711
  176. package/patternfly-theme-dark-prefers-color-scheme.scss +0 -5
  177. package/themes/dark/_chart-globals.scss +0 -39
  178. package/themes/dark/_patternfly-theme-dark.scss +0 -119
  179. package/themes/dark/_variables.scss +0 -94
  180. package/themes/dark/colors.scss +0 -16
  181. package/themes/dark/globals.scss +0 -7
  182. package/themes/dark/mixins.scss +0 -5
  183. package/themes/dark/placeholders.scss +0 -30
  184. package/themes/dark/scss-variables.scss +0 -85
package/patternfly.css CHANGED
@@ -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");
@@ -759,6 +874,10 @@ a {
759
874
  font-weight: var(--pf-global--FontWeight--semi-bold);
760
875
  }
761
876
 
877
+ :root:where(.pf-theme-dark) {
878
+ color-scheme: dark;
879
+ }
880
+
762
881
  .pf-t-dark.pf-m-transparent {
763
882
  background-color: transparent;
764
883
  }
@@ -769,10 +888,10 @@ a {
769
888
  background-color: rgba(3, 3, 3, 0.6);
770
889
  }
771
890
  .pf-t-dark.pf-m-opaque-100 {
772
- background-color: #3c3f42;
891
+ background-color: #1b1d21;
773
892
  }
774
893
  .pf-t-dark.pf-m-opaque-200 {
775
- background-color: #151515;
894
+ background-color: #0f1214;
776
895
  }
777
896
 
778
897
  .pf-t-light.pf-m-transparent {
@@ -782,10 +901,10 @@ a {
782
901
  background-color: #fff;
783
902
  }
784
903
  .pf-t-light.pf-m-opaque-200 {
785
- background-color: #fafafa;
904
+ background-color: #c6c7c8;
786
905
  }
787
906
  .pf-t-light.pf-m-opaque-300 {
788
- background-color: #f0f0f0;
907
+ background-color: #aaabac;
789
908
  }
790
909
 
791
910
  * .fa,
@@ -5720,6 +5839,40 @@ a {
5720
5839
  }
5721
5840
  }
5722
5841
 
5842
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
5843
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
5844
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
5845
+ :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 {
5846
+ --pf-global--Color--100: #fff;
5847
+ --pf-global--Color--200: #aaabac;
5848
+ --pf-global--BorderColor--100: #444548;
5849
+ --pf-global--primary-color--100: #1fa7f8;
5850
+ --pf-global--link--Color: #1fa7f8;
5851
+ --pf-global--link--Color--hover: #73bcf7;
5852
+ --pf-global--BackgroundColor--100: #1b1d21;
5853
+ }
5854
+ :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,
5855
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
5856
+ :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,
5857
+ :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 {
5858
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
5859
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
5860
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
5861
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
5862
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
5863
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
5864
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
5865
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
5866
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
5867
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
5868
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
5869
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
5870
+ }
5871
+
5872
+ :where(.pf-theme-dark) .pf-c-about-modal-box {
5873
+ color: var(--pf-global--Color--100);
5874
+ }
5875
+
5723
5876
  .pf-c-accordion {
5724
5877
  --pf-c-accordion--BackgroundColor: var(--pf-global--BackgroundColor--100);
5725
5878
  --pf-c-accordion__toggle--PaddingTop: var(--pf-global--spacer--sm);
@@ -5929,6 +6082,42 @@ a {
5929
6082
  --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
5930
6083
  }
5931
6084
 
6085
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
6086
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
6087
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
6088
+ :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 {
6089
+ --pf-global--Color--100: #fff;
6090
+ --pf-global--Color--200: #aaabac;
6091
+ --pf-global--BorderColor--100: #444548;
6092
+ --pf-global--primary-color--100: #1fa7f8;
6093
+ --pf-global--link--Color: #1fa7f8;
6094
+ --pf-global--link--Color--hover: #73bcf7;
6095
+ --pf-global--BackgroundColor--100: #1b1d21;
6096
+ }
6097
+ :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,
6098
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
6099
+ :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,
6100
+ :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 {
6101
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
6102
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
6103
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
6104
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
6105
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
6106
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
6107
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
6108
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
6109
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
6110
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
6111
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
6112
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
6113
+ }
6114
+
6115
+ :where(.pf-theme-dark) .pf-c-accordion {
6116
+ --pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
6117
+ --pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
6118
+ --pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
6119
+ }
6120
+
5932
6121
  .pf-c-action-list {
5933
6122
  --pf-c-action-list--m-icon--spacer: 0;
5934
6123
  --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
@@ -6152,6 +6341,50 @@ a {
6152
6341
  --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
6153
6342
  }
6154
6343
 
6344
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
6345
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
6346
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
6347
+ :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 {
6348
+ --pf-global--Color--100: #fff;
6349
+ --pf-global--Color--200: #aaabac;
6350
+ --pf-global--BorderColor--100: #444548;
6351
+ --pf-global--primary-color--100: #1fa7f8;
6352
+ --pf-global--link--Color: #1fa7f8;
6353
+ --pf-global--link--Color--hover: #73bcf7;
6354
+ --pf-global--BackgroundColor--100: #1b1d21;
6355
+ }
6356
+ :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,
6357
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
6358
+ :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,
6359
+ :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 {
6360
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
6361
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
6362
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
6363
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
6364
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
6365
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
6366
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
6367
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
6368
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
6369
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
6370
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
6371
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
6372
+ }
6373
+
6374
+ :where(.pf-theme-dark) .pf-c-alert {
6375
+ --pf-c-alert--BackgroundColor: var(--pf-global--palette--black-600);
6376
+ --pf-c-alert__title--Color: var(--pf-global--default-color--200);
6377
+ --pf-c-alert--m-success__title--Color: var(--pf-global--success-color--100);
6378
+ --pf-c-alert--m-danger__title--Color: var(--pf-global--danger-color--100);
6379
+ --pf-c-alert--m-warning__title--Color: var(--pf-global--warning-color--100);
6380
+ --pf-c-alert--m-info__title--Color: var(--pf-global--info-color--100);
6381
+ --pf-c-alert--m-inline--BackgroundColor: var(--pf-global--palette--black-600);
6382
+ --pf-c-alert--m-inline--m-success--BackgroundColor: var(--pf-global--palette--black-600);
6383
+ --pf-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-global--palette--black-600);
6384
+ --pf-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-global--palette--black-600);
6385
+ --pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--black-600);
6386
+ }
6387
+
6155
6388
  .pf-c-alert-group {
6156
6389
  --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
6157
6390
  --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);
@@ -6420,6 +6653,48 @@ a {
6420
6653
  color: var(--pf-c-app-launcher__group-title--Color);
6421
6654
  }
6422
6655
 
6656
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
6657
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
6658
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
6659
+ :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 {
6660
+ --pf-global--Color--100: #fff;
6661
+ --pf-global--Color--200: #aaabac;
6662
+ --pf-global--BorderColor--100: #444548;
6663
+ --pf-global--primary-color--100: #1fa7f8;
6664
+ --pf-global--link--Color: #1fa7f8;
6665
+ --pf-global--link--Color--hover: #73bcf7;
6666
+ --pf-global--BackgroundColor--100: #1b1d21;
6667
+ }
6668
+ :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,
6669
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
6670
+ :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,
6671
+ :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 {
6672
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
6673
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
6674
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
6675
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
6676
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
6677
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
6678
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
6679
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
6680
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
6681
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
6682
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
6683
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
6684
+ }
6685
+
6686
+ :where(.pf-theme-dark) .pf-c-app-launcher {
6687
+ --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
6688
+ --pf-c-app-launcher__menu--Top: 100%;
6689
+ --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
6690
+ --pf-c-app-launcher__menu-item--disabled--Color: var(--pf-global--palette--black-300);
6691
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
6692
+ --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-300);
6693
+ --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-100);
6694
+ --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
6695
+ --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--bold);
6696
+ }
6697
+
6423
6698
  .pf-c-avatar {
6424
6699
  --pf-c-avatar--BorderColor: transparent;
6425
6700
  --pf-c-avatar--BorderWidth: 0;
@@ -6798,6 +7073,41 @@ a {
6798
7073
  --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-unread--BackgroundColor);
6799
7074
  }
6800
7075
 
7076
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
7077
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
7078
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
7079
+ :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 {
7080
+ --pf-global--Color--100: #fff;
7081
+ --pf-global--Color--200: #aaabac;
7082
+ --pf-global--BorderColor--100: #444548;
7083
+ --pf-global--primary-color--100: #1fa7f8;
7084
+ --pf-global--link--Color: #1fa7f8;
7085
+ --pf-global--link--Color--hover: #73bcf7;
7086
+ --pf-global--BackgroundColor--100: #1b1d21;
7087
+ }
7088
+ :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,
7089
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
7090
+ :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,
7091
+ :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 {
7092
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
7093
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
7094
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
7095
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
7096
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
7097
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
7098
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
7099
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
7100
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
7101
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
7102
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
7103
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
7104
+ }
7105
+
7106
+ :where(.pf-theme-dark) .pf-c-badge {
7107
+ --pf-c-badge--m-read--BackgroundColor: var(--pf-global--palette--black-500);
7108
+ --pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--300);
7109
+ }
7110
+
6801
7111
  .pf-c-banner {
6802
7112
  --pf-c-banner--PaddingTop: var(--pf-global--spacer--xs);
6803
7113
  --pf-c-banner--PaddingRight: var(--pf-global--spacer--md);
@@ -6885,6 +7195,43 @@ a {
6885
7195
  cursor: not-allowed;
6886
7196
  }
6887
7197
 
7198
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
7199
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
7200
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
7201
+ :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 {
7202
+ --pf-global--Color--100: #fff;
7203
+ --pf-global--Color--200: #aaabac;
7204
+ --pf-global--BorderColor--100: #444548;
7205
+ --pf-global--primary-color--100: #1fa7f8;
7206
+ --pf-global--link--Color: #1fa7f8;
7207
+ --pf-global--link--Color--hover: #73bcf7;
7208
+ --pf-global--BackgroundColor--100: #1b1d21;
7209
+ }
7210
+ :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,
7211
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
7212
+ :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,
7213
+ :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 {
7214
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
7215
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
7216
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
7217
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
7218
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
7219
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
7220
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
7221
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
7222
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
7223
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
7224
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
7225
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
7226
+ }
7227
+
7228
+ :where(.pf-theme-dark) .pf-c-banner {
7229
+ color: var(--pf-global--Color--100);
7230
+ }
7231
+ :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 {
7232
+ color: var(--pf-global--palette--black-900);
7233
+ }
7234
+
6888
7235
  .pf-c-brand {
6889
7236
  --pf-c-brand--Width: auto;
6890
7237
  --pf-c-brand--Height: auto;
@@ -7045,6 +7392,40 @@ button.pf-c-breadcrumb__link {
7045
7392
  visibility: hidden;
7046
7393
  }
7047
7394
 
7395
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
7396
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
7397
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
7398
+ :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 {
7399
+ --pf-global--Color--100: #fff;
7400
+ --pf-global--Color--200: #aaabac;
7401
+ --pf-global--BorderColor--100: #444548;
7402
+ --pf-global--primary-color--100: #1fa7f8;
7403
+ --pf-global--link--Color: #1fa7f8;
7404
+ --pf-global--link--Color--hover: #73bcf7;
7405
+ --pf-global--BackgroundColor--100: #1b1d21;
7406
+ }
7407
+ :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,
7408
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
7409
+ :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,
7410
+ :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 {
7411
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
7412
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
7413
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
7414
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
7415
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
7416
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
7417
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
7418
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
7419
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
7420
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
7421
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
7422
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
7423
+ }
7424
+
7425
+ :where(.pf-theme-dark) .pf-c-breadcrumb {
7426
+ --pf-c-breadcrumb__item-divider--Color: var(--pf-global--BorderColor--100);
7427
+ }
7428
+
7048
7429
  .pf-c-button {
7049
7430
  --pf-c-button--PaddingTop: var(--pf-global--spacer--form-element);
7050
7431
  --pf-c-button--PaddingRight: var(--pf-global--spacer--md);
@@ -7523,6 +7904,74 @@ button.pf-c-breadcrumb__link {
7523
7904
  --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
7524
7905
  }
7525
7906
 
7907
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
7908
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
7909
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
7910
+ :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 {
7911
+ --pf-global--Color--100: #fff;
7912
+ --pf-global--Color--200: #aaabac;
7913
+ --pf-global--BorderColor--100: #444548;
7914
+ --pf-global--primary-color--100: #1fa7f8;
7915
+ --pf-global--link--Color: #1fa7f8;
7916
+ --pf-global--link--Color--hover: #73bcf7;
7917
+ --pf-global--BackgroundColor--100: #1b1d21;
7918
+ }
7919
+ :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,
7920
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
7921
+ :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,
7922
+ :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 {
7923
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
7924
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
7925
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
7926
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
7927
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
7928
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
7929
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
7930
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
7931
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
7932
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
7933
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
7934
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
7935
+ }
7936
+
7937
+ :where(.pf-theme-dark) .pf-c-button {
7938
+ --pf-c-button--disabled--Color: var(--pf-global--disabled-color--300);
7939
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
7940
+ --pf-c-button--m-tertiary--after--BorderColor: var(--pf-global--BorderColor--100);
7941
+ --pf-c-button--m-tertiary--Color: var(--pf-global--palette--black-100);
7942
+ --pf-c-button--m-tertiary--hover--after--BorderColor: var(--pf-global--BorderColor--100);
7943
+ --pf-c-button--m-tertiary--hover--Color: var(--pf-global--palette--black-100);
7944
+ --pf-c-button--m-tertiary--focus--after--BorderColor: var(--pf-global--BorderColor--100);
7945
+ --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
7946
+ --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
7947
+ --pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
7948
+ --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
7949
+ --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
7950
+ --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
7951
+ --pf-c-button--m-danger--Color: var(--pf-global--palette--black-900);
7952
+ --pf-c-button--m-danger--hover--Color: var(--pf-global--palette--black-900);
7953
+ --pf-c-button--m-danger--focus--Color: var(--pf-global--palette--black-900);
7954
+ --pf-c-button--m-danger--active--Color: var(--pf-global--palette--black-900);
7955
+ --pf-c-button--m-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
7956
+ --pf-c-button--m-control--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
7957
+ --pf-c-button--m-control--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
7958
+ --pf-c-button--m-control--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
7959
+ --pf-c-button--m-control--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400);
7960
+ --pf-c-button--m-control--after--BorderTopColor: transparent;
7961
+ --pf-c-button--m-control--after--BorderRightColor: transparent;
7962
+ --pf-c-button--m-control--after--BorderBottomColor: var(--pf-global--BorderColor--400);
7963
+ --pf-c-button--m-control--after--BorderLeftColor: transparent;
7964
+ --pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--primary-color--100);
7965
+ --pf-c-button--m-control--active--after--BorderBottomColor: var(--pf-global--primary-color--100);
7966
+ --pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--primary-color--100);
7967
+ --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--primary-color--100);
7968
+ --pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
7969
+ }
7970
+ :where(.pf-theme-dark) .pf-c-button.pf-m-control:disabled::after {
7971
+ border: 0;
7972
+ border-bottom: var(--pf-global--BorderWidth--sm) solid var(--pf-global--palette--black-700);
7973
+ }
7974
+
7526
7975
  .pf-c-calendar-month {
7527
7976
  --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
7528
7977
  --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
@@ -7713,6 +8162,58 @@ button.pf-c-breadcrumb__link {
7713
8162
  --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
7714
8163
  }
7715
8164
 
8165
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8166
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8167
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
8168
+ :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 {
8169
+ --pf-global--Color--100: #fff;
8170
+ --pf-global--Color--200: #aaabac;
8171
+ --pf-global--BorderColor--100: #444548;
8172
+ --pf-global--primary-color--100: #1fa7f8;
8173
+ --pf-global--link--Color: #1fa7f8;
8174
+ --pf-global--link--Color--hover: #73bcf7;
8175
+ --pf-global--BackgroundColor--100: #1b1d21;
8176
+ }
8177
+ :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,
8178
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
8179
+ :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,
8180
+ :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 {
8181
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
8182
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
8183
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
8184
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
8185
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
8186
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
8187
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
8188
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
8189
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
8190
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
8191
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
8192
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
8193
+ }
8194
+
8195
+ :where(.pf-theme-dark) .pf-c-calendar-month {
8196
+ --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--palette--black-500);
8197
+ --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--primary-color--300);
8198
+ --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--palette--black-900);
8199
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--palette--blue-400);
8200
+ --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--BackgroundColor--200);
8201
+ --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
8202
+ --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
8203
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
8204
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
8205
+ --pf-c-calendar-month__date--focus--after--BorderColor: transparent;
8206
+ }
8207
+ :where(.pf-theme-dark) .pf-c-calendar-month__date:hover, :where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-hover {
8208
+ --pf-c-calendar-month__date--after--BorderColor: var(--pf-global--BorderColor--100);
8209
+ --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--sm);
8210
+ }
8211
+ :where(.pf-theme-dark) .pf-c-calendar-month__date:focus, :where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-focus {
8212
+ --pf-c-calendar-month__date--after--BorderColor: var(--pf-global--active-color--100);
8213
+ --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--sm);
8214
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-global--primary-color--300);
8215
+ }
8216
+
7716
8217
  .pf-c-card {
7717
8218
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
7718
8219
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
@@ -8179,6 +8680,42 @@ label.pf-c-check, .pf-c-check__label,
8179
8680
  margin-left: var(--pf-c-chip__icon--MarginLeft);
8180
8681
  }
8181
8682
 
8683
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8684
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8685
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
8686
+ :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 {
8687
+ --pf-global--Color--100: #fff;
8688
+ --pf-global--Color--200: #aaabac;
8689
+ --pf-global--BorderColor--100: #444548;
8690
+ --pf-global--primary-color--100: #1fa7f8;
8691
+ --pf-global--link--Color: #1fa7f8;
8692
+ --pf-global--link--Color--hover: #73bcf7;
8693
+ --pf-global--BackgroundColor--100: #1b1d21;
8694
+ }
8695
+ :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,
8696
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
8697
+ :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,
8698
+ :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 {
8699
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
8700
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
8701
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
8702
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
8703
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
8704
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
8705
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
8706
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
8707
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
8708
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
8709
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
8710
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
8711
+ }
8712
+
8713
+ :where(.pf-theme-dark) .pf-c-chip {
8714
+ --pf-c-chip--BackgroundColor: var(--pf-global--BackgroundColor--100);
8715
+ --pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--100);
8716
+ --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--palette--black-600);
8717
+ }
8718
+
8182
8719
  .pf-c-chip-group {
8183
8720
  color: var(--pf-global--Color--100);
8184
8721
  --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
@@ -8341,6 +8878,47 @@ label.pf-c-check, .pf-c-check__label,
8341
8878
  --pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft);
8342
8879
  }
8343
8880
 
8881
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8882
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8883
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
8884
+ :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 {
8885
+ --pf-global--Color--100: #fff;
8886
+ --pf-global--Color--200: #aaabac;
8887
+ --pf-global--BorderColor--100: #444548;
8888
+ --pf-global--primary-color--100: #1fa7f8;
8889
+ --pf-global--link--Color: #1fa7f8;
8890
+ --pf-global--link--Color--hover: #73bcf7;
8891
+ --pf-global--BackgroundColor--100: #1b1d21;
8892
+ }
8893
+ :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,
8894
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
8895
+ :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,
8896
+ :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 {
8897
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
8898
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
8899
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
8900
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
8901
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
8902
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
8903
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
8904
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
8905
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
8906
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
8907
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
8908
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
8909
+ }
8910
+
8911
+ :where(.pf-theme-dark) .pf-c-clipboard-copy {
8912
+ --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--400);
8913
+ }
8914
+ :where(.pf-theme-dark) .pf-c-clipboard-copy__group > * + * {
8915
+ margin-left: 0;
8916
+ border-left: 1px solid var(--pf-global--palette--black-700) !important;
8917
+ }
8918
+ :where(.pf-theme-dark) .pf-c-clipboard-copy__expandable-content {
8919
+ border: 0;
8920
+ }
8921
+
8344
8922
  .pf-c-code-block {
8345
8923
  --pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
8346
8924
  --pf-c-code-block__header--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
@@ -8516,6 +9094,40 @@ label.pf-c-check, .pf-c-check__label,
8516
9094
  margin-left: var(--pf-c-code-editor__tab-icon--text--MarginLeft);
8517
9095
  }
8518
9096
 
9097
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
9098
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
9099
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
9100
+ :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 {
9101
+ --pf-global--Color--100: #fff;
9102
+ --pf-global--Color--200: #aaabac;
9103
+ --pf-global--BorderColor--100: #444548;
9104
+ --pf-global--primary-color--100: #1fa7f8;
9105
+ --pf-global--link--Color: #1fa7f8;
9106
+ --pf-global--link--Color--hover: #73bcf7;
9107
+ --pf-global--BackgroundColor--100: #1b1d21;
9108
+ }
9109
+ :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,
9110
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
9111
+ :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,
9112
+ :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 {
9113
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
9114
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
9115
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
9116
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
9117
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
9118
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
9119
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
9120
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
9121
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
9122
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
9123
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
9124
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
9125
+ }
9126
+
9127
+ :where(.pf-theme-dark) .pf-c-code-editor__controls > * + * {
9128
+ border-left: 1px solid var(--pf-global--palette--black-700);
9129
+ }
9130
+
8519
9131
  .pf-c-content {
8520
9132
  --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
8521
9133
  --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
@@ -9051,6 +9663,53 @@ label.pf-c-check, .pf-c-check__label,
9051
9663
  pointer-events: none;
9052
9664
  }
9053
9665
 
9666
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
9667
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
9668
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
9669
+ :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 {
9670
+ --pf-global--Color--100: #fff;
9671
+ --pf-global--Color--200: #aaabac;
9672
+ --pf-global--BorderColor--100: #444548;
9673
+ --pf-global--primary-color--100: #1fa7f8;
9674
+ --pf-global--link--Color: #1fa7f8;
9675
+ --pf-global--link--Color--hover: #73bcf7;
9676
+ --pf-global--BackgroundColor--100: #1b1d21;
9677
+ }
9678
+ :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,
9679
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
9680
+ :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,
9681
+ :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 {
9682
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
9683
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
9684
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
9685
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
9686
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
9687
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
9688
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
9689
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
9690
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
9691
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
9692
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
9693
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
9694
+ }
9695
+
9696
+ :where(.pf-theme-dark) .pf-c-context-selector {
9697
+ --pf-c-context-selector__menu--Top: 100%;
9698
+ --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
9699
+ }
9700
+ :where(.pf-theme-dark) .pf-c-context-selector__toggle {
9701
+ background: var(--pf-global--BackgroundColor--400);
9702
+ }
9703
+ :where(.pf-theme-dark) .pf-c-context-selector__toggle.pf-m-plain {
9704
+ background: transparent;
9705
+ }
9706
+ :where(.pf-theme-dark) .pf-c-context-selector__menu {
9707
+ background: var(--pf-global--BackgroundColor--300);
9708
+ }
9709
+ :where(.pf-theme-dark) .pf-c-context-selector__menu-footer {
9710
+ border-top: 1px solid var(--pf-global--BorderColor--300);
9711
+ }
9712
+
9054
9713
  @media screen and (min-width: 768px) {
9055
9714
  .pf-c-data-list:not([class*=pf-m-grid]) {
9056
9715
  --pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
@@ -9887,6 +10546,43 @@ label.pf-c-check, .pf-c-check__label,
9887
10546
  padding: 0;
9888
10547
  }
9889
10548
 
10549
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
10550
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
10551
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
10552
+ :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 {
10553
+ --pf-global--Color--100: #fff;
10554
+ --pf-global--Color--200: #aaabac;
10555
+ --pf-global--BorderColor--100: #444548;
10556
+ --pf-global--primary-color--100: #1fa7f8;
10557
+ --pf-global--link--Color: #1fa7f8;
10558
+ --pf-global--link--Color--hover: #73bcf7;
10559
+ --pf-global--BackgroundColor--100: #1b1d21;
10560
+ }
10561
+ :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,
10562
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
10563
+ :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,
10564
+ :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 {
10565
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
10566
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
10567
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
10568
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
10569
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
10570
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
10571
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
10572
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
10573
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
10574
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
10575
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
10576
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
10577
+ }
10578
+
10579
+ :where(.pf-theme-dark) .pf-c-data-list {
10580
+ --pf-c-data-list--BorderTopColor: var(--pf-global--BorderColor--100);
10581
+ --pf-c-data-list--sm--BorderTopColor: var(--pf-global--BorderColor--100);
10582
+ --pf-c-data-list__item--BorderBottomColor: var(--pf-global--BorderColor--100);
10583
+ --pf-c-data-list__item--sm--BorderBottomColor: var(--pf-global--BorderColor--100);
10584
+ }
10585
+
9890
10586
  .pf-c-description-list {
9891
10587
  --pf-c-description-list--RowGap: var(--pf-global--gutter--md);
9892
10588
  --pf-c-description-list--ColumnGap: var(--pf-global--spacer--lg);
@@ -11693,13 +12389,48 @@ label.pf-c-check, .pf-c-check__label,
11693
12389
  transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
11694
12390
  }
11695
12391
 
11696
- .pf-c-divider {
11697
- --pf-c-divider--BorderWidth--base: var(--pf-global--BorderWidth--sm);
11698
- --pf-c-divider--BorderColor--base: var(--pf-c-divider--BackgroundColor);
11699
- --pf-c-divider--Height: var(--pf-c-divider--BorderWidth--base);
11700
- --pf-c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
11701
- --pf-c-divider--after--BackgroundColor: var(--pf-c-divider--BorderColor--base);
11702
- --pf-c-divider--after--FlexBasis: 100%;
12392
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
12393
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
12394
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
12395
+ :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 {
12396
+ --pf-global--Color--100: #fff;
12397
+ --pf-global--Color--200: #aaabac;
12398
+ --pf-global--BorderColor--100: #444548;
12399
+ --pf-global--primary-color--100: #1fa7f8;
12400
+ --pf-global--link--Color: #1fa7f8;
12401
+ --pf-global--link--Color--hover: #73bcf7;
12402
+ --pf-global--BackgroundColor--100: #1b1d21;
12403
+ }
12404
+ :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,
12405
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
12406
+ :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,
12407
+ :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 {
12408
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
12409
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
12410
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
12411
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
12412
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
12413
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
12414
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
12415
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
12416
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
12417
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
12418
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
12419
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
12420
+ }
12421
+
12422
+ :where(.pf-theme-dark) .pf-c-date-picker {
12423
+ --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--300);
12424
+ --pf-c-date-picker__calendar--Top: 100%;
12425
+ }
12426
+
12427
+ .pf-c-divider {
12428
+ --pf-c-divider--BorderWidth--base: var(--pf-global--BorderWidth--sm);
12429
+ --pf-c-divider--BorderColor--base: var(--pf-c-divider--BackgroundColor);
12430
+ --pf-c-divider--Height: var(--pf-c-divider--BorderWidth--base);
12431
+ --pf-c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
12432
+ --pf-c-divider--after--BackgroundColor: var(--pf-c-divider--BorderColor--base);
12433
+ --pf-c-divider--after--FlexBasis: 100%;
11703
12434
  --pf-c-divider--after--Inset: 0%;
11704
12435
  --pf-c-divider--m-vertical--after--FlexBasis: 100%;
11705
12436
  --pf-c-divider--m-horizontal--Display: flex;
@@ -12855,6 +13586,44 @@ label.pf-c-check, .pf-c-check__label,
12855
13586
  visibility: hidden;
12856
13587
  }
12857
13588
  }
13589
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
13590
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
13591
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
13592
+ :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 {
13593
+ --pf-global--Color--100: #fff;
13594
+ --pf-global--Color--200: #aaabac;
13595
+ --pf-global--BorderColor--100: #444548;
13596
+ --pf-global--primary-color--100: #1fa7f8;
13597
+ --pf-global--link--Color: #1fa7f8;
13598
+ --pf-global--link--Color--hover: #73bcf7;
13599
+ --pf-global--BackgroundColor--100: #1b1d21;
13600
+ }
13601
+ :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,
13602
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
13603
+ :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,
13604
+ :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 {
13605
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
13606
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
13607
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
13608
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
13609
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
13610
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
13611
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
13612
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
13613
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
13614
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
13615
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
13616
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
13617
+ }
13618
+
13619
+ :where(.pf-theme-dark) .pf-c-drawer {
13620
+ --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--400);
13621
+ --pf-c-drawer__splitter--BackgroundColor: transparent;
13622
+ }
13623
+ :where(.pf-theme-dark) .pf-c-drawer.pf-m-inline, :where(.pf-theme-dark) .pf-c-drawer.pf-m-static {
13624
+ --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
13625
+ }
13626
+
12858
13627
  .pf-c-dropdown {
12859
13628
  --pf-c-dropdown__toggle--PaddingTop: var(--pf-global--spacer--form-element);
12860
13629
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-global--spacer--sm);
@@ -13423,6 +14192,58 @@ label.pf-c-check, .pf-c-check__label,
13423
14192
  color: var(--pf-c-dropdown__group-title--Color);
13424
14193
  }
13425
14194
 
14195
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
14196
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
14197
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
14198
+ :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 {
14199
+ --pf-global--Color--100: #fff;
14200
+ --pf-global--Color--200: #aaabac;
14201
+ --pf-global--BorderColor--100: #444548;
14202
+ --pf-global--primary-color--100: #1fa7f8;
14203
+ --pf-global--link--Color: #1fa7f8;
14204
+ --pf-global--link--Color--hover: #73bcf7;
14205
+ --pf-global--BackgroundColor--100: #1b1d21;
14206
+ }
14207
+ :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,
14208
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
14209
+ :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,
14210
+ :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 {
14211
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
14212
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
14213
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
14214
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
14215
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
14216
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
14217
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
14218
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
14219
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
14220
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
14221
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
14222
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
14223
+ }
14224
+
14225
+ :where(.pf-theme-dark) .pf-c-dropdown {
14226
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
14227
+ --pf-c-dropdown__toggle--before--BorderTopColor: transparent;
14228
+ --pf-c-dropdown__toggle--before--BorderRightColor: transparent;
14229
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--400);
14230
+ --pf-c-dropdown__toggle--before--BorderLeftColor: transparent;
14231
+ --pf-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
14232
+ --pf-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
14233
+ --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
14234
+ --pf-c-dropdown__menu--Top: 100%;
14235
+ --pf-c-dropdown--m-top__menu--TranslateY: -100%;
14236
+ --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
14237
+ --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
14238
+ --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--bold);
14239
+ }
14240
+ :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 {
14241
+ color: var(--pf-global--palette--black-100);
14242
+ }
14243
+ :where(.pf-theme-dark) .pf-c-dropdown__toggle.pf-m-plain {
14244
+ background: transparent;
14245
+ }
14246
+
13426
14247
  .pf-c-empty-state {
13427
14248
  --pf-c-empty-state--PaddingTop: var(--pf-global--spacer--xl);
13428
14249
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
@@ -14234,6 +15055,40 @@ label.pf-c-check, .pf-c-check__label,
14234
15055
  margin-bottom: var(--pf-c-form__field-group-body__field-group--last-child--MarginBottom);
14235
15056
  }
14236
15057
 
15058
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
15059
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
15060
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
15061
+ :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 {
15062
+ --pf-global--Color--100: #fff;
15063
+ --pf-global--Color--200: #aaabac;
15064
+ --pf-global--BorderColor--100: #444548;
15065
+ --pf-global--primary-color--100: #1fa7f8;
15066
+ --pf-global--link--Color: #1fa7f8;
15067
+ --pf-global--link--Color--hover: #73bcf7;
15068
+ --pf-global--BackgroundColor--100: #1b1d21;
15069
+ }
15070
+ :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,
15071
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
15072
+ :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,
15073
+ :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 {
15074
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
15075
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
15076
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
15077
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
15078
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
15079
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
15080
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
15081
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
15082
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
15083
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
15084
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
15085
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
15086
+ }
15087
+
15088
+ :where(.pf-theme-dark) .pf-c-form {
15089
+ --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
15090
+ }
15091
+
14237
15092
  .pf-c-form-control {
14238
15093
  --pf-c-form-control--FontSize: var(--pf-global--FontSize--md);
14239
15094
  --pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md);
@@ -14278,7 +15133,7 @@ label.pf-c-check, .pf-c-check__label,
14278
15133
  --pf-c-form-control--success--BackgroundSizeX: var(--pf-c-form-control--FontSize);
14279
15134
  --pf-c-form-control--success--BackgroundSizeY: var(--pf-c-form-control--FontSize);
14280
15135
  --pf-c-form-control--success--BackgroundSize: var(--pf-c-form-control--success--BackgroundSizeX) var(--pf-c-form-control--success--BackgroundSizeY);
14281
- --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");
15136
+ --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");
14282
15137
  --pf-c-form-control--m-warning--BorderBottomWidth: var(--pf-global--BorderWidth--md);
14283
15138
  --pf-c-form-control--m-warning--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--m-warning--BorderBottomWidth));
14284
15139
  --pf-c-form-control--m-warning--BorderBottomColor: var(--pf-global--warning-color--100);
@@ -14300,13 +15155,13 @@ label.pf-c-check, .pf-c-check__label,
14300
15155
  --pf-c-form-control--invalid--BackgroundSizeX: var(--pf-c-form-control--FontSize);
14301
15156
  --pf-c-form-control--invalid--BackgroundSizeY: var(--pf-c-form-control--FontSize);
14302
15157
  --pf-c-form-control--invalid--BackgroundSize: var(--pf-c-form-control--invalid--BackgroundSizeX) var(--pf-c-form-control--invalid--BackgroundSizeY);
14303
- --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");
15158
+ --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");
14304
15159
  --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;
14305
15160
  --pf-c-form-control--invalid--Background: var(--pf-c-form-control--BackgroundColor) var(--pf-c-form-control--invalid--exclamation--Background);
14306
15161
  --pf-c-form-control--m-search--PaddingLeft: var(--pf-global--spacer--xl);
14307
15162
  --pf-c-form-control--m-search--BackgroundPosition: var(--pf-c-form-control--PaddingRight);
14308
15163
  --pf-c-form-control--m-search--BackgroundSize: var(--pf-c-form-control--FontSize) var(--pf-c-form-control--FontSize);
14309
- --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");
15164
+ --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");
14310
15165
  --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));
14311
15166
  --pf-c-form-control--m-icon--BackgroundUrl: none;
14312
15167
  --pf-c-form-control--m-icon--BackgroundPositionX: calc(100% - var(--pf-c-form-control--inset--base));
@@ -14325,8 +15180,8 @@ label.pf-c-check, .pf-c-check__label,
14325
15180
  --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);
14326
15181
  --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);
14327
15182
  --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);
14328
- --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");
14329
- --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");
15183
+ --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");
15184
+ --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");
14330
15185
  --pf-c-form-control__select--PaddingRight: calc(var(--pf-global--spacer--lg) + var(--pf-c-form-control--BorderWidth) + var(--pf-c-form-control--BorderWidth));
14331
15186
  --pf-c-form-control__select--PaddingLeft: calc(var(--pf-global--spacer--sm) - var(--pf-c-form-control--BorderWidth));
14332
15187
  --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");
@@ -14543,6 +15398,58 @@ textarea.pf-c-form-control {
14543
15398
  resize: horizontal;
14544
15399
  }
14545
15400
 
15401
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
15402
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
15403
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
15404
+ :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 {
15405
+ --pf-global--Color--100: #fff;
15406
+ --pf-global--Color--200: #aaabac;
15407
+ --pf-global--BorderColor--100: #444548;
15408
+ --pf-global--primary-color--100: #1fa7f8;
15409
+ --pf-global--link--Color: #1fa7f8;
15410
+ --pf-global--link--Color--hover: #73bcf7;
15411
+ --pf-global--BackgroundColor--100: #1b1d21;
15412
+ }
15413
+ :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,
15414
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
15415
+ :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,
15416
+ :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 {
15417
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
15418
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
15419
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
15420
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
15421
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
15422
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
15423
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
15424
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
15425
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
15426
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
15427
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
15428
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
15429
+ }
15430
+
15431
+ :where(.pf-theme-dark) .pf-c-form-control {
15432
+ --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");
15433
+ --pf-c-form-control--BorderTopColor: transparent;
15434
+ --pf-c-form-control--BorderRightColor: transparent;
15435
+ --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
15436
+ --pf-c-form-control--BorderLeftColor: transparent;
15437
+ --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
15438
+ --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--300);
15439
+ --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
15440
+ --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--BackgroundColor--400);
15441
+ color: var(--pf-global--Color--100);
15442
+ }
15443
+ :where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
15444
+ filter: invert(1);
15445
+ }
15446
+ :where(.pf-theme-dark) .pf-c-form-control[readonly] {
15447
+ border-bottom-color: var(--pf-global--palette--black-700);
15448
+ }
15449
+ :where(.pf-theme-dark) .pf-c-form-control:disabled {
15450
+ color: var(--pf-global--palette--black-100);
15451
+ }
15452
+
14546
15453
  .pf-c-hint {
14547
15454
  --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
14548
15455
  --pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
@@ -14604,6 +15511,41 @@ textarea.pf-c-form-control {
14604
15511
  margin-right: var(--pf-c-hint__footer--child--MarginRight);
14605
15512
  }
14606
15513
 
15514
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
15515
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
15516
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
15517
+ :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 {
15518
+ --pf-global--Color--100: #fff;
15519
+ --pf-global--Color--200: #aaabac;
15520
+ --pf-global--BorderColor--100: #444548;
15521
+ --pf-global--primary-color--100: #1fa7f8;
15522
+ --pf-global--link--Color: #1fa7f8;
15523
+ --pf-global--link--Color--hover: #73bcf7;
15524
+ --pf-global--BackgroundColor--100: #1b1d21;
15525
+ }
15526
+ :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,
15527
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
15528
+ :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,
15529
+ :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 {
15530
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
15531
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
15532
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
15533
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
15534
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
15535
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
15536
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
15537
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
15538
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
15539
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
15540
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
15541
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
15542
+ }
15543
+
15544
+ :where(.pf-theme-dark) .pf-c-hint {
15545
+ --pf-c-hint--BackgroundColor: var(--pf-global--BackgroundColor--400);
15546
+ --pf-c-hint--BorderColor: var(--pf-global--BorderColor--300);
15547
+ }
15548
+
14607
15549
  .pf-c-helper-text {
14608
15550
  --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
14609
15551
  --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
@@ -14674,6 +15616,40 @@ textarea.pf-c-form-control {
14674
15616
  color: var(--pf-c-helper-text__item-text--Color);
14675
15617
  }
14676
15618
 
15619
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
15620
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
15621
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
15622
+ :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 {
15623
+ --pf-global--Color--100: #fff;
15624
+ --pf-global--Color--200: #aaabac;
15625
+ --pf-global--BorderColor--100: #444548;
15626
+ --pf-global--primary-color--100: #1fa7f8;
15627
+ --pf-global--link--Color: #1fa7f8;
15628
+ --pf-global--link--Color--hover: #73bcf7;
15629
+ --pf-global--BackgroundColor--100: #1b1d21;
15630
+ }
15631
+ :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,
15632
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
15633
+ :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,
15634
+ :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 {
15635
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
15636
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
15637
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
15638
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
15639
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
15640
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
15641
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
15642
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
15643
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
15644
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
15645
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
15646
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
15647
+ }
15648
+
15649
+ :where(.pf-theme-dark) .pf-c-helper-text {
15650
+ --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--100);
15651
+ }
15652
+
14677
15653
  .pf-c-inline-edit {
14678
15654
  --pf-c-inline-edit__group--item--MarginRight: var(--pf-global--spacer--sm);
14679
15655
  --pf-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-global--link--Color);
@@ -14829,6 +15805,58 @@ label.pf-c-input-group__text {
14829
15805
  margin-left: 0;
14830
15806
  }
14831
15807
 
15808
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
15809
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
15810
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
15811
+ :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 {
15812
+ --pf-global--Color--100: #fff;
15813
+ --pf-global--Color--200: #aaabac;
15814
+ --pf-global--BorderColor--100: #444548;
15815
+ --pf-global--primary-color--100: #1fa7f8;
15816
+ --pf-global--link--Color: #1fa7f8;
15817
+ --pf-global--link--Color--hover: #73bcf7;
15818
+ --pf-global--BackgroundColor--100: #1b1d21;
15819
+ }
15820
+ :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,
15821
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
15822
+ :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,
15823
+ :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 {
15824
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
15825
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
15826
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
15827
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
15828
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
15829
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
15830
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
15831
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
15832
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
15833
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
15834
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
15835
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
15836
+ }
15837
+
15838
+ :where(.pf-theme-dark) .pf-c-input-group {
15839
+ --pf-c-input-group--BackgroundColor: transparent;
15840
+ --pf-c-input-group__text--BorderTopColor: transparent;
15841
+ --pf-c-input-group__text--BorderRightColor: transparent;
15842
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
15843
+ --pf-c-input-group__text--BorderLeftColor: transparent;
15844
+ --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
15845
+ }
15846
+ :where(.pf-theme-dark) .pf-c-input-group > * + * {
15847
+ margin-left: 0;
15848
+ border-left: 1px solid var(--pf-global--palette--black-700);
15849
+ }
15850
+ :where(.pf-theme-dark) .pf-c-input-group__text {
15851
+ --pf-c-input-group__text--BorderTopColor: transparent;
15852
+ --pf-c-input-group__text--BorderRightColor: transparent;
15853
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
15854
+ --pf-c-input-group__text--BorderLeftColor: transparent;
15855
+ }
15856
+ :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
15857
+ --pf-c-input-group__text--BackgroundColor: transparent;
15858
+ }
15859
+
14832
15860
  .pf-c-jump-links {
14833
15861
  --pf-c-jump-links__list--Display: flex;
14834
15862
  --pf-c-jump-links__list--Visibility: visible;
@@ -15174,9 +16202,9 @@ label.pf-c-input-group__text {
15174
16202
  --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--BorderColor--100);
15175
16203
  --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
15176
16204
  --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
15177
- --pf-c-label--m-orange--BackgroundColor: var(--pf-global--palette--gold-50);
16205
+ --pf-c-label--m-orange--BackgroundColor: var(--pf-global--palette--orange-50);
15178
16206
  --pf-c-label--m-orange__icon--Color: var(--pf-global--palette--orange-300);
15179
- --pf-c-label--m-orange__content--Color: var(--pf-global--palette--gold-700);
16207
+ --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-700);
15180
16208
  --pf-c-label--m-orange__content--before--BorderColor: var(--pf-global--palette--orange-100);
15181
16209
  --pf-c-label--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--orange-300);
15182
16210
  --pf-c-label--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--orange-300);
@@ -15214,6 +16242,16 @@ label.pf-c-input-group__text {
15214
16242
  --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--BorderColor--100);
15215
16243
  --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
15216
16244
  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
16245
+ --pf-c-label--m-gold--BackgroundColor: var(--pf-global--palette--gold-50);
16246
+ --pf-c-label--m-gold__icon--Color: var(--pf-global--palette--gold-400);
16247
+ --pf-c-label--m-gold__content--Color: var(--pf-global--palette--gold-700);
16248
+ --pf-c-label--m-gold__content--before--BorderColor: var(--pf-global--palette--gold-100);
16249
+ --pf-c-label--m-gold__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-300);
16250
+ --pf-c-label--m-gold__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-300);
16251
+ --pf-c-label--m-outline--m-gold__content--Color: var(--pf-global--palette--gold-600);
16252
+ --pf-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-global--BorderColor--100);
16253
+ --pf-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
16254
+ --pf-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
15217
16255
  --pf-c-label--m-overflow__content--Color: var(--pf-global--link--Color);
15218
16256
  --pf-c-label--m-overflow__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
15219
16257
  --pf-c-label--m-overflow__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -15370,6 +16408,21 @@ label.pf-c-input-group__text {
15370
16408
  --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
15371
16409
  --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
15372
16410
  }
16411
+ .pf-c-label.pf-m-gold {
16412
+ --pf-c-label--BackgroundColor: var(--pf-c-label--m-gold--BackgroundColor);
16413
+ --pf-c-label__icon--Color: var(--pf-c-label--m-gold__icon--Color);
16414
+ --pf-c-label__content--Color: var(--pf-c-label--m-gold__content--Color);
16415
+ --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
16416
+ --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-gold__content--link--hover--before--BorderColor);
16417
+ --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-gold__content--link--focus--before--BorderColor);
16418
+ --pf-c-label--m-outline__content--Color: var(--pf-c-label--m-outline--m-gold__content--Color);
16419
+ --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-gold__content--before--BorderColor);
16420
+ --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-gold__content--link--hover--before--BorderColor);
16421
+ --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-gold__content--link--focus--before--BorderColor);
16422
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
16423
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
16424
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
16425
+ }
15373
16426
  .pf-c-label.pf-m-outline {
15374
16427
  --pf-c-label__content--Color: var(--pf-c-label--m-outline__content--Color);
15375
16428
  --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--before--BorderWidth);
@@ -15504,6 +16557,80 @@ button.pf-c-label__content:focus {
15504
16557
  color: var(--pf-c-label__icon--Color);
15505
16558
  }
15506
16559
 
16560
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
16561
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
16562
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
16563
+ :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 {
16564
+ --pf-global--Color--100: #fff;
16565
+ --pf-global--Color--200: #aaabac;
16566
+ --pf-global--BorderColor--100: #444548;
16567
+ --pf-global--primary-color--100: #1fa7f8;
16568
+ --pf-global--link--Color: #1fa7f8;
16569
+ --pf-global--link--Color--hover: #73bcf7;
16570
+ --pf-global--BackgroundColor--100: #1b1d21;
16571
+ }
16572
+ :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,
16573
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
16574
+ :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,
16575
+ :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 {
16576
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
16577
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
16578
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
16579
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
16580
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
16581
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
16582
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
16583
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
16584
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
16585
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
16586
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
16587
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
16588
+ }
16589
+
16590
+ :where(.pf-theme-dark) .pf-c-label {
16591
+ --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
16592
+ --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
16593
+ --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
16594
+ --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
16595
+ --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
16596
+ --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
16597
+ --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
16598
+ --pf-c-label__content--before--BorderWidth: 0;
16599
+ --pf-c-label__content--before--BorderColor: transparent;
16600
+ --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
16601
+ --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
16602
+ --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
16603
+ --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
16604
+ --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
16605
+ --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
16606
+ --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
16607
+ --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
16608
+ --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
16609
+ --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
16610
+ --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
16611
+ --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
16612
+ --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
16613
+ --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
16614
+ --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
16615
+ --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
16616
+ --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
16617
+ --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
16618
+ --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
16619
+ --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
16620
+ --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
16621
+ --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
16622
+ --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
16623
+ --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
16624
+ --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
16625
+ --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
16626
+ --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
16627
+ --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
16628
+ --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
16629
+ --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
16630
+ --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
16631
+ --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
16632
+ }
16633
+
15507
16634
  .pf-c-label-group {
15508
16635
  --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
15509
16636
  --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
@@ -15883,6 +17010,40 @@ ul.pf-c-list {
15883
17010
  font-weight: var(--pf-c-log-viewer__timestamp--FontWeight);
15884
17011
  }
15885
17012
 
17013
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
17014
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
17015
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
17016
+ :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 {
17017
+ --pf-global--Color--100: #fff;
17018
+ --pf-global--Color--200: #aaabac;
17019
+ --pf-global--BorderColor--100: #444548;
17020
+ --pf-global--primary-color--100: #1fa7f8;
17021
+ --pf-global--link--Color: #1fa7f8;
17022
+ --pf-global--link--Color--hover: #73bcf7;
17023
+ --pf-global--BackgroundColor--100: #1b1d21;
17024
+ }
17025
+ :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,
17026
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
17027
+ :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,
17028
+ :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 {
17029
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
17030
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
17031
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
17032
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
17033
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
17034
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
17035
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
17036
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
17037
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
17038
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
17039
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
17040
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
17041
+ }
17042
+
17043
+ :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
17044
+ color: var(--pf-global--Color--100);
17045
+ }
17046
+
15886
17047
  .pf-c-login {
15887
17048
  --pf-c-login--PaddingTop: var(--pf-global--spacer--lg);
15888
17049
  --pf-c-login--PaddingBottom: var(--pf-global--spacer--lg);
@@ -16150,6 +17311,41 @@ ul.pf-c-list {
16150
17311
  padding-top: var(--pf-c-login__footer--c-list--PaddingTop);
16151
17312
  }
16152
17313
 
17314
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
17315
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
17316
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
17317
+ :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 {
17318
+ --pf-global--Color--100: #fff;
17319
+ --pf-global--Color--200: #aaabac;
17320
+ --pf-global--BorderColor--100: #444548;
17321
+ --pf-global--primary-color--100: #1fa7f8;
17322
+ --pf-global--link--Color: #1fa7f8;
17323
+ --pf-global--link--Color--hover: #73bcf7;
17324
+ --pf-global--BackgroundColor--100: #1b1d21;
17325
+ }
17326
+ :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,
17327
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
17328
+ :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,
17329
+ :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 {
17330
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
17331
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
17332
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
17333
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
17334
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
17335
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
17336
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
17337
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
17338
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
17339
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
17340
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
17341
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
17342
+ }
17343
+
17344
+ :where(.pf-theme-dark) .pf-c-login__header,
17345
+ :where(.pf-theme-dark) .pf-c-login__footer {
17346
+ color: var(--pf-global--Color--100);
17347
+ }
17348
+
16153
17349
  .pf-c-masthead {
16154
17350
  --pf-c-masthead--PaddingLeft: var(--pf-c-masthead--inset);
16155
17351
  --pf-c-masthead--PaddingRight: var(--pf-c-masthead--inset);
@@ -16770,6 +17966,44 @@ ul.pf-c-list {
16770
17966
  }
16771
17967
  }
16772
17968
 
17969
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
17970
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
17971
+ :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,
17972
+ :where(.pf-theme-dark) .pf-c-login__footer {
17973
+ --pf-global--Color--100: #fff;
17974
+ --pf-global--Color--200: #aaabac;
17975
+ --pf-global--BorderColor--100: #444548;
17976
+ --pf-global--primary-color--100: #1fa7f8;
17977
+ --pf-global--link--Color: #1fa7f8;
17978
+ --pf-global--link--Color--hover: #73bcf7;
17979
+ --pf-global--BackgroundColor--100: #1b1d21;
17980
+ }
17981
+ :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,
17982
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
17983
+ :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,
17984
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button {
17985
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
17986
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
17987
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
17988
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
17989
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
17990
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
17991
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
17992
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
17993
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
17994
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
17995
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
17996
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
17997
+ }
17998
+
17999
+ :where(.pf-theme-dark) .pf-c-masthead {
18000
+ --pf-c-masthead--BackgroundColor: var(--pf-global--palette--black-1000);
18001
+ color: var(--pf-global--Color--100);
18002
+ }
18003
+ :where(.pf-theme-dark) .pf-c-masthead .pf-c-toolbar {
18004
+ --pf-c-toolbar--BackgroundColor: var(--pf-global--palette--black-1000);
18005
+ }
18006
+
16773
18007
  .pf-c-menu {
16774
18008
  color: var(--pf-global--Color--100);
16775
18009
  --pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--100);
@@ -17330,6 +18564,45 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17330
18564
  border-bottom: var(--pf-c-menu__footer--after--BorderBottomWidth) solid var(--pf-c-menu__footer--after--BorderBottomColor);
17331
18565
  }
17332
18566
 
18567
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
18568
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
18569
+ :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,
18570
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
18571
+ --pf-global--Color--100: #fff;
18572
+ --pf-global--Color--200: #aaabac;
18573
+ --pf-global--BorderColor--100: #444548;
18574
+ --pf-global--primary-color--100: #1fa7f8;
18575
+ --pf-global--link--Color: #1fa7f8;
18576
+ --pf-global--link--Color--hover: #73bcf7;
18577
+ --pf-global--BackgroundColor--100: #1b1d21;
18578
+ }
18579
+ :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,
18580
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
18581
+ :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,
18582
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
18583
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
18584
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
18585
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
18586
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
18587
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
18588
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
18589
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
18590
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
18591
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
18592
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
18593
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
18594
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
18595
+ }
18596
+
18597
+ :where(.pf-theme-dark) .pf-c-menu {
18598
+ --pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
18599
+ --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
18600
+ --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
18601
+ --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
18602
+ --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
18603
+ --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
18604
+ }
18605
+
17333
18606
  .pf-c-menu-toggle {
17334
18607
  --pf-c-menu-toggle--BorderRadius: 0;
17335
18608
  --pf-c-menu-toggle--PaddingTop: var(--pf-global--spacer--form-element);
@@ -17724,6 +18997,55 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17724
18997
  color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
17725
18998
  }
17726
18999
 
19000
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
19001
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
19002
+ :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,
19003
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
19004
+ --pf-global--Color--100: #fff;
19005
+ --pf-global--Color--200: #aaabac;
19006
+ --pf-global--BorderColor--100: #444548;
19007
+ --pf-global--primary-color--100: #1fa7f8;
19008
+ --pf-global--link--Color: #1fa7f8;
19009
+ --pf-global--link--Color--hover: #73bcf7;
19010
+ --pf-global--BackgroundColor--100: #1b1d21;
19011
+ }
19012
+ :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,
19013
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
19014
+ :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,
19015
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
19016
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
19017
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
19018
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
19019
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
19020
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
19021
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
19022
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
19023
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
19024
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
19025
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
19026
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
19027
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
19028
+ }
19029
+
19030
+ :where(.pf-theme-dark) .pf-c-menu-toggle {
19031
+ --pf-c-menu-toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
19032
+ --pf-c-menu-toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
19033
+ --pf-c-menu-toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
19034
+ --pf-c-menu-toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
19035
+ --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400);
19036
+ --pf-c-menu-toggle--before--BorderTopColor: transparent;
19037
+ --pf-c-menu-toggle--before--BorderRightColor: transparent;
19038
+ --pf-c-menu-toggle--before--BorderBottomColor: transparent;
19039
+ --pf-c-menu-toggle--before--BorderLeftColor: transparent;
19040
+ --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-global--BorderColor--400);
19041
+ --pf-c-menu-toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
19042
+ --pf-c-menu-toggle--disabled--Color: var(--pf-global--palette--black-100);
19043
+ --pf-c-menu-toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
19044
+ }
19045
+ :where(.pf-theme-dark) .pf-c-menu-toggle.pf-m-plain {
19046
+ background: transparent;
19047
+ }
19048
+
17727
19049
  .pf-c-modal-box {
17728
19050
  --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
17729
19051
  --pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
@@ -17907,6 +19229,40 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17907
19229
  }
17908
19230
  }
17909
19231
 
19232
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
19233
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
19234
+ :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,
19235
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
19236
+ --pf-global--Color--100: #fff;
19237
+ --pf-global--Color--200: #aaabac;
19238
+ --pf-global--BorderColor--100: #444548;
19239
+ --pf-global--primary-color--100: #1fa7f8;
19240
+ --pf-global--link--Color: #1fa7f8;
19241
+ --pf-global--link--Color--hover: #73bcf7;
19242
+ --pf-global--BackgroundColor--100: #1b1d21;
19243
+ }
19244
+ :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,
19245
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
19246
+ :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,
19247
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
19248
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
19249
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
19250
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
19251
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
19252
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
19253
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
19254
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
19255
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
19256
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
19257
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
19258
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
19259
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
19260
+ }
19261
+
19262
+ :where(.pf-theme-dark) .pf-c-modal-box {
19263
+ --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--300);
19264
+ }
19265
+
17910
19266
  .pf-c-multiple-file-upload {
17911
19267
  --pf-c-multiple-file-upload--GridTemplateColumns: 1fr;
17912
19268
  --pf-c-multiple-file-upload--Gap: var(--pf-global--spacer--lg);
@@ -19017,6 +20373,70 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19017
20373
  left: 0;
19018
20374
  }
19019
20375
 
20376
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
20377
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
20378
+ :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,
20379
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
20380
+ --pf-global--Color--100: #fff;
20381
+ --pf-global--Color--200: #aaabac;
20382
+ --pf-global--BorderColor--100: #444548;
20383
+ --pf-global--primary-color--100: #1fa7f8;
20384
+ --pf-global--link--Color: #1fa7f8;
20385
+ --pf-global--link--Color--hover: #73bcf7;
20386
+ --pf-global--BackgroundColor--100: #1b1d21;
20387
+ }
20388
+ :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,
20389
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
20390
+ :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,
20391
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
20392
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
20393
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
20394
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
20395
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
20396
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
20397
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
20398
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
20399
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
20400
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
20401
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
20402
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
20403
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
20404
+ }
20405
+
20406
+ :where(.pf-theme-dark) .pf-c-nav {
20407
+ --pf-c-nav__item--item__link--after--Top: -1px;
20408
+ --pf-c-nav__item--before--BorderColor: var(--pf-global--BorderColor--100);
20409
+ --pf-c-nav__link--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
20410
+ --pf-c-nav__link--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
20411
+ --pf-c-nav__link--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
20412
+ --pf-c-nav__link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--300);
20413
+ --pf-c-nav__link--before--BorderColor: var(--pf-global--BorderColor--100);
20414
+ --pf-c-nav--m-tertiary__scroll-button--before--BorderColor: var(--pf-global--BorderColor--100);
20415
+ --pf-c-nav__section-title--Color: var(--pf-global--Color--200);
20416
+ --pf-c-nav__section-title--BorderBottomColor: var(--pf-global--BorderColor--100);
20417
+ --pf-c-nav__scroll-button--before--BorderColor: var(--pf-global--BorderColor--100);
20418
+ --pf-c-nav--c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
20419
+ --pf-c-nav__link--hover--before--BorderBottomWidth: 0;
20420
+ --pf-c-nav__link--focus--before--BorderBottomWidth: 0;
20421
+ --pf-c-nav__link--active--before--BorderBottomWidth: 0;
20422
+ --pf-c-nav__link--m-current--before--BorderBottomWidth: 0;
20423
+ }
20424
+ :where(.pf-theme-dark) .pf-c-nav__link::before {
20425
+ bottom: 0;
20426
+ }
20427
+ :where(.pf-theme-dark) .pf-c-nav__link::after {
20428
+ top: var(--pf-c-nav__item--item__link--after--Top);
20429
+ }
20430
+ :where(.pf-theme-dark) .pf-c-nav__item + .pf-c-nav__item {
20431
+ --pf-c-nav__link--after--Top: var(--pf-c-nav__item--item__link--after--Top);
20432
+ }
20433
+ :where(.pf-theme-dark) .pf-c-nav__subnav {
20434
+ --pf-c-nav__item--item__link--after--Top: 0;
20435
+ }
20436
+ :where(.pf-theme-dark) .pf-c-nav__section {
20437
+ --pf-c-nav__item--item__link--after--Top: 0;
20438
+ }
20439
+
19020
20440
  .pf-c-notification-badge {
19021
20441
  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
19022
20442
  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
@@ -19107,6 +20527,40 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19107
20527
  margin-left: var(--pf-c-notification-badge__count--MarginLeft);
19108
20528
  }
19109
20529
 
20530
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
20531
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
20532
+ :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,
20533
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
20534
+ --pf-global--Color--100: #fff;
20535
+ --pf-global--Color--200: #aaabac;
20536
+ --pf-global--BorderColor--100: #444548;
20537
+ --pf-global--primary-color--100: #1fa7f8;
20538
+ --pf-global--link--Color: #1fa7f8;
20539
+ --pf-global--link--Color--hover: #73bcf7;
20540
+ --pf-global--BackgroundColor--100: #1b1d21;
20541
+ }
20542
+ :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,
20543
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
20544
+ :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,
20545
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
20546
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
20547
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
20548
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
20549
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
20550
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
20551
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
20552
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
20553
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
20554
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
20555
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
20556
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
20557
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
20558
+ }
20559
+
20560
+ :where(.pf-theme-dark) .pf-c-notification-badge {
20561
+ --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--300);
20562
+ }
20563
+
19110
20564
  .pf-c-notification-drawer {
19111
20565
  --pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--200);
19112
20566
  --pf-c-notification-drawer__header--PaddingTop: var(--pf-global--spacer--md);
@@ -19370,6 +20824,47 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19370
20824
  transform: rotate(var(--pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
19371
20825
  }
19372
20826
 
20827
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
20828
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
20829
+ :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,
20830
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
20831
+ --pf-global--Color--100: #fff;
20832
+ --pf-global--Color--200: #aaabac;
20833
+ --pf-global--BorderColor--100: #444548;
20834
+ --pf-global--primary-color--100: #1fa7f8;
20835
+ --pf-global--link--Color: #1fa7f8;
20836
+ --pf-global--link--Color--hover: #73bcf7;
20837
+ --pf-global--BackgroundColor--100: #1b1d21;
20838
+ }
20839
+ :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,
20840
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
20841
+ :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,
20842
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
20843
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
20844
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
20845
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
20846
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
20847
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
20848
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
20849
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
20850
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
20851
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
20852
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
20853
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
20854
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
20855
+ }
20856
+
20857
+ :where(.pf-theme-dark) .pf-c-notification-drawer {
20858
+ --pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--300);
20859
+ --pf-c-notification-drawer__header--BackgroundColor: var(--pf-global--BackgroundColor--300);
20860
+ --pf-c-notification-drawer__list-item--BackgroundColor: var(--pf-global--BackgroundColor--300);
20861
+ --pf-c-notification-drawer__list-item--BoxShadow: none;
20862
+ --pf-c-notification-drawer__list-item--BorderBottomColor: var(--pf-global--BorderColor--100);
20863
+ --pf-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-global--BackgroundColor--100);
20864
+ --pf-c-notification-drawer__list-item--list-item--m-read--BoxShadow: none;
20865
+ --pf-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-global--BackgroundColor--300);
20866
+ }
20867
+
19373
20868
  .pf-c-options-menu {
19374
20869
  --pf-c-options-menu__toggle--BackgroundColor: transparent;
19375
20870
  --pf-c-options-menu__toggle--PaddingTop: var(--pf-global--spacer--form-element);
@@ -19615,6 +21110,53 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19615
21110
  color: var(--pf-c-options-menu__group-title--Color);
19616
21111
  }
19617
21112
 
21113
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
21114
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
21115
+ :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,
21116
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
21117
+ --pf-global--Color--100: #fff;
21118
+ --pf-global--Color--200: #aaabac;
21119
+ --pf-global--BorderColor--100: #444548;
21120
+ --pf-global--primary-color--100: #1fa7f8;
21121
+ --pf-global--link--Color: #1fa7f8;
21122
+ --pf-global--link--Color--hover: #73bcf7;
21123
+ --pf-global--BackgroundColor--100: #1b1d21;
21124
+ }
21125
+ :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,
21126
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
21127
+ :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,
21128
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
21129
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
21130
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
21131
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
21132
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
21133
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
21134
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
21135
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
21136
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
21137
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
21138
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
21139
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
21140
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
21141
+ }
21142
+
21143
+ :where(.pf-theme-dark) .pf-c-options-menu {
21144
+ --pf-c-options-menu__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
21145
+ --pf-c-options-menu__toggle--BorderTopColor: transparent;
21146
+ --pf-c-options-menu__toggle--BorderRightColor: transparent;
21147
+ --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-global--BorderColor--400);
21148
+ --pf-c-options-menu__toggle--BorderLeftColor: transparent;
21149
+ --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
21150
+ --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
21151
+ --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
21152
+ --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
21153
+ --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
21154
+ --pf-c-options-menu__menu--Top: 100%;
21155
+ }
21156
+ :where(.pf-theme-dark) .pf-c-options-menu__toggle.pf-m-plain {
21157
+ background: transparent;
21158
+ }
21159
+
19618
21160
  .pf-c-overflow-menu {
19619
21161
  --pf-c-overflow-menu--spacer--base: var(--pf-global--spacer--md);
19620
21162
  --pf-c-overflow-menu--spacer: var(--pf-global--spacer--sm);
@@ -19747,6 +21289,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19747
21289
  --pf-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-global--spacer--md);
19748
21290
  --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
19749
21291
  --pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
21292
+ --pf-c-page__main-section--m-light-100--BackgroundColor: var(--pf-global--BackgroundColor--150);
19750
21293
  --pf-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
19751
21294
  --pf-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
19752
21295
  --pf-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-global--spacer--md);
@@ -20219,6 +21762,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20219
21762
  .pf-c-page__main-section.pf-m-light {
20220
21763
  --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light--BackgroundColor);
20221
21764
  }
21765
+ .pf-c-page__main-section.pf-m-light-100 {
21766
+ --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light-100--BackgroundColor);
21767
+ }
20222
21768
  .pf-c-page__main-section[class*=pf-m-dark-] {
20223
21769
  color: var(--pf-global--Color--100);
20224
21770
  }
@@ -20331,27 +21877,90 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20331
21877
  .pf-c-page__main-group {
20332
21878
  flex-shrink: 0;
20333
21879
  }
20334
-
20335
- .pf-c-page__main-nav .pf-c-page__main-body {
20336
- padding-top: var(--pf-c-page__main-nav--PaddingTop);
20337
- padding-right: var(--pf-c-page__main-nav--PaddingRight);
20338
- padding-left: var(--pf-c-page__main-nav--PaddingLeft);
21880
+
21881
+ .pf-c-page__main-nav .pf-c-page__main-body {
21882
+ padding-top: var(--pf-c-page__main-nav--PaddingTop);
21883
+ padding-right: var(--pf-c-page__main-nav--PaddingRight);
21884
+ padding-left: var(--pf-c-page__main-nav--PaddingLeft);
21885
+ }
21886
+ .pf-c-page__main-breadcrumb .pf-c-page__main-body {
21887
+ 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);
21888
+ }
21889
+ .pf-c-page__main-section .pf-c-page__main-body {
21890
+ 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);
21891
+ }
21892
+ .pf-c-page__main-tabs .pf-c-page__main-body {
21893
+ 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);
21894
+ }
21895
+
21896
+ .pf-c-page__drawer {
21897
+ grid-area: main;
21898
+ }
21899
+ .pf-c-page__drawer > .pf-c-drawer {
21900
+ flex: 1 0 auto;
21901
+ }
21902
+
21903
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
21904
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
21905
+ :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,
21906
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
21907
+ --pf-global--Color--100: #fff;
21908
+ --pf-global--Color--200: #aaabac;
21909
+ --pf-global--BorderColor--100: #444548;
21910
+ --pf-global--primary-color--100: #1fa7f8;
21911
+ --pf-global--link--Color: #1fa7f8;
21912
+ --pf-global--link--Color--hover: #73bcf7;
21913
+ --pf-global--BackgroundColor--100: #1b1d21;
21914
+ }
21915
+ :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,
21916
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
21917
+ :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,
21918
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
21919
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
21920
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
21921
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
21922
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
21923
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
21924
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
21925
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
21926
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
21927
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
21928
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
21929
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
21930
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
21931
+ }
21932
+
21933
+ :where(.pf-theme-dark) .pf-c-page {
21934
+ --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--200);
21935
+ --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-global--BackgroundColor--300);
21936
+ --pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
21937
+ --pf-c-page__header--BackgroundColor: var(--pf-global--palette--black-1000);
21938
+ }
21939
+ :where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button {
21940
+ color: var(--pf-global--Color--100);
21941
+ }
21942
+ :where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge:hover::before {
21943
+ background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
20339
21944
  }
20340
- .pf-c-page__main-breadcrumb .pf-c-page__main-body {
20341
- 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);
21945
+ :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 {
21946
+ --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
20342
21947
  }
20343
- .pf-c-page__main-section .pf-c-page__main-body {
20344
- 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);
21948
+ :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 {
21949
+ --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
20345
21950
  }
20346
- .pf-c-page__main-tabs .pf-c-page__main-body {
20347
- 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);
21951
+ :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 {
21952
+ --pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--300);
21953
+ --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
21954
+ --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
21955
+ --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
20348
21956
  }
20349
-
20350
- .pf-c-page__drawer {
20351
- grid-area: main;
21957
+ :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 {
21958
+ --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
20352
21959
  }
20353
- .pf-c-page__drawer > .pf-c-drawer {
20354
- flex: 1 0 auto;
21960
+ :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
21961
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
21962
+ :where(.pf-theme-dark) .pf-c-page__header {
21963
+ color: var(--pf-global--Color--100);
20355
21964
  }
20356
21965
 
20357
21966
  .pf-c-pagination {
@@ -20681,6 +22290,40 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20681
22290
  }
20682
22291
  }
20683
22292
 
22293
+ :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,
22294
+ :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,
22295
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
22296
+ :where(.pf-theme-dark) .pf-c-page__header {
22297
+ --pf-global--Color--100: #fff;
22298
+ --pf-global--Color--200: #aaabac;
22299
+ --pf-global--BorderColor--100: #444548;
22300
+ --pf-global--primary-color--100: #1fa7f8;
22301
+ --pf-global--link--Color: #1fa7f8;
22302
+ --pf-global--link--Color--hover: #73bcf7;
22303
+ --pf-global--BackgroundColor--100: #1b1d21;
22304
+ }
22305
+ :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,
22306
+ :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,
22307
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
22308
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
22309
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
22310
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
22311
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
22312
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
22313
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
22314
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
22315
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
22316
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
22317
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
22318
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
22319
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
22320
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
22321
+ }
22322
+
22323
+ :where(.pf-theme-dark) .pf-c-pagination {
22324
+ --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--300);
22325
+ }
22326
+
20684
22327
  .pf-c-panel {
20685
22328
  --pf-c-panel--Width: auto;
20686
22329
  --pf-c-panel--MinWidth: auto;
@@ -20933,6 +22576,49 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20933
22576
  margin-top: var(--pf-c-popover__footer--MarginTop);
20934
22577
  }
20935
22578
 
22579
+ :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,
22580
+ :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,
22581
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
22582
+ :where(.pf-theme-dark) .pf-c-page__header {
22583
+ --pf-global--Color--100: #fff;
22584
+ --pf-global--Color--200: #aaabac;
22585
+ --pf-global--BorderColor--100: #444548;
22586
+ --pf-global--primary-color--100: #1fa7f8;
22587
+ --pf-global--link--Color: #1fa7f8;
22588
+ --pf-global--link--Color--hover: #73bcf7;
22589
+ --pf-global--BackgroundColor--100: #1b1d21;
22590
+ }
22591
+ :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,
22592
+ :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,
22593
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
22594
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
22595
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
22596
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
22597
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
22598
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
22599
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
22600
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
22601
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
22602
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
22603
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
22604
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
22605
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
22606
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
22607
+ }
22608
+
22609
+ :where(.pf-theme-dark) .pf-c-popover {
22610
+ --pf-c-popover--BoxShadow: none;
22611
+ --pf-c-popover__arrow--BoxShadow: none;
22612
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
22613
+ --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
22614
+ --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
22615
+ --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
22616
+ }
22617
+ :where(.pf-theme-dark) .pf-c-popover,
22618
+ :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
22619
+ border: 4px solid var(--pf-global--BorderColor--400);
22620
+ }
22621
+
20936
22622
  .pf-c-progress {
20937
22623
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
20938
22624
  --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
@@ -21091,6 +22777,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21091
22777
  background-color: var(--pf-c-progress__indicator--BackgroundColor);
21092
22778
  }
21093
22779
 
22780
+ :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,
22781
+ :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,
22782
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
22783
+ :where(.pf-theme-dark) .pf-c-page__header {
22784
+ --pf-global--Color--100: #fff;
22785
+ --pf-global--Color--200: #aaabac;
22786
+ --pf-global--BorderColor--100: #444548;
22787
+ --pf-global--primary-color--100: #1fa7f8;
22788
+ --pf-global--link--Color: #1fa7f8;
22789
+ --pf-global--link--Color--hover: #73bcf7;
22790
+ --pf-global--BackgroundColor--100: #1b1d21;
22791
+ }
22792
+ :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,
22793
+ :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,
22794
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
22795
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
22796
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
22797
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
22798
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
22799
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
22800
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
22801
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
22802
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
22803
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
22804
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
22805
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
22806
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
22807
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
22808
+ }
22809
+
22810
+ :where(.pf-theme-dark) .pf-c-progress {
22811
+ --pf-c-progress--m-inside__measure--Color: var(--pf-global--palette--black-900);
22812
+ --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--palette--black-900);
22813
+ --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--palette--black-900);
22814
+ }
22815
+
21094
22816
  .pf-c-progress-stepper {
21095
22817
  --pf-c-progress-stepper--GridAutoFlow: column;
21096
22818
  --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
@@ -21589,6 +23311,45 @@ label.pf-c-radio, .pf-c-radio__label,
21589
23311
  flex-grow: 1;
21590
23312
  }
21591
23313
 
23314
+ :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,
23315
+ :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,
23316
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
23317
+ :where(.pf-theme-dark) .pf-c-page__header {
23318
+ --pf-global--Color--100: #fff;
23319
+ --pf-global--Color--200: #aaabac;
23320
+ --pf-global--BorderColor--100: #444548;
23321
+ --pf-global--primary-color--100: #1fa7f8;
23322
+ --pf-global--link--Color: #1fa7f8;
23323
+ --pf-global--link--Color--hover: #73bcf7;
23324
+ --pf-global--BackgroundColor--100: #1b1d21;
23325
+ }
23326
+ :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,
23327
+ :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,
23328
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
23329
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
23330
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
23331
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
23332
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
23333
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
23334
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
23335
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
23336
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
23337
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
23338
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
23339
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
23340
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
23341
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
23342
+ }
23343
+
23344
+ :where(.pf-theme-dark) .pf-c-search-input {
23345
+ --pf-c-search-input__text--before--BorderColor: transparent;
23346
+ --pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--400);
23347
+ background-color: var(--pf-global--BackgroundColor--400);
23348
+ }
23349
+ :where(.pf-theme-dark) .pf-c-search-input__text::before {
23350
+ border-bottom-color: var(--pf-global--BorderColor--400);
23351
+ }
23352
+
21592
23353
  .pf-c-select {
21593
23354
  color: var(--pf-global--Color--100);
21594
23355
  --pf-c-select__toggle--PaddingTop: var(--pf-global--spacer--form-element);
@@ -22151,6 +23912,52 @@ label.pf-c-radio, .pf-c-radio__label,
22151
23912
  box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
22152
23913
  }
22153
23914
 
23915
+ :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,
23916
+ :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,
23917
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
23918
+ :where(.pf-theme-dark) .pf-c-page__header {
23919
+ --pf-global--Color--100: #fff;
23920
+ --pf-global--Color--200: #aaabac;
23921
+ --pf-global--BorderColor--100: #444548;
23922
+ --pf-global--primary-color--100: #1fa7f8;
23923
+ --pf-global--link--Color: #1fa7f8;
23924
+ --pf-global--link--Color--hover: #73bcf7;
23925
+ --pf-global--BackgroundColor--100: #1b1d21;
23926
+ }
23927
+ :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,
23928
+ :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,
23929
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
23930
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
23931
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
23932
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
23933
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
23934
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
23935
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
23936
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
23937
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
23938
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
23939
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
23940
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
23941
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
23942
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
23943
+ }
23944
+
23945
+ :where(.pf-theme-dark) .pf-c-select {
23946
+ --pf-c-select__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
23947
+ --pf-c-select__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
23948
+ --pf-c-select__toggle--before--BorderTopColor: transparent;
23949
+ --pf-c-select__toggle--before--BorderRightColor: transparent;
23950
+ --pf-c-select__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--400);
23951
+ --pf-c-select__toggle--before--BorderLeftColor: transparent;
23952
+ --pf-c-select__menu--Top: 100%;
23953
+ --pf-c-select__menu--m-top--TranslateY: -100%;
23954
+ --pf-c-select__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
23955
+ --pf-c-select__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
23956
+ }
23957
+ :where(.pf-theme-dark) .pf-c-select__toggle:disabled, :where(.pf-theme-dark) .pf-c-select__toggle.pf-m-disabled {
23958
+ color: var(--pf-global--palette--black-100);
23959
+ }
23960
+
22154
23961
  .pf-c-sidebar {
22155
23962
  --pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
22156
23963
  --pf-c-sidebar__main--FlexDirection: column;
@@ -22539,6 +24346,47 @@ label.pf-c-radio, .pf-c-radio__label,
22539
24346
  margin-top: var(--pf-c-simple-list__section--section--MarginTop);
22540
24347
  }
22541
24348
 
24349
+ :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,
24350
+ :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,
24351
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
24352
+ :where(.pf-theme-dark) .pf-c-page__header {
24353
+ --pf-global--Color--100: #fff;
24354
+ --pf-global--Color--200: #aaabac;
24355
+ --pf-global--BorderColor--100: #444548;
24356
+ --pf-global--primary-color--100: #1fa7f8;
24357
+ --pf-global--link--Color: #1fa7f8;
24358
+ --pf-global--link--Color--hover: #73bcf7;
24359
+ --pf-global--BackgroundColor--100: #1b1d21;
24360
+ }
24361
+ :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,
24362
+ :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,
24363
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
24364
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
24365
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
24366
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
24367
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
24368
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
24369
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
24370
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
24371
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
24372
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
24373
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
24374
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
24375
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
24376
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
24377
+ }
24378
+
24379
+ :where(.pf-theme-dark) .pf-c-simple-list {
24380
+ --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--active-color--100);
24381
+ --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--400);
24382
+ --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
24383
+ --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
24384
+ --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
24385
+ --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
24386
+ --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
24387
+ --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
24388
+ }
24389
+
22542
24390
  .pf-c-skeleton {
22543
24391
  --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
22544
24392
  --pf-c-skeleton--Width: auto;
@@ -22700,6 +24548,43 @@ label.pf-c-radio, .pf-c-radio__label,
22700
24548
  transform: translateX(100%);
22701
24549
  }
22702
24550
  }
24551
+ :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,
24552
+ :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,
24553
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
24554
+ :where(.pf-theme-dark) .pf-c-page__header {
24555
+ --pf-global--Color--100: #fff;
24556
+ --pf-global--Color--200: #aaabac;
24557
+ --pf-global--BorderColor--100: #444548;
24558
+ --pf-global--primary-color--100: #1fa7f8;
24559
+ --pf-global--link--Color: #1fa7f8;
24560
+ --pf-global--link--Color--hover: #73bcf7;
24561
+ --pf-global--BackgroundColor--100: #1b1d21;
24562
+ }
24563
+ :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,
24564
+ :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,
24565
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
24566
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
24567
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
24568
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
24569
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
24570
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
24571
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
24572
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
24573
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
24574
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
24575
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
24576
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
24577
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
24578
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
24579
+ }
24580
+
24581
+ :where(.pf-theme-dark) .pf-c-skeleton {
24582
+ --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
24583
+ --pf-c-skeleton--after--LinearGradientColorStop1: var(--pf-global--palette--black-600);
24584
+ --pf-c-skeleton--after--LinearGradientColorStop2: var(--pf-global--palette--black-500);
24585
+ --pf-c-skeleton--after--LinearGradientColorStop3: var(--pf-global--palette--black-600);
24586
+ }
24587
+
22703
24588
  .pf-c-skip-to-content {
22704
24589
  --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
22705
24590
  --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
@@ -23273,6 +25158,43 @@ svg.pf-c-spinner.pf-m-xl {
23273
25158
  vertical-align: top;
23274
25159
  }
23275
25160
 
25161
+ :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,
25162
+ :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,
25163
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
25164
+ :where(.pf-theme-dark) .pf-c-page__header {
25165
+ --pf-global--Color--100: #fff;
25166
+ --pf-global--Color--200: #aaabac;
25167
+ --pf-global--BorderColor--100: #444548;
25168
+ --pf-global--primary-color--100: #1fa7f8;
25169
+ --pf-global--link--Color: #1fa7f8;
25170
+ --pf-global--link--Color--hover: #73bcf7;
25171
+ --pf-global--BackgroundColor--100: #1b1d21;
25172
+ }
25173
+ :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,
25174
+ :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,
25175
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
25176
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
25177
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
25178
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
25179
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
25180
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
25181
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
25182
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
25183
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
25184
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
25185
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
25186
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
25187
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
25188
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
25189
+ }
25190
+
25191
+ :where(.pf-theme-dark) .pf-c-switch {
25192
+ --pf-c-switch__toggle-icon--Color: var(--pf-global--BackgroundColor--100);
25193
+ --pf-c-switch__input--not-checked__label--Color: var(--pf-global--Color--100);
25194
+ --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--disabled-color--100);
25195
+ --pf-c-switch__toggle--before--BoxShadow: none;
25196
+ }
25197
+
23276
25198
  .pf-c-tab-content {
23277
25199
  --pf-c-tab-content__body--PaddingTop: 0;
23278
25200
  --pf-c-tab-content__body--PaddingRight: 0;
@@ -25943,6 +27865,43 @@ svg.pf-c-spinner.pf-m-xl {
25943
27865
  --pf-c-table--cell--Width: 100%;
25944
27866
  }
25945
27867
 
27868
+ :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,
27869
+ :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,
27870
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
27871
+ :where(.pf-theme-dark) .pf-c-page__header {
27872
+ --pf-global--Color--100: #fff;
27873
+ --pf-global--Color--200: #aaabac;
27874
+ --pf-global--BorderColor--100: #444548;
27875
+ --pf-global--primary-color--100: #1fa7f8;
27876
+ --pf-global--link--Color: #1fa7f8;
27877
+ --pf-global--link--Color--hover: #73bcf7;
27878
+ --pf-global--BackgroundColor--100: #1b1d21;
27879
+ }
27880
+ :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,
27881
+ :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,
27882
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
27883
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
27884
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
27885
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
27886
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
27887
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
27888
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
27889
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
27890
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
27891
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
27892
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
27893
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
27894
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
27895
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
27896
+ }
27897
+
27898
+ :where(.pf-theme-dark) .pf-c-table {
27899
+ --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--150);
27900
+ }
27901
+ :where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:hover, :where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:focus {
27902
+ --pf-c-button--m-plain--Color: var(--pf-global--palette--gold-100);
27903
+ }
27904
+
25946
27905
  .pf-c-table {
25947
27906
  --pf-c-table__sticky-column--cell-min-width--base: 12.5rem;
25948
27907
  --pf-c-table__sticky-column--MinWidth: var(--pf-c-table__sticky-column--cell-min-width--base);
@@ -27631,6 +29590,42 @@ svg.pf-c-spinner.pf-m-xl {
27631
29590
  }
27632
29591
  }
27633
29592
 
29593
+ :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,
29594
+ :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,
29595
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
29596
+ :where(.pf-theme-dark) .pf-c-page__header {
29597
+ --pf-global--Color--100: #fff;
29598
+ --pf-global--Color--200: #aaabac;
29599
+ --pf-global--BorderColor--100: #444548;
29600
+ --pf-global--primary-color--100: #1fa7f8;
29601
+ --pf-global--link--Color: #1fa7f8;
29602
+ --pf-global--link--Color--hover: #73bcf7;
29603
+ --pf-global--BackgroundColor--100: #1b1d21;
29604
+ }
29605
+ :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,
29606
+ :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,
29607
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
29608
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
29609
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
29610
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
29611
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
29612
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
29613
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
29614
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
29615
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
29616
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
29617
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
29618
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
29619
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
29620
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
29621
+ }
29622
+
29623
+ :where(.pf-theme-dark) .pf-c-tabs {
29624
+ --pf-c-tabs__scroll-button--BackgroundColor: transparent;
29625
+ --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
29626
+ --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
29627
+ }
29628
+
27634
29629
  .pf-c-text-input-group {
27635
29630
  --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
27636
29631
  --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -27922,6 +29917,43 @@ svg.pf-c-spinner.pf-m-xl {
27922
29917
  color: var(--pf-c-tile__icon--Color);
27923
29918
  }
27924
29919
 
29920
+ :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,
29921
+ :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,
29922
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
29923
+ :where(.pf-theme-dark) .pf-c-page__header {
29924
+ --pf-global--Color--100: #fff;
29925
+ --pf-global--Color--200: #aaabac;
29926
+ --pf-global--BorderColor--100: #444548;
29927
+ --pf-global--primary-color--100: #1fa7f8;
29928
+ --pf-global--link--Color: #1fa7f8;
29929
+ --pf-global--link--Color--hover: #73bcf7;
29930
+ --pf-global--BackgroundColor--100: #1b1d21;
29931
+ }
29932
+ :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,
29933
+ :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,
29934
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
29935
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
29936
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
29937
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
29938
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
29939
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
29940
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
29941
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
29942
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
29943
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
29944
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
29945
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
29946
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
29947
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
29948
+ }
29949
+
29950
+ :where(.pf-theme-dark) .pf-c-tile {
29951
+ --pf-c-tile--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
29952
+ --pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--300);
29953
+ --pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--300);
29954
+ --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
29955
+ }
29956
+
27925
29957
  .pf-c-title {
27926
29958
  --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
27927
29959
  --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
@@ -28085,6 +30117,44 @@ svg.pf-c-spinner.pf-m-xl {
28085
30117
  margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
28086
30118
  }
28087
30119
 
30120
+ :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,
30121
+ :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,
30122
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
30123
+ :where(.pf-theme-dark) .pf-c-page__header {
30124
+ --pf-global--Color--100: #fff;
30125
+ --pf-global--Color--200: #aaabac;
30126
+ --pf-global--BorderColor--100: #444548;
30127
+ --pf-global--primary-color--100: #1fa7f8;
30128
+ --pf-global--link--Color: #1fa7f8;
30129
+ --pf-global--link--Color--hover: #73bcf7;
30130
+ --pf-global--BackgroundColor--100: #1b1d21;
30131
+ }
30132
+ :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,
30133
+ :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,
30134
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
30135
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
30136
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
30137
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
30138
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
30139
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
30140
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
30141
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
30142
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
30143
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
30144
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
30145
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
30146
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
30147
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
30148
+ }
30149
+
30150
+ :where(.pf-theme-dark) .pf-c-toggle-group {
30151
+ --pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--palette--black-700);
30152
+ --pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--palette--black-700);
30153
+ --pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--palette--black-600);
30154
+ --pf-c-toggle-group__button--disabled--Color: var(--pf-global--palette--black-100);
30155
+ --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300);
30156
+ }
30157
+
28088
30158
  .pf-c-tooltip {
28089
30159
  --pf-c-tooltip--MaxWidth: 18.75rem;
28090
30160
  --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -28169,6 +30239,49 @@ svg.pf-c-spinner.pf-m-xl {
28169
30239
  background-color: var(--pf-c-tooltip__content--BackgroundColor);
28170
30240
  }
28171
30241
 
30242
+ :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,
30243
+ :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,
30244
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
30245
+ :where(.pf-theme-dark) .pf-c-page__header {
30246
+ --pf-global--Color--100: #fff;
30247
+ --pf-global--Color--200: #aaabac;
30248
+ --pf-global--BorderColor--100: #444548;
30249
+ --pf-global--primary-color--100: #1fa7f8;
30250
+ --pf-global--link--Color: #1fa7f8;
30251
+ --pf-global--link--Color--hover: #73bcf7;
30252
+ --pf-global--BackgroundColor--100: #1b1d21;
30253
+ }
30254
+ :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,
30255
+ :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,
30256
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
30257
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
30258
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
30259
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
30260
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
30261
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
30262
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
30263
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
30264
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
30265
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
30266
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
30267
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
30268
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
30269
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
30270
+ }
30271
+
30272
+ :where(.pf-theme-dark) .pf-c-tooltip {
30273
+ --pf-c-tooltip--BoxShadow: none;
30274
+ --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
30275
+ }
30276
+ :where(.pf-theme-dark) .pf-c-tooltip,
30277
+ :where(.pf-theme-dark) .pf-c-tooltip__arrow {
30278
+ border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
30279
+ }
30280
+ :where(.pf-theme-dark) .pf-c-tooltip__arrow {
30281
+ --pf-c-tooltip__arrow--Width: 0.9375rem;
30282
+ --pf-c-tooltip__arrow--Height: 0.9375rem;
30283
+ }
30284
+
28172
30285
  .pf-c-truncate {
28173
30286
  --pf-c-truncate--MinWidth: 12ch;
28174
30287
  --pf-c-truncate__start--MinWidth: 6ch;
@@ -28657,6 +30770,41 @@ svg.pf-c-spinner.pf-m-xl {
28657
30770
  --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));
28658
30771
  }
28659
30772
 
30773
+ :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,
30774
+ :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,
30775
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
30776
+ :where(.pf-theme-dark) .pf-c-page__header {
30777
+ --pf-global--Color--100: #fff;
30778
+ --pf-global--Color--200: #aaabac;
30779
+ --pf-global--BorderColor--100: #444548;
30780
+ --pf-global--primary-color--100: #1fa7f8;
30781
+ --pf-global--link--Color: #1fa7f8;
30782
+ --pf-global--link--Color--hover: #73bcf7;
30783
+ --pf-global--BackgroundColor--100: #1b1d21;
30784
+ }
30785
+ :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,
30786
+ :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,
30787
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
30788
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
30789
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
30790
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
30791
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
30792
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
30793
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
30794
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
30795
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
30796
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
30797
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
30798
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
30799
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
30800
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
30801
+ }
30802
+
30803
+ :where(.pf-theme-dark) .pf-c-tree-view {
30804
+ --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
30805
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
30806
+ }
30807
+
28660
30808
  .pf-c-wizard {
28661
30809
  --pf-c-wizard--Height: 100%;
28662
30810
  --pf-c-modal-box--c-wizard--FlexBasis: 47.625rem;
@@ -29139,6 +31287,46 @@ svg.pf-c-spinner.pf-m-xl {
29139
31287
  margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
29140
31288
  }
29141
31289
 
31290
+ :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,
31291
+ :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,
31292
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
31293
+ :where(.pf-theme-dark) .pf-c-page__header {
31294
+ --pf-global--Color--100: #fff;
31295
+ --pf-global--Color--200: #aaabac;
31296
+ --pf-global--BorderColor--100: #444548;
31297
+ --pf-global--primary-color--100: #1fa7f8;
31298
+ --pf-global--link--Color: #1fa7f8;
31299
+ --pf-global--link--Color--hover: #73bcf7;
31300
+ --pf-global--BackgroundColor--100: #1b1d21;
31301
+ }
31302
+ :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,
31303
+ :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,
31304
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
31305
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
31306
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
31307
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
31308
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
31309
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
31310
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
31311
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
31312
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
31313
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
31314
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
31315
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
31316
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
31317
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
31318
+ }
31319
+
31320
+ :where(.pf-theme-dark) .pf-c-wizard {
31321
+ --pf-c-wizard__nav-link--m-disabled--Color: var(--pf-global--disabled-color--300);
31322
+ --pf-c-wizard__nav-link--m-disabled--before--Color: var(--pf-global--disabled-color--300);
31323
+ --pf-c-wizard__nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
31324
+ --pf-c-wizard__outer-wrap--BackgroundColor: var(--pf-global--BackgroundColor--300);
31325
+ }
31326
+ :where(.pf-theme-dark) .pf-c-wizard__header {
31327
+ color: var(--pf-global--Color--100);
31328
+ }
31329
+
29142
31330
  .pf-l-bullseye {
29143
31331
  --pf-l-bullseye--Padding: 0;
29144
31332
  display: flex;