@patternfly/patternfly 4.196.0 → 4.196.3

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 (181) hide show
  1. package/assets/images/icon-github.hbs +4 -0
  2. package/assets/images/icon-google.hbs +4 -0
  3. package/assets/images/icon-red-hat.hbs +1 -0
  4. package/base/_globals.scss +7 -0
  5. package/base/_variables.scss +8 -0
  6. package/base/patternfly-globals.css +4 -0
  7. package/base/patternfly-variables.css +84 -0
  8. package/components/AboutModalBox/about-modal-box.css +28 -0
  9. package/components/AboutModalBox/about-modal-box.scss +7 -0
  10. package/components/AboutModalBox/themes/dark/about-modal-box.scss +4 -6
  11. package/components/Accordion/accordion.css +6 -0
  12. package/components/Accordion/accordion.scss +7 -0
  13. package/components/Accordion/themes/dark/accordion.scss +3 -1
  14. package/components/Alert/alert.css +14 -0
  15. package/components/Alert/alert.scss +7 -0
  16. package/components/Alert/themes/dark/alert.scss +3 -1
  17. package/components/AppLauncher/app-launcher.css +12 -0
  18. package/components/AppLauncher/app-launcher.scss +7 -0
  19. package/components/AppLauncher/themes/dark/app-launcher.scss +3 -1
  20. package/components/Badge/badge.css +5 -0
  21. package/components/Badge/badge.scss +7 -0
  22. package/components/Badge/themes/dark/badge.scss +3 -1
  23. package/components/Banner/banner.css +31 -0
  24. package/components/Banner/banner.scss +7 -0
  25. package/components/Banner/themes/dark/banner.scss +4 -2
  26. package/components/Breadcrumb/breadcrumb.css +4 -0
  27. package/components/Breadcrumb/breadcrumb.scss +7 -0
  28. package/components/Breadcrumb/themes/dark/breadcrumb.scss +3 -1
  29. package/components/Button/button.css +38 -0
  30. package/components/Button/button.scss +7 -0
  31. package/components/Button/themes/dark/button.scss +3 -1
  32. package/components/CalendarMonth/calendar-month.css +26 -4
  33. package/components/CalendarMonth/calendar-month.scss +11 -4
  34. package/components/CalendarMonth/themes/dark/calendar-month.scss +3 -1
  35. package/components/Chip/chip.css +6 -0
  36. package/components/Chip/chip.scss +7 -0
  37. package/components/Chip/themes/dark/chip.scss +3 -1
  38. package/components/ClipboardCopy/clipboard-copy.css +11 -0
  39. package/components/ClipboardCopy/clipboard-copy.scss +7 -0
  40. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +3 -1
  41. package/components/CodeEditor/code-editor.css +4 -0
  42. package/components/CodeEditor/code-editor.scss +7 -0
  43. package/components/CodeEditor/themes/dark/code-editor.scss +3 -1
  44. package/components/ContextSelector/context-selector.css +17 -0
  45. package/components/ContextSelector/context-selector.scss +7 -0
  46. package/components/ContextSelector/themes/dark/context-selector.scss +3 -1
  47. package/components/DataList/data-list.css +7 -0
  48. package/components/DataList/data-list.scss +7 -0
  49. package/components/DataList/themes/dark/data-list.scss +3 -1
  50. package/components/DatePicker/date-picker.css +5 -0
  51. package/components/DatePicker/date-picker.scss +7 -0
  52. package/components/DatePicker/themes/dark/date-picker.scss +3 -1
  53. package/components/Drawer/drawer.css +7 -0
  54. package/components/Drawer/drawer.scss +7 -0
  55. package/components/Drawer/themes/dark/drawer.scss +3 -1
  56. package/components/Dropdown/dropdown.css +22 -0
  57. package/components/Dropdown/dropdown.scss +7 -0
  58. package/components/Dropdown/themes/dark/dropdown.scss +3 -1
  59. package/components/Form/form.css +4 -0
  60. package/components/Form/form.scss +7 -0
  61. package/components/Form/themes/dark/form.scss +3 -1
  62. package/components/FormControl/form-control.css +22 -0
  63. package/components/FormControl/form-control.scss +7 -0
  64. package/components/FormControl/themes/dark/form-control.scss +3 -1
  65. package/components/HelperText/helper-text.css +4 -0
  66. package/components/HelperText/helper-text.scss +7 -0
  67. package/components/HelperText/themes/dark/helper-text.scss +3 -1
  68. package/components/Hint/hint.css +5 -0
  69. package/components/Hint/hint.scss +7 -0
  70. package/components/Hint/themes/dark/hint.scss +3 -1
  71. package/components/InputGroup/input-group.css +22 -0
  72. package/components/InputGroup/input-group.scss +7 -0
  73. package/components/InputGroup/themes/dark/input-group.scss +3 -1
  74. package/components/Label/label.css +44 -0
  75. package/components/Label/label.scss +7 -0
  76. package/components/Label/themes/dark/label.scss +3 -1
  77. package/components/LogViewer/log-viewer.css +28 -0
  78. package/components/LogViewer/log-viewer.scss +7 -0
  79. package/components/LogViewer/themes/dark/log-viewer.scss +4 -2
  80. package/components/Login/login.css +31 -0
  81. package/components/Login/login.scss +7 -0
  82. package/components/Login/themes/dark/login.scss +4 -2
  83. package/components/Masthead/masthead.css +32 -0
  84. package/components/Masthead/masthead.scss +7 -0
  85. package/components/Masthead/themes/dark/masthead.scss +4 -2
  86. package/components/Menu/menu.css +9 -0
  87. package/components/Menu/menu.scss +7 -0
  88. package/components/Menu/themes/dark/menu.scss +3 -1
  89. package/components/MenuToggle/menu-toggle.css +19 -0
  90. package/components/MenuToggle/menu-toggle.scss +7 -0
  91. package/components/MenuToggle/themes/dark/menu-toggle.scss +3 -1
  92. package/components/ModalBox/modal-box.css +4 -0
  93. package/components/ModalBox/modal-box.scss +7 -0
  94. package/components/ModalBox/themes/dark/modal-box.scss +3 -1
  95. package/components/Nav/nav.css +34 -0
  96. package/components/Nav/nav.scss +7 -0
  97. package/components/Nav/themes/dark/nav.scss +3 -1
  98. package/components/NotificationBadge/notification-badge.css +4 -0
  99. package/components/NotificationBadge/notification-badge.scss +7 -0
  100. package/components/NotificationBadge/themes/dark/notification-badge.scss +3 -1
  101. package/components/NotificationDrawer/notification-drawer.css +11 -0
  102. package/components/NotificationDrawer/notification-drawer.scss +7 -0
  103. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +3 -1
  104. package/components/OptionsMenu/options-menu.css +17 -0
  105. package/components/OptionsMenu/options-menu.scss +7 -0
  106. package/components/OptionsMenu/themes/dark/options-menu.scss +3 -1
  107. package/components/Page/page.css +66 -1
  108. package/components/Page/page.scss +13 -1
  109. package/components/Page/themes/dark/page.scss +4 -2
  110. package/components/Pagination/pagination.css +4 -0
  111. package/components/Pagination/pagination.scss +7 -0
  112. package/components/Pagination/themes/dark/pagination.scss +3 -1
  113. package/components/Popover/popover.css +13 -0
  114. package/components/Popover/popover.scss +7 -0
  115. package/components/Popover/themes/dark/popover.scss +3 -1
  116. package/components/Progress/progress.css +6 -0
  117. package/components/Progress/progress.scss +7 -0
  118. package/components/Progress/themes/dark/progress.scss +3 -1
  119. package/components/SearchInput/search-input.css +9 -0
  120. package/components/SearchInput/search-input.scss +7 -0
  121. package/components/SearchInput/themes/dark/search-input.scss +3 -1
  122. package/components/Select/select.css +16 -0
  123. package/components/Select/select.scss +7 -0
  124. package/components/Select/themes/dark/select.scss +3 -1
  125. package/components/SimpleList/simple-list.css +11 -0
  126. package/components/SimpleList/simple-list.scss +7 -0
  127. package/components/SimpleList/themes/dark/simple-list.scss +3 -1
  128. package/components/Skeleton/skeleton.css +6 -0
  129. package/components/Skeleton/skeleton.scss +7 -0
  130. package/components/Skeleton/themes/dark/skeleton.scss +3 -1
  131. package/components/Switch/switch.css +7 -0
  132. package/components/Switch/switch.scss +7 -0
  133. package/components/Switch/themes/dark/switch.scss +3 -1
  134. package/components/Table/table.css +7 -0
  135. package/components/Table/table.scss +7 -0
  136. package/components/Table/themes/dark/table.scss +7 -1
  137. package/components/Tabs/tabs.css +6 -0
  138. package/components/Tabs/tabs.scss +7 -0
  139. package/components/Tabs/themes/dark/tabs.scss +3 -1
  140. package/components/Tile/themes/dark/tile.scss +3 -1
  141. package/components/Tile/tile.css +7 -0
  142. package/components/Tile/tile.scss +7 -0
  143. package/components/ToggleGroup/themes/dark/toggle-group.scss +3 -1
  144. package/components/ToggleGroup/toggle-group.css +8 -0
  145. package/components/ToggleGroup/toggle-group.scss +7 -0
  146. package/components/Tooltip/themes/dark/tooltip.scss +3 -1
  147. package/components/Tooltip/tooltip.css +13 -0
  148. package/components/Tooltip/tooltip.scss +7 -0
  149. package/components/TreeView/themes/dark/tree-view.scss +3 -1
  150. package/components/TreeView/tree-view.css +5 -0
  151. package/components/TreeView/tree-view.scss +7 -0
  152. package/components/Wizard/themes/dark/wizard.scss +4 -2
  153. package/components/Wizard/wizard.css +34 -0
  154. package/components/Wizard/wizard.scss +7 -0
  155. package/docs/components/CalendarMonth/examples/CalendarMonth.md +264 -253
  156. package/docs/components/Table/examples/Table.md +477 -3
  157. package/docs/demos/Table/examples/Table.css +3 -0
  158. package/docs/demos/Table/examples/Table.md +1092 -1
  159. package/package.json +1 -1
  160. package/patternfly-base-no-reset.css +92 -4
  161. package/patternfly-base.css +92 -4
  162. package/patternfly-no-reset.css +2199 -37
  163. package/patternfly-theme-dark.css +0 -636
  164. package/patternfly-theme-dark.scss +1 -7
  165. package/patternfly.css +2199 -37
  166. package/patternfly.min.css +1 -1
  167. package/patternfly.min.css.map +1 -1
  168. package/sass-utilities/mixins.scss +7 -0
  169. package/sass-utilities/scss-variables.scss +1 -0
  170. package/sass-utilities/themes/dark/_all.scss +4 -0
  171. package/themes/dark/_patternfly-charts-theme-dark.scss +1 -1
  172. package/patternfly-theme-dark-prefers-color-scheme.css +0 -711
  173. package/patternfly-theme-dark-prefers-color-scheme.scss +0 -5
  174. package/themes/dark/_chart-globals.scss +0 -39
  175. package/themes/dark/_patternfly-theme-dark.scss +0 -119
  176. package/themes/dark/_variables.scss +0 -94
  177. package/themes/dark/colors.scss +0 -16
  178. package/themes/dark/globals.scss +0 -7
  179. package/themes/dark/mixins.scss +0 -5
  180. package/themes/dark/placeholders.scss +0 -30
  181. package/themes/dark/scss-variables.scss +0 -85
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.196.0",
4
+ "version": "4.196.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-reset.css CHANGED
@@ -122,6 +122,7 @@
122
122
  --pf-global--palette--red-500: #2c0000;
123
123
  --pf-global--palette--white: #fff;
124
124
  --pf-global--BackgroundColor--100: #fff;
125
+ --pf-global--BackgroundColor--150: #fafafa;
125
126
  --pf-global--BackgroundColor--200: #f0f0f0;
126
127
  --pf-global--BackgroundColor--light-100: #fff;
127
128
  --pf-global--BackgroundColor--light-200: #fafafa;
@@ -297,6 +298,89 @@
297
298
  --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
298
299
  }
299
300
 
301
+ :root:where(.pf-theme-dark) {
302
+ --pf-global--palette--black-50: #e0e0e0;
303
+ --pf-global--palette--black-100: #c6c7c8;
304
+ --pf-global--palette--black-200: #aaabac;
305
+ --pf-global--palette--black-300: #868789;
306
+ --pf-global--palette--black-400: #57585a;
307
+ --pf-global--palette--black-500: #444548;
308
+ --pf-global--palette--black-600: #36373a;
309
+ --pf-global--palette--black-700: #26292d;
310
+ --pf-global--palette--black-800: #1b1d21;
311
+ --pf-global--palette--black-900: #0f1214;
312
+ --pf-global--palette--red-9999: #fe5142;
313
+ --pf-global--palette--red-8888: #fe6a5d;
314
+ --pf-global--palette--blue-300: #1fa7f8;
315
+ --pf-global--BackgroundColor--100: #1b1d21;
316
+ --pf-global--BackgroundColor--150: #212427;
317
+ --pf-global--BackgroundColor--200: #0f1214;
318
+ --pf-global--BackgroundColor--300: #26292d;
319
+ --pf-global--BackgroundColor--400: #36373a;
320
+ --pf-global--BorderColor--100: #444548;
321
+ --pf-global--BorderColor--200: #444548;
322
+ --pf-global--BorderColor--300: #57585a;
323
+ --pf-global--BorderColor--400: #aaabac;
324
+ --pf-global--Color--100: #fff;
325
+ --pf-global--Color--200: #aaabac;
326
+ --pf-global--active-color--100: #1fa7f8;
327
+ --pf-global--primary-color--100: #1fa7f8;
328
+ --pf-global--primary-color--300: #06c;
329
+ --pf-global--success-color--100: #5ba352;
330
+ --pf-global--warning-color--100: #f0ab00;
331
+ --pf-global--warning-color--200: #f4c145;
332
+ --pf-global--danger-color--100: #fe5142;
333
+ --pf-global--danger-color--200: #fe6a5d;
334
+ --pf-global--link--Color: #1fa7f8;
335
+ --pf-global--link--Color--hover: #73bcf7;
336
+ --pf-global--disabled-color--100: #57585a;
337
+ --pf-global--disabled-color--200: #444548;
338
+ --pf-global--disabled-color--300: #aaabac;
339
+ --pf-global--icon--Color--light: #aaabac;
340
+ --pf-global--icon--Color--dark: #aaabac;
341
+ --pf-global--Color--dark-100: #fff;
342
+ --pf-global--Color--dark-200: #aaabac;
343
+ --pf-global--Color--light-100: #fff;
344
+ --pf-global--Color--light-200: #aaabac;
345
+ --pf-global--Color--light-300: #3c3f42;
346
+ --pf-global--BorderColor--dark-100: #444548;
347
+ --pf-global--BorderColor--light-100: #444548;
348
+ --pf-global--primary-color--light-100: #1fa7f8;
349
+ --pf-global--primary-color--dark-100: #1fa7f8;
350
+ --pf-global--link--Color--light: #1fa7f8;
351
+ --pf-global--link--Color--light--hover: #73bcf7;
352
+ --pf-global--link--Color--dark: #1fa7f8;
353
+ --pf-global--link--Color--dark--hover: #73bcf7;
354
+ --pf-global--BackgroundColor--light-100: #1b1d21;
355
+ --pf-global--BackgroundColor--light-200: #0f1214;
356
+ --pf-global--BackgroundColor--light-300: #26292d;
357
+ --pf-global--BackgroundColor--dark-100: #1b1d21;
358
+ --pf-global--BackgroundColor--dark-200: #0f1214;
359
+ --pf-global--BackgroundColor--dark-300: #26292d;
360
+ --pf-global--BackgroundColor--dark-400: #36373a;
361
+ --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);
362
+ --pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
363
+ --pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
364
+ --pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
365
+ --pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
366
+ --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);
367
+ --pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
368
+ --pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
369
+ --pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
370
+ --pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
371
+ --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);
372
+ --pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
373
+ --pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
374
+ --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
375
+ --pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
376
+ --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);
377
+ --pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
378
+ --pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
379
+ --pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
380
+ --pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
381
+ --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
382
+ }
383
+
300
384
  @font-face {
301
385
  font-family: "RedHatDisplay";
302
386
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
@@ -560,6 +644,10 @@ html {
560
644
  font-variant-numeric: tabular-nums;
561
645
  }
562
646
 
647
+ :root:where(.pf-theme-dark) {
648
+ color-scheme: dark;
649
+ }
650
+
563
651
  .pf-t-dark.pf-m-transparent {
564
652
  background-color: transparent;
565
653
  }
@@ -570,10 +658,10 @@ html {
570
658
  background-color: rgba(3, 3, 3, 0.6);
571
659
  }
572
660
  .pf-t-dark.pf-m-opaque-100 {
573
- background-color: #3c3f42;
661
+ background-color: #1b1d21;
574
662
  }
575
663
  .pf-t-dark.pf-m-opaque-200 {
576
- background-color: #151515;
664
+ background-color: #0f1214;
577
665
  }
578
666
 
579
667
  .pf-t-light.pf-m-transparent {
@@ -583,10 +671,10 @@ html {
583
671
  background-color: #fff;
584
672
  }
585
673
  .pf-t-light.pf-m-opaque-200 {
586
- background-color: #fafafa;
674
+ background-color: #c6c7c8;
587
675
  }
588
676
  .pf-t-light.pf-m-opaque-300 {
589
- background-color: #f0f0f0;
677
+ background-color: #aaabac;
590
678
  }
591
679
 
592
680
  * .fa,
package/patternfly-base.css CHANGED
@@ -122,6 +122,7 @@
122
122
  --pf-global--palette--red-500: #2c0000;
123
123
  --pf-global--palette--white: #fff;
124
124
  --pf-global--BackgroundColor--100: #fff;
125
+ --pf-global--BackgroundColor--150: #fafafa;
125
126
  --pf-global--BackgroundColor--200: #f0f0f0;
126
127
  --pf-global--BackgroundColor--light-100: #fff;
127
128
  --pf-global--BackgroundColor--light-200: #fafafa;
@@ -297,6 +298,89 @@
297
298
  --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
298
299
  }
299
300
 
301
+ :root:where(.pf-theme-dark) {
302
+ --pf-global--palette--black-50: #e0e0e0;
303
+ --pf-global--palette--black-100: #c6c7c8;
304
+ --pf-global--palette--black-200: #aaabac;
305
+ --pf-global--palette--black-300: #868789;
306
+ --pf-global--palette--black-400: #57585a;
307
+ --pf-global--palette--black-500: #444548;
308
+ --pf-global--palette--black-600: #36373a;
309
+ --pf-global--palette--black-700: #26292d;
310
+ --pf-global--palette--black-800: #1b1d21;
311
+ --pf-global--palette--black-900: #0f1214;
312
+ --pf-global--palette--red-9999: #fe5142;
313
+ --pf-global--palette--red-8888: #fe6a5d;
314
+ --pf-global--palette--blue-300: #1fa7f8;
315
+ --pf-global--BackgroundColor--100: #1b1d21;
316
+ --pf-global--BackgroundColor--150: #212427;
317
+ --pf-global--BackgroundColor--200: #0f1214;
318
+ --pf-global--BackgroundColor--300: #26292d;
319
+ --pf-global--BackgroundColor--400: #36373a;
320
+ --pf-global--BorderColor--100: #444548;
321
+ --pf-global--BorderColor--200: #444548;
322
+ --pf-global--BorderColor--300: #57585a;
323
+ --pf-global--BorderColor--400: #aaabac;
324
+ --pf-global--Color--100: #fff;
325
+ --pf-global--Color--200: #aaabac;
326
+ --pf-global--active-color--100: #1fa7f8;
327
+ --pf-global--primary-color--100: #1fa7f8;
328
+ --pf-global--primary-color--300: #06c;
329
+ --pf-global--success-color--100: #5ba352;
330
+ --pf-global--warning-color--100: #f0ab00;
331
+ --pf-global--warning-color--200: #f4c145;
332
+ --pf-global--danger-color--100: #fe5142;
333
+ --pf-global--danger-color--200: #fe6a5d;
334
+ --pf-global--link--Color: #1fa7f8;
335
+ --pf-global--link--Color--hover: #73bcf7;
336
+ --pf-global--disabled-color--100: #57585a;
337
+ --pf-global--disabled-color--200: #444548;
338
+ --pf-global--disabled-color--300: #aaabac;
339
+ --pf-global--icon--Color--light: #aaabac;
340
+ --pf-global--icon--Color--dark: #aaabac;
341
+ --pf-global--Color--dark-100: #fff;
342
+ --pf-global--Color--dark-200: #aaabac;
343
+ --pf-global--Color--light-100: #fff;
344
+ --pf-global--Color--light-200: #aaabac;
345
+ --pf-global--Color--light-300: #3c3f42;
346
+ --pf-global--BorderColor--dark-100: #444548;
347
+ --pf-global--BorderColor--light-100: #444548;
348
+ --pf-global--primary-color--light-100: #1fa7f8;
349
+ --pf-global--primary-color--dark-100: #1fa7f8;
350
+ --pf-global--link--Color--light: #1fa7f8;
351
+ --pf-global--link--Color--light--hover: #73bcf7;
352
+ --pf-global--link--Color--dark: #1fa7f8;
353
+ --pf-global--link--Color--dark--hover: #73bcf7;
354
+ --pf-global--BackgroundColor--light-100: #1b1d21;
355
+ --pf-global--BackgroundColor--light-200: #0f1214;
356
+ --pf-global--BackgroundColor--light-300: #26292d;
357
+ --pf-global--BackgroundColor--dark-100: #1b1d21;
358
+ --pf-global--BackgroundColor--dark-200: #0f1214;
359
+ --pf-global--BackgroundColor--dark-300: #26292d;
360
+ --pf-global--BackgroundColor--dark-400: #36373a;
361
+ --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);
362
+ --pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
363
+ --pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
364
+ --pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
365
+ --pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
366
+ --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);
367
+ --pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
368
+ --pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
369
+ --pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
370
+ --pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
371
+ --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);
372
+ --pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
373
+ --pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
374
+ --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
375
+ --pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
376
+ --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);
377
+ --pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
378
+ --pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
379
+ --pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
380
+ --pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
381
+ --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
382
+ }
383
+
300
384
  @font-face {
301
385
  font-family: "RedHatDisplay";
302
386
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
@@ -687,6 +771,10 @@ a {
687
771
  font-weight: var(--pf-global--FontWeight--semi-bold);
688
772
  }
689
773
 
774
+ :root:where(.pf-theme-dark) {
775
+ color-scheme: dark;
776
+ }
777
+
690
778
  .pf-t-dark.pf-m-transparent {
691
779
  background-color: transparent;
692
780
  }
@@ -697,10 +785,10 @@ a {
697
785
  background-color: rgba(3, 3, 3, 0.6);
698
786
  }
699
787
  .pf-t-dark.pf-m-opaque-100 {
700
- background-color: #3c3f42;
788
+ background-color: #1b1d21;
701
789
  }
702
790
  .pf-t-dark.pf-m-opaque-200 {
703
- background-color: #151515;
791
+ background-color: #0f1214;
704
792
  }
705
793
 
706
794
  .pf-t-light.pf-m-transparent {
@@ -710,10 +798,10 @@ a {
710
798
  background-color: #fff;
711
799
  }
712
800
  .pf-t-light.pf-m-opaque-200 {
713
- background-color: #fafafa;
801
+ background-color: #c6c7c8;
714
802
  }
715
803
  .pf-t-light.pf-m-opaque-300 {
716
- background-color: #f0f0f0;
804
+ background-color: #aaabac;
717
805
  }
718
806
 
719
807
  * .fa,