@patternfly/patternfly 6.3.0-prerelease.6 → 6.3.0-prerelease.60

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 (168) hide show
  1. package/README.md +22 -14
  2. package/assets/images/icon-help.hbs +3 -0
  3. package/assets/images/icon-outlined-star.hbs +3 -0
  4. package/assets/images/icon-star.hbs +3 -0
  5. package/base/normalize.scss +4 -0
  6. package/base/patternfly-common.css +46 -11
  7. package/base/patternfly-common.scss +58 -13
  8. package/base/patternfly-variables.css +1172 -1
  9. package/base/patternfly-variables.scss +10 -0
  10. package/base/tokens/tokens-charts-dark.scss +1 -1
  11. package/base/tokens/tokens-charts.scss +1 -1
  12. package/base/tokens/tokens-dark.scss +13 -1
  13. package/base/tokens/tokens-default.scss +60 -2
  14. package/base/tokens/tokens-highcontrast-dark.scss +396 -0
  15. package/base/tokens/tokens-highcontrast.scss +703 -0
  16. package/base/tokens/tokens-local.scss +1 -0
  17. package/base/tokens/tokens-palette.scss +9 -1
  18. package/components/Accordion/accordion.css +102 -6
  19. package/components/Accordion/accordion.scss +112 -10
  20. package/components/Alert/alert-group.css +67 -33
  21. package/components/Alert/alert-group.scss +95 -48
  22. package/components/Badge/badge.css +2 -0
  23. package/components/Badge/badge.scss +2 -0
  24. package/components/Banner/banner.css +4 -0
  25. package/components/Banner/banner.scss +4 -0
  26. package/components/Button/button.css +187 -9
  27. package/components/Button/button.scss +195 -13
  28. package/components/CalendarMonth/calendar-month.css +16 -0
  29. package/components/CalendarMonth/calendar-month.scss +16 -0
  30. package/components/Card/card.css +5 -4
  31. package/components/Card/card.scss +5 -4
  32. package/components/CodeBlock/code-block.css +3 -0
  33. package/components/CodeBlock/code-block.scss +3 -0
  34. package/components/CodeEditor/code-editor.css +8 -3
  35. package/components/CodeEditor/code-editor.scss +11 -6
  36. package/components/DataList/data-list.css +2 -2
  37. package/components/DataList/data-list.scss +2 -2
  38. package/components/DatePicker/date-picker.css +3 -0
  39. package/components/DatePicker/date-picker.scss +4 -0
  40. package/components/Drawer/drawer.css +44 -41
  41. package/components/Drawer/drawer.scss +42 -36
  42. package/components/DualListSelector/dual-list-selector.css +55 -1
  43. package/components/DualListSelector/dual-list-selector.scss +63 -1
  44. package/components/ExpandableSection/expandable-section.css +63 -1
  45. package/components/ExpandableSection/expandable-section.scss +76 -2
  46. package/components/FileUpload/file-upload.css +3 -3
  47. package/components/FileUpload/file-upload.scss +3 -3
  48. package/components/Form/form.css +40 -1
  49. package/components/Form/form.scss +47 -1
  50. package/components/FormControl/form-control.css +16 -0
  51. package/components/FormControl/form-control.scss +9 -0
  52. package/components/InputGroup/input-group.css +80 -0
  53. package/components/InputGroup/input-group.scss +95 -0
  54. package/components/Label/label.css +20 -11
  55. package/components/Label/label.scss +21 -11
  56. package/components/Login/login.css +3 -0
  57. package/components/Login/login.scss +3 -0
  58. package/components/Menu/menu.css +35 -4
  59. package/components/Menu/menu.scss +32 -6
  60. package/components/MenuToggle/menu-toggle.css +51 -10
  61. package/components/MenuToggle/menu-toggle.scss +61 -9
  62. package/components/ModalBox/modal-box.css +3 -0
  63. package/components/ModalBox/modal-box.scss +3 -0
  64. package/components/Nav/nav.css +39 -8
  65. package/components/Nav/nav.scss +42 -9
  66. package/components/Page/page.css +124 -26
  67. package/components/Page/page.scss +86 -16
  68. package/components/Pagination/pagination.css +14 -1
  69. package/components/Pagination/pagination.scss +14 -1
  70. package/components/Panel/panel.css +7 -1
  71. package/components/Panel/panel.scss +7 -1
  72. package/components/Popover/popover.css +4 -0
  73. package/components/Popover/popover.scss +4 -0
  74. package/components/Progress/progress.css +26 -0
  75. package/components/Progress/progress.scss +22 -1
  76. package/components/ProgressStepper/progress-stepper.scss +1 -0
  77. package/components/SimpleList/simple-list.css +15 -0
  78. package/components/SimpleList/simple-list.scss +17 -1
  79. package/components/Skeleton/skeleton.css +22 -2
  80. package/components/Skeleton/skeleton.scss +25 -3
  81. package/components/Spinner/spinner.css +5 -0
  82. package/components/Spinner/spinner.scss +6 -0
  83. package/components/Table/table-grid.css +51 -5
  84. package/components/Table/table-grid.scss +22 -1
  85. package/components/Table/table.css +124 -2
  86. package/components/Table/table.scss +171 -3
  87. package/components/Tabs/tabs.css +32 -15
  88. package/components/Tabs/tabs.scss +34 -14
  89. package/components/TextInputGroup/text-input-group.css +23 -0
  90. package/components/TextInputGroup/text-input-group.scss +16 -1
  91. package/components/Timestamp/timestamp.css +4 -0
  92. package/components/Timestamp/timestamp.scss +7 -0
  93. package/components/TreeView/tree-view.css +54 -0
  94. package/components/TreeView/tree-view.scss +59 -2
  95. package/components/Truncate/truncate.css +1 -0
  96. package/components/Truncate/truncate.scss +3 -0
  97. package/components/Wizard/wizard.css +33 -6
  98. package/components/Wizard/wizard.scss +38 -8
  99. package/components/_index.css +1390 -195
  100. package/docs/components/Alert/examples/Alert.md +2 -2
  101. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  102. package/docs/components/Button/examples/Button.md +159 -6
  103. package/docs/components/Card/examples/Card.md +8 -8
  104. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +24 -32
  105. package/docs/components/CodeBlock/examples/CodeBlock.md +10 -10
  106. package/docs/components/CodeEditor/examples/CodeEditor.md +29 -5
  107. package/docs/components/DataList/examples/DataList.md +83 -207
  108. package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
  109. package/docs/components/DualListSelector/examples/DualListSelector.md +642 -319
  110. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  111. package/docs/components/ExpandableSection/examples/ExpandableSection.md +26 -15
  112. package/docs/components/Form/examples/Form.md +1178 -113
  113. package/docs/components/Hint/examples/Hint.md +3 -3
  114. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -6
  115. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  116. package/docs/components/Label/examples/Label.md +2 -2
  117. package/docs/components/Login/examples/Login.md +22 -22
  118. package/docs/components/Masthead/examples/masthead.md +90 -12
  119. package/docs/components/Menu/examples/Menu.md +122 -6
  120. package/docs/components/MenuToggle/examples/MenuToggle.md +93 -55
  121. package/docs/components/ModalBox/examples/ModalBox.md +13 -1
  122. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  123. package/docs/components/Page/examples/Page.md +147 -14
  124. package/docs/components/Pagination/examples/Pagination.md +123 -12
  125. package/docs/components/Popover/examples/Popover.md +0 -4
  126. package/docs/components/Progress/examples/Progress.md +222 -210
  127. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  128. package/docs/components/Skeleton/examples/Skeleton.md +21 -7
  129. package/docs/components/Slider/examples/Slider.md +2 -2
  130. package/docs/components/Spinner/examples/Spinner.md +10 -0
  131. package/docs/components/Table/examples/Table.md +7699 -4896
  132. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  133. package/docs/components/TextInputGroup/examples/TextInputGroup.md +168 -49
  134. package/docs/components/Title/examples/Title.md +8 -8
  135. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  136. package/docs/components/Wizard/examples/Wizard.md +583 -0
  137. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  138. package/docs/demos/Alert/examples/Alert.md +66 -9
  139. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  140. package/docs/demos/Banner/examples/Banner.md +47 -6
  141. package/docs/demos/Card/examples/Card.md +13 -67
  142. package/docs/demos/CardView/examples/CardView.md +24 -5
  143. package/docs/demos/Dashboard/examples/Dashboard.md +34 -27
  144. package/docs/demos/DataList/examples/DataList.md +628 -192
  145. package/docs/demos/DescriptionList/examples/DescriptionList.md +79 -50
  146. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  147. package/docs/demos/Form/examples/BasicForms.md +146 -26
  148. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  149. package/docs/demos/Masthead/examples/Masthead.md +170 -18
  150. package/docs/demos/Modal/examples/Modal.md +171 -21
  151. package/docs/demos/Nav/examples/Nav.md +111 -16
  152. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +114 -19
  153. package/docs/demos/Page/examples/Page.md +309 -43
  154. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  155. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +886 -415
  156. package/docs/demos/Skeleton/examples/Skeleton.md +25 -4
  157. package/docs/demos/Table/examples/Table.md +480 -177
  158. package/docs/demos/Tabs/examples/Tabs.md +139 -594
  159. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  160. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  161. package/package.json +12 -7
  162. package/patternfly-base-no-globals.css +1217 -12
  163. package/patternfly-base.css +1221 -12
  164. package/patternfly-no-globals.css +2837 -437
  165. package/patternfly.css +2839 -435
  166. package/patternfly.min.css +1 -1
  167. package/patternfly.min.css.map +1 -1
  168. package/sass-utilities/mixins.scss +54 -0
package/patternfly-base.css CHANGED
@@ -130,6 +130,10 @@ button) {
130
130
  cursor: pointer;
131
131
  }
132
132
 
133
+ :where(:root) {
134
+ color-scheme: light;
135
+ }
136
+
133
137
  :where(.pf-v6-theme-dark) {
134
138
  color-scheme: dark;
135
139
  }
@@ -180,19 +184,53 @@ button) {
180
184
  }
181
185
 
182
186
  .pf-v6-m-no-motion {
183
- --pf-t--global--delay--400: 0ms !important;
184
- --pf-t--global--delay--300: 0ms !important;
185
- --pf-t--global--delay--200: 0ms !important;
186
- --pf-t--global--delay--100: 0ms !important;
187
- --pf-t--global--duration--600: 0ms !important;
188
- --pf-t--global--duration--500: 0ms !important;
189
- --pf-t--global--duration--400: 0ms !important;
190
- --pf-t--global--duration--300: 0ms !important;
191
- --pf-t--global--duration--200: 0ms !important;
192
- --pf-t--global--duration--100: 0ms !important;
193
- --pf-t--global--duration--50: 0ms !important;
187
+ --pf-t--global--delay--400: 1ms !important;
188
+ --pf-t--global--delay--300: 1ms !important;
189
+ --pf-t--global--delay--200: 1ms !important;
190
+ --pf-t--global--delay--100: 1ms !important;
191
+ --pf-t--global--duration--600: 1ms !important;
192
+ --pf-t--global--duration--500: 1ms !important;
193
+ --pf-t--global--duration--400: 1ms !important;
194
+ --pf-t--global--duration--300: 1ms !important;
195
+ --pf-t--global--duration--200: 1ms !important;
196
+ --pf-t--global--duration--100: 1ms !important;
197
+ --pf-t--global--duration--50: 1ms !important;
198
+ }
199
+
200
+ :root {
201
+ --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
202
+ --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
194
203
  }
195
204
 
205
+ @property --pf-v6-global--danger-jiggle--TranslateX {
206
+ syntax: "<length>";
207
+ inherits: false;
208
+ initial-value: 0;
209
+ }
210
+ @keyframes pf-v6-global-danger-jiggle-motion {
211
+ 33% {
212
+ --pf-v6-global--danger-jiggle--TranslateX: -2px;
213
+ }
214
+ 66% {
215
+ --pf-v6-global--danger-jiggle--TranslateX: 3px;
216
+ }
217
+ }
218
+ @keyframes pf-v6-global-fade-in {
219
+ from {
220
+ opacity: 0;
221
+ }
222
+ to {
223
+ opacity: 1;
224
+ }
225
+ }
226
+ @keyframes pf-v6-global-fade-out {
227
+ from {
228
+ opacity: 1;
229
+ }
230
+ to {
231
+ opacity: 0;
232
+ }
233
+ }
196
234
  @font-face {
197
235
  font-family: "Red Hat Text";
198
236
  font-style: normal;
@@ -6365,6 +6403,7 @@ button) {
6365
6403
  --pf-t--color--blue--50: #0066cc;
6366
6404
  --pf-t--color--blue--60: #004d99;
6367
6405
  --pf-t--color--blue--70: #003366;
6406
+ --pf-t--color--blue--80: #032142;
6368
6407
  --pf-t--color--gray--10: #f2f2f2;
6369
6408
  --pf-t--color--gray--20: #e0e0e0;
6370
6409
  --pf-t--color--gray--30: #c7c7c7;
@@ -6382,6 +6421,7 @@ button) {
6382
6421
  --pf-t--color--green--50: #63993d;
6383
6422
  --pf-t--color--green--60: #3d7317;
6384
6423
  --pf-t--color--green--70: #204d00;
6424
+ --pf-t--color--green--80: #183301;
6385
6425
  --pf-t--color--orange--10: #ffe8cc;
6386
6426
  --pf-t--color--orange--20: #fccb8f;
6387
6427
  --pf-t--color--orange--30: #f8ae54;
@@ -6389,6 +6429,7 @@ button) {
6389
6429
  --pf-t--color--orange--50: #ca6c0f;
6390
6430
  --pf-t--color--orange--60: #9e4a06;
6391
6431
  --pf-t--color--orange--70: #732e00;
6432
+ --pf-t--color--orange--80: #4d1f00;
6392
6433
  --pf-t--color--purple--10: #ece6ff;
6393
6434
  --pf-t--color--purple--20: #d0c5f4;
6394
6435
  --pf-t--color--purple--30: #b6a6e9;
@@ -6396,6 +6437,7 @@ button) {
6396
6437
  --pf-t--color--purple--50: #5e40be;
6397
6438
  --pf-t--color--purple--60: #3d2785;
6398
6439
  --pf-t--color--purple--70: #21134d;
6440
+ --pf-t--color--purple--80: #1b0d33;
6399
6441
  --pf-t--color--red--10: #fce3e3;
6400
6442
  --pf-t--color--red--20: #fbc5c5;
6401
6443
  --pf-t--color--red--30: #f9a8a8;
@@ -6403,6 +6445,7 @@ button) {
6403
6445
  --pf-t--color--red--50: #ee0000;
6404
6446
  --pf-t--color--red--60: #a60000;
6405
6447
  --pf-t--color--red--70: #5f0000;
6448
+ --pf-t--color--red--80: #3f0000;
6406
6449
  --pf-t--color--red-orange--10: #ffe3d9;
6407
6450
  --pf-t--color--red-orange--20: #fbbea8;
6408
6451
  --pf-t--color--red-orange--30: #f89b78;
@@ -6410,6 +6453,7 @@ button) {
6410
6453
  --pf-t--color--red-orange--50: #f0561d;
6411
6454
  --pf-t--color--red-orange--60: #b1380b;
6412
6455
  --pf-t--color--red-orange--70: #731f00;
6456
+ --pf-t--color--red-orange--80: #4c1405;
6413
6457
  --pf-t--color--teal--10: #daf2f2;
6414
6458
  --pf-t--color--teal--20: #b9e5e5;
6415
6459
  --pf-t--color--teal--30: #9ad8d8;
@@ -6417,6 +6461,7 @@ button) {
6417
6461
  --pf-t--color--teal--50: #37a3a3;
6418
6462
  --pf-t--color--teal--60: #147878;
6419
6463
  --pf-t--color--teal--70: #004d4d;
6464
+ --pf-t--color--teal--80: #003333;
6420
6465
  --pf-t--color--white: #ffffff;
6421
6466
  --pf-t--color--yellow--10: #fff4cc;
6422
6467
  --pf-t--color--yellow--20: #ffe072;
@@ -6425,9 +6470,11 @@ button) {
6425
6470
  --pf-t--color--yellow--50: #b98412;
6426
6471
  --pf-t--color--yellow--60: #96640f;
6427
6472
  --pf-t--color--yellow--70: #73480b;
6473
+ --pf-t--color--yellow--80: #54330b;
6428
6474
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
6429
6475
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6430
6476
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6477
+ --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6431
6478
  --pf-t--global--border--radius--0: 0px;
6432
6479
  --pf-t--global--border--radius--100: 4px;
6433
6480
  --pf-t--global--border--radius--200: 6px;
@@ -6437,6 +6484,13 @@ button) {
6437
6484
  --pf-t--global--border--width--100: 1px;
6438
6485
  --pf-t--global--border--width--200: 2px;
6439
6486
  --pf-t--global--border--width--300: 3px;
6487
+ --pf-t--global--border--width--400: 4px;
6488
+ --pf-t--global--border--width--action--plain--clicked: 0px;
6489
+ --pf-t--global--border--width--action--plain--default: 0px;
6490
+ --pf-t--global--border--width--action--plain--hover: 0px;
6491
+ --pf-t--global--border--width--high-contrast--extra-strong: 0px;
6492
+ --pf-t--global--border--width--high-contrast--regular: 0px;
6493
+ --pf-t--global--border--width--high-contrast--strong: 0px;
6440
6494
  --pf-t--global--box-shadow--X--100: -10px;
6441
6495
  --pf-t--global--box-shadow--X--200: -4px;
6442
6496
  --pf-t--global--box-shadow--X--300: -1px;
@@ -6473,6 +6527,8 @@ button) {
6473
6527
  --pf-t--global--breakpoint--500: 75rem;
6474
6528
  --pf-t--global--breakpoint--550: 80rem;
6475
6529
  --pf-t--global--breakpoint--600: 90.625rem;
6530
+ --pf-t--global--color--nonstatus--green--400: #3d7019;
6531
+ --pf-t--global--color--status--success--150: #3d7019;
6476
6532
  --pf-t--global--delay--100: 0ms;
6477
6533
  --pf-t--global--delay--200: 50ms;
6478
6534
  --pf-t--global--delay--300: 100ms;
@@ -6484,6 +6540,10 @@ button) {
6484
6540
  --pf-t--global--duration--50: 50ms;
6485
6541
  --pf-t--global--duration--500: 500ms;
6486
6542
  --pf-t--global--duration--600: 600ms;
6543
+ --pf-t--global--focus-ring--position--inset: -4;
6544
+ --pf-t--global--focus-ring--position--offset: 2;
6545
+ --pf-t--global--focus-ring--width--inset: 3;
6546
+ --pf-t--global--focus-ring--width--offset: 2;
6487
6547
  --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
6488
6548
  --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
6489
6549
  --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
@@ -6542,6 +6602,7 @@ button) {
6542
6602
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6543
6603
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6544
6604
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6605
+ --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
6545
6606
  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6546
6607
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6547
6608
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
@@ -6564,6 +6625,7 @@ button) {
6564
6625
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
6565
6626
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
6566
6627
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
6628
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--400);
6567
6629
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
6568
6630
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
6569
6631
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
@@ -6625,56 +6687,91 @@ button) {
6625
6687
  --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
6626
6688
  --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
6627
6689
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
6690
+ --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
6691
+ --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
6628
6692
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
6629
6693
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
6630
6694
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
6631
6695
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
6632
6696
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
6697
+ --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
6698
+ --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
6633
6699
  --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
6634
6700
  --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
6635
6701
  --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
6702
+ --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
6703
+ --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
6636
6704
  --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
6637
6705
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
6638
6706
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
6707
+ --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
6708
+ --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
6709
+ --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
6639
6710
  --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
6640
6711
  --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
6641
6712
  --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
6713
+ --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
6642
6714
  --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
6643
6715
  --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
6644
6716
  --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
6717
+ --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
6718
+ --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
6645
6719
  --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
6646
6720
  --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
6647
6721
  --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
6722
+ --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
6723
+ --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
6648
6724
  --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
6649
6725
  --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
6650
6726
  --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
6727
+ --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
6728
+ --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
6651
6729
  --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
6652
6730
  --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
6653
6731
  --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
6732
+ --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
6733
+ --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
6654
6734
  --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
6655
6735
  --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
6656
6736
  --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
6737
+ --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
6738
+ --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
6657
6739
  --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
6658
6740
  --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
6659
6741
  --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
6742
+ --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
6743
+ --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
6660
6744
  --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
6661
6745
  --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
6746
+ --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
6662
6747
  --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
6748
+ --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
6663
6749
  --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
6750
+ --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
6664
6751
  --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
6752
+ --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
6665
6753
  --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
6754
+ --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
6666
6755
  --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
6667
6756
  --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
6757
+ --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
6668
6758
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
6669
6759
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
6670
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
6760
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
6671
6761
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
6672
6762
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
6763
+ --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
6673
6764
  --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
6674
6765
  --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
6766
+ --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
6675
6767
  --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
6676
6768
  --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
6677
6769
  --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
6770
+ --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
6771
+ --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
6772
+ --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
6773
+ --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
6774
+ --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
6678
6775
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
6679
6776
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
6680
6777
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
@@ -6693,6 +6790,7 @@ button) {
6693
6790
  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
6694
6791
  --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
6695
6792
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
6793
+ --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
6696
6794
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
6697
6795
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
6698
6796
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
@@ -6725,11 +6823,15 @@ button) {
6725
6823
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
6726
6824
  --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
6727
6825
  --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
6826
+ --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
6728
6827
  --pf-t--global--text--color--300: var(--pf-t--color--white);
6729
6828
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
6829
+ --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
6730
6830
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
6731
6831
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
6832
+ --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
6732
6833
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
6834
+ --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
6733
6835
  --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
6734
6836
  --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
6735
6837
  --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
@@ -6850,6 +6952,7 @@ button) {
6850
6952
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
6851
6953
  --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
6852
6954
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
6955
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--100);
6853
6956
  --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
6854
6957
  --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
6855
6958
  --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
@@ -6939,6 +7042,7 @@ button) {
6939
7042
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
6940
7043
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
6941
7044
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
7045
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
6942
7046
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
6943
7047
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
6944
7048
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7213,6 +7317,7 @@ button) {
7213
7317
 
7214
7318
  :root:where(.pf-v6-theme-dark) {
7215
7319
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7320
+ --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
7216
7321
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7217
7322
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7218
7323
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
@@ -7236,6 +7341,7 @@ button) {
7236
7341
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7237
7342
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7238
7343
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7344
+ --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
7239
7345
  --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7240
7346
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7241
7347
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
@@ -7243,6 +7349,7 @@ button) {
7243
7349
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
7244
7350
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
7245
7351
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
7352
+ --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
7246
7353
  --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
7247
7354
  --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
7248
7355
  --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
@@ -7251,6 +7358,7 @@ button) {
7251
7358
  --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
7252
7359
  --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
7253
7360
  --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
7361
+ --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
7254
7362
  --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
7255
7363
  --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
7256
7364
  --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
@@ -7273,6 +7381,7 @@ button) {
7273
7381
  --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
7274
7382
  --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
7275
7383
  --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
7384
+ --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
7276
7385
  --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
7277
7386
  --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
7278
7387
  --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
@@ -7280,16 +7389,20 @@ button) {
7280
7389
  --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
7281
7390
  --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
7282
7391
  --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
7392
+ --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
7283
7393
  --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
7284
7394
  --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
7285
7395
  --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
7286
7396
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
7287
7397
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
7288
7398
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
7399
+ --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
7289
7400
  --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
7290
7401
  --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
7402
+ --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
7291
7403
  --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
7292
7404
  --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
7405
+ --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
7293
7406
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
7294
7407
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
7295
7408
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
@@ -7300,6 +7413,7 @@ button) {
7300
7413
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
7301
7414
  --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
7302
7415
  --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
7416
+ --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
7303
7417
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
7304
7418
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
7305
7419
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
@@ -7400,6 +7514,7 @@ button) {
7400
7514
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
7401
7515
  --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
7402
7516
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
7517
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
7403
7518
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
7404
7519
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
7405
7520
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
@@ -7434,6 +7549,1100 @@ button) {
7434
7549
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7435
7550
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
7436
7551
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
7552
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
7553
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7554
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7555
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
7556
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
7557
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
7558
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
7559
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7560
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
7561
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7562
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7563
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
7564
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7565
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7566
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7567
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7568
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7569
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7570
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
7571
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
7572
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
7573
+ --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
7574
+ --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
7575
+ --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
7576
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
7577
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
7578
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
7579
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
7580
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
7581
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
7582
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
7583
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
7584
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
7585
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
7586
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
7587
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
7588
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
7589
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
7590
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
7591
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
7592
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
7593
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
7594
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
7595
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
7596
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
7597
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
7598
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
7599
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
7600
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
7601
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
7602
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
7603
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
7604
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
7605
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
7606
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7607
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7608
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7609
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7610
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7611
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
7612
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
7613
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
7614
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
7615
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7616
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
7617
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7618
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
7619
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
7620
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
7621
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
7622
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
7623
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
7624
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
7625
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
7626
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
7627
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
7628
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
7629
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
7630
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
7631
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
7632
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
7633
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7634
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
7635
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7636
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
7637
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
7638
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
7639
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
7640
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
7641
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
7642
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7643
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7644
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7645
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
7646
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
7647
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
7648
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
7649
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
7650
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
7651
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
7652
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
7653
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
7654
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
7655
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
7656
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
7657
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
7658
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
7659
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
7660
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
7661
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
7662
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
7663
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
7664
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
7665
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
7666
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
7667
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
7668
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
7669
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
7670
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
7671
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
7672
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7673
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7674
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7675
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7676
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7677
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7678
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
7679
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7680
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
7681
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7682
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
7683
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
7684
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
7685
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
7686
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
7687
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
7688
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
7689
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
7690
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
7691
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
7692
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
7693
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
7694
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
7695
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
7696
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
7697
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7698
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
7699
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7700
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
7701
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
7702
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
7703
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
7704
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
7705
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
7706
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7707
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7708
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7709
+ }
7710
+
7711
+ :root:where(.pf-v6-theme-high-contrast) {
7712
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
7713
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
7714
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7715
+ --pf-t--global--border--radius--0: 0px;
7716
+ --pf-t--global--border--radius--100: 4px;
7717
+ --pf-t--global--border--radius--200: 6px;
7718
+ --pf-t--global--border--radius--300: 16px;
7719
+ --pf-t--global--border--radius--400: 24px;
7720
+ --pf-t--global--border--radius--500: 999px;
7721
+ --pf-t--global--border--width--100: 1px;
7722
+ --pf-t--global--border--width--200: 2px;
7723
+ --pf-t--global--border--width--300: 3px;
7724
+ --pf-t--global--border--width--400: 4px;
7725
+ --pf-t--global--border--width--action--plain--default: 0px;
7726
+ --pf-t--global--box-shadow--X--100: -10px;
7727
+ --pf-t--global--box-shadow--X--200: -4px;
7728
+ --pf-t--global--box-shadow--X--300: -1px;
7729
+ --pf-t--global--box-shadow--X--400: 0px;
7730
+ --pf-t--global--box-shadow--X--50: -20px;
7731
+ --pf-t--global--box-shadow--X--500: 1px;
7732
+ --pf-t--global--box-shadow--X--600: 4px;
7733
+ --pf-t--global--box-shadow--X--700: 10px;
7734
+ --pf-t--global--box-shadow--X--800: 20px;
7735
+ --pf-t--global--box-shadow--Y--100: -10px;
7736
+ --pf-t--global--box-shadow--Y--200: -4px;
7737
+ --pf-t--global--box-shadow--Y--300: -1px;
7738
+ --pf-t--global--box-shadow--Y--400: 0px;
7739
+ --pf-t--global--box-shadow--Y--50: -20px;
7740
+ --pf-t--global--box-shadow--Y--500: 1px;
7741
+ --pf-t--global--box-shadow--Y--600: 4px;
7742
+ --pf-t--global--box-shadow--Y--700: 10px;
7743
+ --pf-t--global--box-shadow--Y--800: 20px;
7744
+ --pf-t--global--box-shadow--blur--100: 4px;
7745
+ --pf-t--global--box-shadow--blur--200: 9px;
7746
+ --pf-t--global--box-shadow--blur--300: 20px;
7747
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
7748
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
7749
+ --pf-t--global--box-shadow--spread--100: 0px;
7750
+ --pf-t--global--box-shadow--spread--200: -4px;
7751
+ --pf-t--global--box-shadow--spread--300: -8px;
7752
+ --pf-t--global--box-shadow--spread--400: -20px;
7753
+ --pf-t--global--breakpoint--100: 0rem;
7754
+ --pf-t--global--breakpoint--200: 36rem;
7755
+ --pf-t--global--breakpoint--250: 40rem;
7756
+ --pf-t--global--breakpoint--300: 48rem;
7757
+ --pf-t--global--breakpoint--350: 60rem;
7758
+ --pf-t--global--breakpoint--400: 62rem;
7759
+ --pf-t--global--breakpoint--500: 75rem;
7760
+ --pf-t--global--breakpoint--550: 80rem;
7761
+ --pf-t--global--breakpoint--600: 90.625rem;
7762
+ --pf-t--global--color--nonstatus--green--400: #3d7019;
7763
+ --pf-t--global--color--status--success--150: #3d7019;
7764
+ --pf-t--global--focus-ring--position--inset: -4;
7765
+ --pf-t--global--focus-ring--position--offset: 2;
7766
+ --pf-t--global--focus-ring--width--inset: 3;
7767
+ --pf-t--global--focus-ring--width--offset: 2;
7768
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
7769
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
7770
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
7771
+ --pf-t--global--font--line-height--100: 1.3;
7772
+ --pf-t--global--font--line-height--200: 1.5;
7773
+ --pf-t--global--font--size--100: 0.75rem;
7774
+ --pf-t--global--font--size--200: 0.875rem;
7775
+ --pf-t--global--font--size--300: 1rem;
7776
+ --pf-t--global--font--size--400: 1.125rem;
7777
+ --pf-t--global--font--size--500: 1.25rem;
7778
+ --pf-t--global--font--size--600: 1.5rem;
7779
+ --pf-t--global--font--size--700: 1.75rem;
7780
+ --pf-t--global--font--size--800: 2.25rem;
7781
+ --pf-t--global--font--weight--100: 400;
7782
+ --pf-t--global--font--weight--200: 500;
7783
+ --pf-t--global--font--weight--300: 500;
7784
+ --pf-t--global--font--weight--400: 700;
7785
+ --pf-t--global--icon--size--100: 0.75rem;
7786
+ --pf-t--global--icon--size--200: 0.875rem;
7787
+ --pf-t--global--icon--size--250: 1rem;
7788
+ --pf-t--global--icon--size--300: 1.5rem;
7789
+ --pf-t--global--icon--size--400: 3.5rem;
7790
+ --pf-t--global--icon--size--500: 6rem;
7791
+ --pf-t--global--spacer--100: 0.25rem;
7792
+ --pf-t--global--spacer--200: 0.5rem;
7793
+ --pf-t--global--spacer--300: 1rem;
7794
+ --pf-t--global--spacer--400: 1.5rem;
7795
+ --pf-t--global--spacer--500: 2rem;
7796
+ --pf-t--global--spacer--600: 3rem;
7797
+ --pf-t--global--spacer--700: 4rem;
7798
+ --pf-t--global--spacer--800: 5rem;
7799
+ --pf-t--global--text-decoration--line--100: none;
7800
+ --pf-t--global--text-decoration--line--200: underline;
7801
+ --pf-t--global--text-decoration--style--100: solid;
7802
+ --pf-t--global--text-decoration--style--200: dashed;
7803
+ --pf-t--global--z-index--100: 100;
7804
+ --pf-t--global--z-index--200: 200;
7805
+ --pf-t--global--z-index--300: 300;
7806
+ --pf-t--global--z-index--400: 400;
7807
+ --pf-t--global--z-index--500: 500;
7808
+ --pf-t--global--z-index--600: 600;
7809
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
7810
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
7811
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
7812
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
7813
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
7814
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
7815
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
7816
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
7817
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
7818
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
7819
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
7820
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
7821
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
7822
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
7823
+ --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
7824
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
7825
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
7826
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
7827
+ --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
7828
+ --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
7829
+ --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
7830
+ --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
7831
+ --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
7832
+ --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
7833
+ --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
7834
+ --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
7835
+ --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
7836
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
7837
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
7838
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
7839
+ --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
7840
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
7841
+ --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
7842
+ --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
7843
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
7844
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
7845
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
7846
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
7847
+ --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
7848
+ --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
7849
+ --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
7850
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
7851
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
7852
+ --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
7853
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
7854
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
7855
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
7856
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
7857
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
7858
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
7859
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
7860
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
7861
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
7862
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
7863
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
7864
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
7865
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
7866
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
7867
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
7868
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
7869
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
7870
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
7871
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
7872
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
7873
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
7874
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
7875
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
7876
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
7877
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
7878
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
7879
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
7880
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
7881
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
7882
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
7883
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
7884
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
7885
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
7886
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
7887
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
7888
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
7889
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
7890
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
7891
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
7892
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
7893
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
7894
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
7895
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
7896
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
7897
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
7898
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
7899
+ --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
7900
+ --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
7901
+ --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
7902
+ --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
7903
+ --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
7904
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
7905
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
7906
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
7907
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
7908
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
7909
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
7910
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
7911
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
7912
+ --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
7913
+ --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
7914
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
7915
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
7916
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
7917
+ --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
7918
+ --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
7919
+ --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
7920
+ --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
7921
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
7922
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
7923
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
7924
+ --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
7925
+ --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
7926
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
7927
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
7928
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
7929
+ --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
7930
+ --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
7931
+ --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
7932
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
7933
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
7934
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
7935
+ --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
7936
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
7937
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
7938
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
7939
+ --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
7940
+ --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
7941
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
7942
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
7943
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
7944
+ --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
7945
+ --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
7946
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
7947
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
7948
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
7949
+ --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
7950
+ --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
7951
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
7952
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
7953
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
7954
+ --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
7955
+ --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
7956
+ --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
7957
+ --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
7958
+ --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
7959
+ --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
7960
+ --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
7961
+ --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
7962
+ --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
7963
+ --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
7964
+ --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
7965
+ --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
7966
+ --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
7967
+ --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
7968
+ --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
7969
+ --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
7970
+ --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
7971
+ --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
7972
+ --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
7973
+ --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
7974
+ --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
7975
+ --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
7976
+ --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
7977
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
7978
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
7979
+ --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
7980
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
7981
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
7982
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
7983
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
7984
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
7985
+ --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
7986
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
7987
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
7988
+ --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
7989
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
7990
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
7991
+ --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
7992
+ --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
7993
+ --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
7994
+ --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
7995
+ --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
7996
+ --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
7997
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
7998
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
7999
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
8000
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
8001
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
8002
+ --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
8003
+ --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
8004
+ --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
8005
+ --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
8006
+ --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
8007
+ --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
8008
+ --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
8009
+ --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
8010
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
8011
+ --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
8012
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
8013
+ --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
8014
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
8015
+ --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
8016
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
8017
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
8018
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
8019
+ --pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
8020
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
8021
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
8022
+ --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
8023
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
8024
+ --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
8025
+ --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
8026
+ --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
8027
+ --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
8028
+ --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
8029
+ --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
8030
+ --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
8031
+ --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
8032
+ --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
8033
+ --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
8034
+ --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
8035
+ --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
8036
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
8037
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
8038
+ --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
8039
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
8040
+ --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
8041
+ --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
8042
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
8043
+ --pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
8044
+ --pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
8045
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
8046
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
8047
+ --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
8048
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
8049
+ --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
8050
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
8051
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
8052
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
8053
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
8054
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
8055
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
8056
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
8057
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
8058
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
8059
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
8060
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
8061
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
8062
+ --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
8063
+ --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
8064
+ --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
8065
+ --pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
8066
+ --pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
8067
+ --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
8068
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
8069
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
8070
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
8071
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
8072
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
8073
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
8074
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
8075
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
8076
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
8077
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
8078
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
8079
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
8080
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
8081
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
8082
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
8083
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
8084
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
8085
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
8086
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
8087
+ --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
8088
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
8089
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
8090
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
8091
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
8092
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
8093
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
8094
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
8095
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
8096
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
8097
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
8098
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
8099
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
8100
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
8101
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
8102
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
8103
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
8104
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
8105
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
8106
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
8107
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
8108
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
8109
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
8110
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
8111
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
8112
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
8113
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
8114
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
8115
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
8116
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8117
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8118
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8119
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8120
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8121
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
8122
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
8123
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
8124
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
8125
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
8126
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
8127
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
8128
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
8129
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
8130
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
8131
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
8132
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
8133
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
8134
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
8135
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
8136
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
8137
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
8138
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
8139
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
8140
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
8141
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
8142
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
8143
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
8144
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
8145
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
8146
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
8147
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
8148
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
8149
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
8150
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
8151
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
8152
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
8153
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
8154
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
8155
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
8156
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
8157
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
8158
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
8159
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
8160
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
8161
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
8162
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
8163
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
8164
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
8165
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
8166
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
8167
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
8168
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
8169
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8170
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8171
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8172
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
8173
+ --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
8174
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
8175
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
8176
+ --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
8177
+ --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
8178
+ --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
8179
+ --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
8180
+ --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
8181
+ --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
8182
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
8183
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
8184
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
8185
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
8186
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
8187
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
8188
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
8189
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
8190
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
8191
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
8192
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
8193
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
8194
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
8195
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8196
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8197
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8198
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8199
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8200
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
8201
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
8202
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
8203
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
8204
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
8205
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
8206
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
8207
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
8208
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
8209
+ --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
8210
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
8211
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
8212
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
8213
+ --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
8214
+ --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
8215
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
8216
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
8217
+ --pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
8218
+ --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
8219
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
8220
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
8221
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
8222
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
8223
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
8224
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
8225
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
8226
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
8227
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
8228
+ --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
8229
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
8230
+ --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
8231
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
8232
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
8233
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
8234
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
8235
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
8236
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
8237
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
8238
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
8239
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
8240
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
8241
+ --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
8242
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
8243
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
8244
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8245
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
8246
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8247
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8248
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8249
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8250
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
8251
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
8252
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
8253
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8254
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8255
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
8256
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
8257
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
8258
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
8259
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
8260
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8261
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
8262
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8263
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8264
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
8265
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
8266
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
8267
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
8268
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8269
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
8270
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8271
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
8272
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
8273
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
8274
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
8275
+ --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
8276
+ --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
8277
+ --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
8278
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
8279
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
8280
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
8281
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
8282
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
8283
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
8284
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
8285
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
8286
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
8287
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
8288
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
8289
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
8290
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
8291
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
8292
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
8293
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
8294
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
8295
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
8296
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
8297
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
8298
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
8299
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
8300
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
8301
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
8302
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
8303
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
8304
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
8305
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
8306
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
8307
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
8308
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
8309
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
8310
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
8311
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8312
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8313
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
8314
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8315
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
8316
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8317
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
8318
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
8319
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
8320
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
8321
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
8322
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
8323
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
8324
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
8325
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
8326
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
8327
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
8328
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
8329
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
8330
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
8331
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
8332
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
8333
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
8334
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
8335
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
8336
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
8337
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
8338
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
8339
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
8340
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
8341
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
8342
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
8343
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
8344
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
8345
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
8346
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
8347
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
8348
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
8349
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
8350
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
8351
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
8352
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
8353
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
8354
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
8355
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
8356
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
8357
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
8358
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
8359
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
8360
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
8361
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
8362
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
8363
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
8364
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
8365
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
8366
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
8367
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
8368
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
8369
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
8370
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
8371
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
8372
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
8373
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
8374
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
8375
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
8376
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
8377
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
8378
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8379
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8380
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
8381
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
8382
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
8383
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
8384
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8385
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
8386
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8387
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
8388
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
8389
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
8390
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
8391
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
8392
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
8393
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
8394
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
8395
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
8396
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
8397
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
8398
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
8399
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
8400
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
8401
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
8402
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
8403
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
8404
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
8405
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
8406
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
8407
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
8408
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
8409
+ }
8410
+
8411
+ :root:where(.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
8412
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8413
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8414
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8415
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8416
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
8417
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8418
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8419
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
8420
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
8421
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
8422
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
8423
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
8424
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
8425
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
8426
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
8427
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
8428
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
8429
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
8430
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
8431
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
8432
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
8433
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
8434
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
8435
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
8436
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
8437
+ --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
8438
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
8439
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
8440
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
8441
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
8442
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
8443
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
8444
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
8445
+ --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
8446
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
8447
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
8448
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
8449
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
8450
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
8451
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
8452
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
8453
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
8454
+ --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
8455
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
8456
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
8457
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
8458
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
8459
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
8460
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
8461
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
8462
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
8463
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
8464
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
8465
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
8466
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
8467
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
8468
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
8469
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
8470
+ --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
8471
+ --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
8472
+ --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
8473
+ --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
8474
+ --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
8475
+ --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
8476
+ --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
8477
+ --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
8478
+ --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
8479
+ --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
8480
+ --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
8481
+ --pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
8482
+ --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
8483
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
8484
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
8485
+ --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
8486
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
8487
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
8488
+ --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
8489
+ --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
8490
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
8491
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
8492
+ --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
8493
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
8494
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
8495
+ --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
8496
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
8497
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
8498
+ --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
8499
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
8500
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
8501
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
8502
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--white);
8503
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
8504
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
8505
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
8506
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
8507
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
8508
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
8509
+ --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
8510
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8511
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8512
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
8513
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
8514
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
8515
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
8516
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
8517
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
8518
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
8519
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
8520
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
8521
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
8522
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
8523
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
8524
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
8525
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
8526
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
8527
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
8528
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
8529
+ --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
8530
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
8531
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
8532
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
8533
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
8534
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
8535
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
8536
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
8537
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
8538
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
8539
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
8540
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
8541
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
8542
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
8543
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
8544
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
8545
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
8546
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8547
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
8548
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8549
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
8550
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
8551
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
8552
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
8553
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
8554
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
8555
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
8556
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
8557
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
8558
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8559
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
8560
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8561
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
8562
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
8563
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
8564
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
8565
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
8566
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
8567
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
8568
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
8569
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
8570
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
8571
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
8572
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
8573
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
8574
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
8575
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
8576
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
8577
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
8578
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
8579
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
8580
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8581
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
8582
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8583
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
8584
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
8585
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
8586
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
8587
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
8588
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
8589
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
8590
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
8591
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
8592
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8593
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
8594
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8595
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
8596
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
8597
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
8598
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
8599
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
8600
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
8601
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
8602
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
8603
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
8604
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
8605
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
8606
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
8607
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
8608
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
8609
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
8610
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
8611
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
8612
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
8613
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
8614
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
8615
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
8616
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
8617
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
8618
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
8619
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
8620
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
8621
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
8622
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
8623
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
8624
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
8625
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
8626
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
8627
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
8628
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
8629
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
8630
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
8631
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
8632
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
8633
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
8634
+ --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
8635
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
8636
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
8637
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
8638
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
8639
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
8640
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
8641
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
8642
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
8643
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
8644
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8645
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
7437
8646
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7438
8647
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7439
8648
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);