@patternfly/patternfly 6.3.0 → 6.4.0-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/README.md +23 -15
  2. package/base/normalize.scss +4 -0
  3. package/base/patternfly-variables.css +1172 -1
  4. package/base/patternfly-variables.scss +10 -0
  5. package/base/tokens/tokens-charts-dark.scss +1 -1
  6. package/base/tokens/tokens-charts.scss +1 -1
  7. package/base/tokens/tokens-dark.scss +13 -1
  8. package/base/tokens/tokens-default.scss +60 -2
  9. package/base/tokens/tokens-highcontrast-dark.scss +396 -0
  10. package/base/tokens/tokens-highcontrast.scss +703 -0
  11. package/base/tokens/tokens-local.scss +1 -0
  12. package/base/tokens/tokens-palette.scss +9 -1
  13. package/components/Accordion/accordion.css +42 -15
  14. package/components/Accordion/accordion.scss +48 -18
  15. package/components/Alert/alert-group.css +17 -15
  16. package/components/Alert/alert-group.scss +22 -18
  17. package/components/Badge/badge.css +2 -0
  18. package/components/Badge/badge.scss +2 -0
  19. package/components/Banner/banner.css +4 -0
  20. package/components/Banner/banner.scss +4 -0
  21. package/components/Button/button.css +34 -4
  22. package/components/Button/button.scss +36 -6
  23. package/components/CalendarMonth/calendar-month.css +35 -4
  24. package/components/CalendarMonth/calendar-month.scss +38 -4
  25. package/components/Card/card.css +7 -4
  26. package/components/Card/card.scss +7 -4
  27. package/components/CodeBlock/code-block.css +3 -0
  28. package/components/CodeBlock/code-block.scss +3 -0
  29. package/components/CodeEditor/code-editor.css +23 -3
  30. package/components/CodeEditor/code-editor.scss +28 -5
  31. package/components/DatePicker/date-picker.css +3 -0
  32. package/components/DatePicker/date-picker.scss +4 -0
  33. package/components/Divider/divider.css +2 -0
  34. package/components/Divider/divider.scss +2 -0
  35. package/components/Drawer/drawer.css +46 -41
  36. package/components/Drawer/drawer.scss +45 -36
  37. package/components/DualListSelector/dual-list-selector.css +21 -4
  38. package/components/DualListSelector/dual-list-selector.scss +23 -4
  39. package/components/ExpandableSection/expandable-section.css +6 -2
  40. package/components/ExpandableSection/expandable-section.scss +7 -3
  41. package/components/FormControl/form-control.css +6 -7
  42. package/components/FormControl/form-control.scss +8 -10
  43. package/components/Label/label.css +20 -11
  44. package/components/Label/label.scss +21 -11
  45. package/components/Login/login.css +3 -0
  46. package/components/Login/login.scss +3 -0
  47. package/components/Menu/menu.css +18 -0
  48. package/components/Menu/menu.scss +19 -1
  49. package/components/MenuToggle/menu-toggle.css +13 -6
  50. package/components/MenuToggle/menu-toggle.scss +13 -6
  51. package/components/ModalBox/modal-box.css +3 -0
  52. package/components/ModalBox/modal-box.scss +3 -0
  53. package/components/Nav/nav.css +17 -0
  54. package/components/Nav/nav.scss +20 -0
  55. package/components/Page/page.css +73 -25
  56. package/components/Page/page.scss +60 -19
  57. package/components/Pagination/pagination.css +15 -2
  58. package/components/Pagination/pagination.scss +15 -2
  59. package/components/Panel/panel.css +14 -1
  60. package/components/Panel/panel.scss +14 -1
  61. package/components/Popover/popover.css +4 -0
  62. package/components/Popover/popover.scss +4 -0
  63. package/components/Progress/progress.css +19 -0
  64. package/components/Progress/progress.scss +22 -0
  65. package/components/Sidebar/sidebar.css +7 -0
  66. package/components/Sidebar/sidebar.scss +7 -0
  67. package/components/SimpleList/simple-list.css +15 -0
  68. package/components/SimpleList/simple-list.scss +17 -1
  69. package/components/Slider/slider.css +9 -0
  70. package/components/Slider/slider.scss +9 -0
  71. package/components/Switch/switch.css +7 -1
  72. package/components/Switch/switch.scss +7 -1
  73. package/components/Table/table.css +41 -1
  74. package/components/Table/table.scss +48 -2
  75. package/components/Tabs/tabs.css +18 -7
  76. package/components/Tabs/tabs.scss +19 -11
  77. package/components/TextInputGroup/text-input-group.css +7 -0
  78. package/components/TextInputGroup/text-input-group.scss +8 -1
  79. package/components/ToggleGroup/toggle-group.css +18 -9
  80. package/components/ToggleGroup/toggle-group.scss +24 -17
  81. package/components/Toolbar/toolbar.css +7 -0
  82. package/components/Toolbar/toolbar.scss +7 -0
  83. package/components/TreeView/tree-view.css +15 -0
  84. package/components/TreeView/tree-view.scss +17 -0
  85. package/components/Wizard/wizard.css +37 -6
  86. package/components/Wizard/wizard.scss +44 -10
  87. package/components/_index.css +631 -168
  88. package/docs/components/Alert/examples/Alert.md +3 -4
  89. package/docs/components/Button/examples/Button.md +1 -3
  90. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +25 -33
  91. package/docs/components/CodeBlock/examples/CodeBlock.md +13 -7
  92. package/docs/components/CodeEditor/examples/CodeEditor.md +20 -6
  93. package/docs/components/DataList/examples/DataList.md +66 -184
  94. package/docs/components/DatePicker/examples/DatePicker.md +4 -1
  95. package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
  96. package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
  97. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  98. package/docs/components/ExpandableSection/examples/ExpandableSection.md +92 -18
  99. package/docs/components/FileUpload/examples/FileUpload.md +4 -3
  100. package/docs/components/Form/examples/Form.md +19 -18
  101. package/docs/components/HelperText/examples/HelperText.md +65 -75
  102. package/docs/components/Hint/examples/Hint.md +3 -3
  103. package/docs/components/Icon/examples/Icon.md +0 -10
  104. package/docs/components/InlineEdit/examples/InlineEdit.md +0 -4
  105. package/docs/components/JumpLinks/examples/JumpLinks.md +164 -77
  106. package/docs/components/Label/examples/Label.md +2 -2
  107. package/docs/components/Login/examples/Login.md +42 -37
  108. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +32 -6
  109. package/docs/components/Pagination/examples/Pagination.md +111 -0
  110. package/docs/components/Popover/examples/Popover.md +0 -4
  111. package/docs/components/Progress/examples/Progress.md +223 -210
  112. package/docs/components/Skeleton/examples/Skeleton.md +21 -7
  113. package/docs/components/Table/examples/Table.md +947 -1423
  114. package/docs/components/TextInputGroup/examples/TextInputGroup.md +126 -47
  115. package/docs/components/Title/examples/Title.md +8 -8
  116. package/docs/components/Truncate/examples/Truncate.md +8 -6
  117. package/docs/components/Wizard/examples/Wizard.md +583 -0
  118. package/docs/demos/Alert/examples/Alert.md +28 -19
  119. package/docs/demos/Card/examples/Card.md +8 -5
  120. package/docs/demos/CardView/examples/CardView.md +81 -85
  121. package/docs/demos/Dashboard/examples/Dashboard.md +10 -22
  122. package/docs/demos/DataList/examples/DataList.md +528 -168
  123. package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -3
  124. package/docs/demos/Drawer/examples/Drawer.md +0 -2
  125. package/docs/demos/Form/examples/BasicForms.md +93 -62
  126. package/docs/demos/HelperText/examples/HelperText.md +31 -23
  127. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -5
  128. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4 -4
  129. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +56 -38
  130. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +726 -312
  131. package/docs/demos/Skeleton/examples/Skeleton.md +3 -1
  132. package/docs/demos/Table/examples/Table.md +5 -20
  133. package/docs/demos/Tabs/examples/Tabs.md +2 -1
  134. package/package.json +12 -7
  135. package/patternfly-base-no-globals.css +1172 -1
  136. package/patternfly-base.css +1176 -1
  137. package/patternfly-no-globals.css +1803 -169
  138. package/patternfly.css +1838 -200
  139. package/patternfly.min.css +1 -1
  140. package/patternfly.min.css.map +1 -1
@@ -8,6 +8,7 @@
8
8
  --pf-t--color--blue--50: #0066cc;
9
9
  --pf-t--color--blue--60: #004d99;
10
10
  --pf-t--color--blue--70: #003366;
11
+ --pf-t--color--blue--80: #032142;
11
12
  --pf-t--color--gray--10: #f2f2f2;
12
13
  --pf-t--color--gray--20: #e0e0e0;
13
14
  --pf-t--color--gray--30: #c7c7c7;
@@ -25,6 +26,7 @@
25
26
  --pf-t--color--green--50: #63993d;
26
27
  --pf-t--color--green--60: #3d7317;
27
28
  --pf-t--color--green--70: #204d00;
29
+ --pf-t--color--green--80: #183301;
28
30
  --pf-t--color--orange--10: #ffe8cc;
29
31
  --pf-t--color--orange--20: #fccb8f;
30
32
  --pf-t--color--orange--30: #f8ae54;
@@ -32,6 +34,7 @@
32
34
  --pf-t--color--orange--50: #ca6c0f;
33
35
  --pf-t--color--orange--60: #9e4a06;
34
36
  --pf-t--color--orange--70: #732e00;
37
+ --pf-t--color--orange--80: #4d1f00;
35
38
  --pf-t--color--purple--10: #ece6ff;
36
39
  --pf-t--color--purple--20: #d0c5f4;
37
40
  --pf-t--color--purple--30: #b6a6e9;
@@ -39,6 +42,7 @@
39
42
  --pf-t--color--purple--50: #5e40be;
40
43
  --pf-t--color--purple--60: #3d2785;
41
44
  --pf-t--color--purple--70: #21134d;
45
+ --pf-t--color--purple--80: #1b0d33;
42
46
  --pf-t--color--red--10: #fce3e3;
43
47
  --pf-t--color--red--20: #fbc5c5;
44
48
  --pf-t--color--red--30: #f9a8a8;
@@ -46,6 +50,7 @@
46
50
  --pf-t--color--red--50: #ee0000;
47
51
  --pf-t--color--red--60: #a60000;
48
52
  --pf-t--color--red--70: #5f0000;
53
+ --pf-t--color--red--80: #3f0000;
49
54
  --pf-t--color--red-orange--10: #ffe3d9;
50
55
  --pf-t--color--red-orange--20: #fbbea8;
51
56
  --pf-t--color--red-orange--30: #f89b78;
@@ -53,6 +58,7 @@
53
58
  --pf-t--color--red-orange--50: #f0561d;
54
59
  --pf-t--color--red-orange--60: #b1380b;
55
60
  --pf-t--color--red-orange--70: #731f00;
61
+ --pf-t--color--red-orange--80: #4c1405;
56
62
  --pf-t--color--teal--10: #daf2f2;
57
63
  --pf-t--color--teal--20: #b9e5e5;
58
64
  --pf-t--color--teal--30: #9ad8d8;
@@ -60,6 +66,7 @@
60
66
  --pf-t--color--teal--50: #37a3a3;
61
67
  --pf-t--color--teal--60: #147878;
62
68
  --pf-t--color--teal--70: #004d4d;
69
+ --pf-t--color--teal--80: #003333;
63
70
  --pf-t--color--white: #ffffff;
64
71
  --pf-t--color--yellow--10: #fff4cc;
65
72
  --pf-t--color--yellow--20: #ffe072;
@@ -68,9 +75,11 @@
68
75
  --pf-t--color--yellow--50: #b98412;
69
76
  --pf-t--color--yellow--60: #96640f;
70
77
  --pf-t--color--yellow--70: #73480b;
78
+ --pf-t--color--yellow--80: #54330b;
71
79
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
72
80
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
73
81
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
82
+ --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
74
83
  --pf-t--global--border--radius--0: 0px;
75
84
  --pf-t--global--border--radius--100: 4px;
76
85
  --pf-t--global--border--radius--200: 6px;
@@ -80,6 +89,13 @@
80
89
  --pf-t--global--border--width--100: 1px;
81
90
  --pf-t--global--border--width--200: 2px;
82
91
  --pf-t--global--border--width--300: 3px;
92
+ --pf-t--global--border--width--400: 4px;
93
+ --pf-t--global--border--width--action--plain--clicked: 0px;
94
+ --pf-t--global--border--width--action--plain--default: 0px;
95
+ --pf-t--global--border--width--action--plain--hover: 0px;
96
+ --pf-t--global--border--width--high-contrast--extra-strong: 0px;
97
+ --pf-t--global--border--width--high-contrast--regular: 0px;
98
+ --pf-t--global--border--width--high-contrast--strong: 0px;
83
99
  --pf-t--global--box-shadow--X--100: -10px;
84
100
  --pf-t--global--box-shadow--X--200: -4px;
85
101
  --pf-t--global--box-shadow--X--300: -1px;
@@ -116,6 +132,8 @@
116
132
  --pf-t--global--breakpoint--500: 75rem;
117
133
  --pf-t--global--breakpoint--550: 80rem;
118
134
  --pf-t--global--breakpoint--600: 90.625rem;
135
+ --pf-t--global--color--nonstatus--green--400: #3d7019;
136
+ --pf-t--global--color--status--success--150: #3d7019;
119
137
  --pf-t--global--delay--100: 0ms;
120
138
  --pf-t--global--delay--200: 50ms;
121
139
  --pf-t--global--delay--300: 100ms;
@@ -127,6 +145,10 @@
127
145
  --pf-t--global--duration--50: 50ms;
128
146
  --pf-t--global--duration--500: 500ms;
129
147
  --pf-t--global--duration--600: 600ms;
148
+ --pf-t--global--focus-ring--position--inset: -4px;
149
+ --pf-t--global--focus-ring--position--offset: 2px;
150
+ --pf-t--global--focus-ring--width--inset: 3px;
151
+ --pf-t--global--focus-ring--width--offset: 2px;
130
152
  --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;
131
153
  --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;
132
154
  --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
@@ -185,6 +207,7 @@
185
207
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
186
208
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
187
209
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
210
+ --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
188
211
  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
189
212
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
190
213
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
@@ -207,6 +230,7 @@
207
230
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
208
231
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
209
232
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
233
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--400);
210
234
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
211
235
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
212
236
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
@@ -268,56 +292,91 @@
268
292
  --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
269
293
  --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
270
294
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
295
+ --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
296
+ --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
271
297
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
272
298
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
273
299
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
274
300
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
275
301
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
302
+ --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
303
+ --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
276
304
  --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
277
305
  --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
278
306
  --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
307
+ --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
308
+ --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
279
309
  --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
280
310
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
281
311
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
312
+ --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
313
+ --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
314
+ --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
282
315
  --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
283
316
  --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
284
317
  --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
318
+ --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
285
319
  --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
286
320
  --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
287
321
  --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
322
+ --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
323
+ --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
288
324
  --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
289
325
  --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
290
326
  --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
327
+ --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
328
+ --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
291
329
  --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
292
330
  --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
293
331
  --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
332
+ --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
333
+ --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
294
334
  --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
295
335
  --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
296
336
  --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
337
+ --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
338
+ --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
297
339
  --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
298
340
  --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
299
341
  --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
342
+ --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
343
+ --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
300
344
  --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
301
345
  --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
302
346
  --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
347
+ --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
348
+ --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
303
349
  --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
304
350
  --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
351
+ --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
305
352
  --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
353
+ --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
306
354
  --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
355
+ --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
307
356
  --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
357
+ --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
308
358
  --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
359
+ --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
309
360
  --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
310
361
  --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
362
+ --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
311
363
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
312
364
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
313
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
365
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
314
366
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
315
367
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
368
+ --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
316
369
  --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
317
370
  --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
371
+ --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
318
372
  --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
319
373
  --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
320
374
  --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
375
+ --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
376
+ --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
377
+ --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
378
+ --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
379
+ --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
321
380
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
322
381
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
323
382
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
@@ -336,6 +395,7 @@
336
395
  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
337
396
  --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
338
397
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
398
+ --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
339
399
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
340
400
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
341
401
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
@@ -368,11 +428,15 @@
368
428
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
369
429
  --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
370
430
  --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
431
+ --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
371
432
  --pf-t--global--text--color--300: var(--pf-t--color--white);
372
433
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
434
+ --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
373
435
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
374
436
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
437
+ --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
375
438
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
439
+ --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
376
440
  --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
377
441
  --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
378
442
  --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
@@ -493,6 +557,7 @@
493
557
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
494
558
  --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
495
559
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
560
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--100);
496
561
  --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
497
562
  --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
498
563
  --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
@@ -582,6 +647,7 @@
582
647
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
583
648
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
584
649
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
650
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
585
651
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
586
652
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
587
653
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -856,6 +922,7 @@
856
922
 
857
923
  :root:where(.pf-v6-theme-dark) {
858
924
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
925
+ --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
859
926
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
860
927
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
861
928
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
@@ -879,6 +946,7 @@
879
946
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
880
947
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
881
948
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
949
+ --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
882
950
  --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
883
951
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
884
952
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
@@ -886,6 +954,7 @@
886
954
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
887
955
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
888
956
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
957
+ --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
889
958
  --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
890
959
  --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
891
960
  --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
@@ -894,6 +963,7 @@
894
963
  --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
895
964
  --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
896
965
  --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
966
+ --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
897
967
  --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
898
968
  --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
899
969
  --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
@@ -916,6 +986,7 @@
916
986
  --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
917
987
  --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
918
988
  --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
989
+ --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
919
990
  --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
920
991
  --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
921
992
  --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
@@ -923,16 +994,20 @@
923
994
  --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
924
995
  --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
925
996
  --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
997
+ --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
926
998
  --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
927
999
  --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
928
1000
  --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
929
1001
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
930
1002
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
931
1003
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
1004
+ --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
932
1005
  --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
933
1006
  --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
1007
+ --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
934
1008
  --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
935
1009
  --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
1010
+ --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
936
1011
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
937
1012
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
938
1013
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
@@ -943,6 +1018,7 @@
943
1018
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
944
1019
  --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
945
1020
  --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
1021
+ --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
946
1022
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
947
1023
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
948
1024
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
@@ -1043,6 +1119,7 @@
1043
1119
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
1044
1120
  --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
1045
1121
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
1122
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
1046
1123
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
1047
1124
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
1048
1125
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
@@ -1077,6 +1154,1100 @@
1077
1154
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
1078
1155
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
1079
1156
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
1157
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
1158
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1159
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1160
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1161
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1162
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1163
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1164
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1165
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
1166
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1167
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1168
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
1169
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1170
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
1171
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1172
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1173
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
1174
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
1175
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1176
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1177
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1178
+ --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
1179
+ --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
1180
+ --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
1181
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
1182
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1183
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1184
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
1185
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1186
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1187
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
1188
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
1189
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
1190
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
1191
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1192
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1193
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
1194
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1195
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1196
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
1197
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1198
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1199
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
1200
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1201
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1202
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
1203
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1204
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1205
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
1206
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
1207
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
1208
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
1209
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
1210
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
1211
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
1212
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1213
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1214
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1215
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1216
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1217
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1218
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1219
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1220
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1221
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1222
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1223
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
1224
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1225
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1226
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
1227
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1228
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1229
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
1230
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1231
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1232
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
1233
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1234
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1235
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
1236
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1237
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1238
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1239
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
1240
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1241
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
1242
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
1243
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
1244
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
1245
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
1246
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
1247
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
1248
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1249
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1250
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
1251
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
1252
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
1253
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
1254
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
1255
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
1256
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
1257
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
1258
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
1259
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
1260
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
1261
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
1262
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
1263
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
1264
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
1265
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
1266
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
1267
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
1268
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
1269
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
1270
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
1271
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
1272
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
1273
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
1274
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
1275
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
1276
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
1277
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
1278
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1279
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1280
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
1281
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1282
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1283
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1284
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1285
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
1286
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1287
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
1288
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
1289
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
1290
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
1291
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
1292
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
1293
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
1294
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
1295
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
1296
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
1297
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
1298
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
1299
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
1300
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
1301
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
1302
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1303
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
1304
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1305
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
1306
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
1307
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
1308
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
1309
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
1310
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
1311
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
1312
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1313
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1314
+ }
1315
+
1316
+ :root:where(.pf-v6-theme-high-contrast) {
1317
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
1318
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
1319
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
1320
+ --pf-t--global--border--radius--0: 0px;
1321
+ --pf-t--global--border--radius--100: 4px;
1322
+ --pf-t--global--border--radius--200: 6px;
1323
+ --pf-t--global--border--radius--300: 16px;
1324
+ --pf-t--global--border--radius--400: 24px;
1325
+ --pf-t--global--border--radius--500: 999px;
1326
+ --pf-t--global--border--width--100: 1px;
1327
+ --pf-t--global--border--width--200: 2px;
1328
+ --pf-t--global--border--width--300: 3px;
1329
+ --pf-t--global--border--width--400: 4px;
1330
+ --pf-t--global--border--width--action--plain--default: 0px;
1331
+ --pf-t--global--box-shadow--X--100: -10px;
1332
+ --pf-t--global--box-shadow--X--200: -4px;
1333
+ --pf-t--global--box-shadow--X--300: -1px;
1334
+ --pf-t--global--box-shadow--X--400: 0px;
1335
+ --pf-t--global--box-shadow--X--50: -20px;
1336
+ --pf-t--global--box-shadow--X--500: 1px;
1337
+ --pf-t--global--box-shadow--X--600: 4px;
1338
+ --pf-t--global--box-shadow--X--700: 10px;
1339
+ --pf-t--global--box-shadow--X--800: 20px;
1340
+ --pf-t--global--box-shadow--Y--100: -10px;
1341
+ --pf-t--global--box-shadow--Y--200: -4px;
1342
+ --pf-t--global--box-shadow--Y--300: -1px;
1343
+ --pf-t--global--box-shadow--Y--400: 0px;
1344
+ --pf-t--global--box-shadow--Y--50: -20px;
1345
+ --pf-t--global--box-shadow--Y--500: 1px;
1346
+ --pf-t--global--box-shadow--Y--600: 4px;
1347
+ --pf-t--global--box-shadow--Y--700: 10px;
1348
+ --pf-t--global--box-shadow--Y--800: 20px;
1349
+ --pf-t--global--box-shadow--blur--100: 4px;
1350
+ --pf-t--global--box-shadow--blur--200: 9px;
1351
+ --pf-t--global--box-shadow--blur--300: 20px;
1352
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
1353
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
1354
+ --pf-t--global--box-shadow--spread--100: 0px;
1355
+ --pf-t--global--box-shadow--spread--200: -4px;
1356
+ --pf-t--global--box-shadow--spread--300: -8px;
1357
+ --pf-t--global--box-shadow--spread--400: -20px;
1358
+ --pf-t--global--breakpoint--100: 0rem;
1359
+ --pf-t--global--breakpoint--200: 36rem;
1360
+ --pf-t--global--breakpoint--250: 40rem;
1361
+ --pf-t--global--breakpoint--300: 48rem;
1362
+ --pf-t--global--breakpoint--350: 60rem;
1363
+ --pf-t--global--breakpoint--400: 62rem;
1364
+ --pf-t--global--breakpoint--500: 75rem;
1365
+ --pf-t--global--breakpoint--550: 80rem;
1366
+ --pf-t--global--breakpoint--600: 90.625rem;
1367
+ --pf-t--global--color--nonstatus--green--400: #3d7019;
1368
+ --pf-t--global--color--status--success--150: #3d7019;
1369
+ --pf-t--global--focus-ring--position--inset: -4px;
1370
+ --pf-t--global--focus-ring--position--offset: 2px;
1371
+ --pf-t--global--focus-ring--width--inset: 3px;
1372
+ --pf-t--global--focus-ring--width--offset: 2px;
1373
+ --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;
1374
+ --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;
1375
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
1376
+ --pf-t--global--font--line-height--100: 1.3;
1377
+ --pf-t--global--font--line-height--200: 1.5;
1378
+ --pf-t--global--font--size--100: 0.75rem;
1379
+ --pf-t--global--font--size--200: 0.875rem;
1380
+ --pf-t--global--font--size--300: 1rem;
1381
+ --pf-t--global--font--size--400: 1.125rem;
1382
+ --pf-t--global--font--size--500: 1.25rem;
1383
+ --pf-t--global--font--size--600: 1.5rem;
1384
+ --pf-t--global--font--size--700: 1.75rem;
1385
+ --pf-t--global--font--size--800: 2.25rem;
1386
+ --pf-t--global--font--weight--100: 400;
1387
+ --pf-t--global--font--weight--200: 500;
1388
+ --pf-t--global--font--weight--300: 500;
1389
+ --pf-t--global--font--weight--400: 700;
1390
+ --pf-t--global--icon--size--100: 0.75rem;
1391
+ --pf-t--global--icon--size--200: 0.875rem;
1392
+ --pf-t--global--icon--size--250: 1rem;
1393
+ --pf-t--global--icon--size--300: 1.5rem;
1394
+ --pf-t--global--icon--size--400: 3.5rem;
1395
+ --pf-t--global--icon--size--500: 6rem;
1396
+ --pf-t--global--spacer--100: 0.25rem;
1397
+ --pf-t--global--spacer--200: 0.5rem;
1398
+ --pf-t--global--spacer--300: 1rem;
1399
+ --pf-t--global--spacer--400: 1.5rem;
1400
+ --pf-t--global--spacer--500: 2rem;
1401
+ --pf-t--global--spacer--600: 3rem;
1402
+ --pf-t--global--spacer--700: 4rem;
1403
+ --pf-t--global--spacer--800: 5rem;
1404
+ --pf-t--global--text-decoration--line--100: none;
1405
+ --pf-t--global--text-decoration--line--200: underline;
1406
+ --pf-t--global--text-decoration--style--100: solid;
1407
+ --pf-t--global--text-decoration--style--200: dashed;
1408
+ --pf-t--global--z-index--100: 100;
1409
+ --pf-t--global--z-index--200: 200;
1410
+ --pf-t--global--z-index--300: 300;
1411
+ --pf-t--global--z-index--400: 400;
1412
+ --pf-t--global--z-index--500: 500;
1413
+ --pf-t--global--z-index--600: 600;
1414
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
1415
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
1416
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
1417
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
1418
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
1419
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
1420
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
1421
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
1422
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
1423
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
1424
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
1425
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
1426
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
1427
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
1428
+ --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
1429
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
1430
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
1431
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
1432
+ --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
1433
+ --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
1434
+ --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
1435
+ --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
1436
+ --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
1437
+ --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
1438
+ --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
1439
+ --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
1440
+ --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
1441
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
1442
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
1443
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
1444
+ --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
1445
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
1446
+ --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
1447
+ --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
1448
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
1449
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
1450
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
1451
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
1452
+ --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
1453
+ --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
1454
+ --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
1455
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
1456
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
1457
+ --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
1458
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
1459
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
1460
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
1461
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
1462
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
1463
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
1464
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
1465
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
1466
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
1467
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
1468
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
1469
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
1470
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
1471
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
1472
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
1473
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
1474
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
1475
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
1476
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
1477
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
1478
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
1479
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
1480
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
1481
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
1482
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
1483
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
1484
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
1485
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
1486
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
1487
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
1488
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
1489
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
1490
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
1491
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
1492
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
1493
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
1494
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
1495
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
1496
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
1497
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
1498
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
1499
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
1500
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
1501
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
1502
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
1503
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
1504
+ --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
1505
+ --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
1506
+ --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
1507
+ --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
1508
+ --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
1509
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
1510
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
1511
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
1512
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
1513
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
1514
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
1515
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
1516
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
1517
+ --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
1518
+ --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
1519
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
1520
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
1521
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
1522
+ --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
1523
+ --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
1524
+ --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
1525
+ --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
1526
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
1527
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
1528
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
1529
+ --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
1530
+ --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
1531
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
1532
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
1533
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
1534
+ --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
1535
+ --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
1536
+ --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
1537
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
1538
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
1539
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
1540
+ --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
1541
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
1542
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
1543
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
1544
+ --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
1545
+ --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
1546
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
1547
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
1548
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
1549
+ --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
1550
+ --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
1551
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
1552
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
1553
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
1554
+ --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
1555
+ --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
1556
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
1557
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
1558
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
1559
+ --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
1560
+ --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
1561
+ --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
1562
+ --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
1563
+ --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
1564
+ --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
1565
+ --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
1566
+ --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
1567
+ --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
1568
+ --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
1569
+ --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
1570
+ --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
1571
+ --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
1572
+ --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
1573
+ --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
1574
+ --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
1575
+ --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
1576
+ --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
1577
+ --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
1578
+ --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
1579
+ --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
1580
+ --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
1581
+ --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
1582
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
1583
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
1584
+ --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
1585
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
1586
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
1587
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
1588
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
1589
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
1590
+ --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
1591
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
1592
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
1593
+ --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
1594
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
1595
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
1596
+ --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
1597
+ --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
1598
+ --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
1599
+ --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
1600
+ --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
1601
+ --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
1602
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
1603
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
1604
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
1605
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
1606
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
1607
+ --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
1608
+ --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
1609
+ --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
1610
+ --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
1611
+ --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
1612
+ --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
1613
+ --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
1614
+ --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
1615
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
1616
+ --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
1617
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
1618
+ --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
1619
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
1620
+ --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
1621
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
1622
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
1623
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
1624
+ --pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
1625
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
1626
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
1627
+ --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
1628
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
1629
+ --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
1630
+ --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
1631
+ --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
1632
+ --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
1633
+ --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
1634
+ --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
1635
+ --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
1636
+ --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
1637
+ --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
1638
+ --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
1639
+ --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
1640
+ --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
1641
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
1642
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
1643
+ --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
1644
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
1645
+ --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
1646
+ --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
1647
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
1648
+ --pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
1649
+ --pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
1650
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
1651
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
1652
+ --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
1653
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
1654
+ --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
1655
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
1656
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
1657
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
1658
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
1659
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
1660
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
1661
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
1662
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
1663
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
1664
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
1665
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
1666
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
1667
+ --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
1668
+ --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
1669
+ --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
1670
+ --pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
1671
+ --pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
1672
+ --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
1673
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
1674
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
1675
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
1676
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
1677
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
1678
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
1679
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
1680
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
1681
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
1682
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
1683
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
1684
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
1685
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
1686
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
1687
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
1688
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
1689
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
1690
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
1691
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
1692
+ --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
1693
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
1694
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
1695
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
1696
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
1697
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
1698
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
1699
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
1700
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
1701
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
1702
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
1703
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
1704
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
1705
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
1706
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
1707
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
1708
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
1709
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
1710
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
1711
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
1712
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
1713
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
1714
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
1715
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
1716
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
1717
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
1718
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
1719
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
1720
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
1721
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
1722
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
1723
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
1724
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
1725
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
1726
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
1727
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
1728
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
1729
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
1730
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
1731
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
1732
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
1733
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
1734
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
1735
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
1736
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
1737
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
1738
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
1739
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
1740
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
1741
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
1742
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
1743
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
1744
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
1745
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
1746
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
1747
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
1748
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
1749
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
1750
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
1751
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
1752
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
1753
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
1754
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
1755
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
1756
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
1757
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
1758
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
1759
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
1760
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
1761
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
1762
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
1763
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
1764
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
1765
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
1766
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
1767
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
1768
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
1769
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
1770
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
1771
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
1772
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
1773
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
1774
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
1775
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
1776
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
1777
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
1778
+ --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
1779
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
1780
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
1781
+ --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
1782
+ --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
1783
+ --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
1784
+ --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
1785
+ --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
1786
+ --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
1787
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
1788
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
1789
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
1790
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
1791
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
1792
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
1793
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
1794
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
1795
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
1796
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
1797
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
1798
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
1799
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
1800
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
1801
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
1802
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
1803
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
1804
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
1805
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
1806
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
1807
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
1808
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
1809
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
1810
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
1811
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
1812
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
1813
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
1814
+ --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
1815
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
1816
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
1817
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
1818
+ --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
1819
+ --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
1820
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
1821
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
1822
+ --pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
1823
+ --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
1824
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
1825
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
1826
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
1827
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
1828
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
1829
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
1830
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
1831
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
1832
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
1833
+ --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
1834
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
1835
+ --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
1836
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
1837
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
1838
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
1839
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
1840
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
1841
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
1842
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
1843
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
1844
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
1845
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
1846
+ --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
1847
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
1848
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
1849
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
1850
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
1851
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
1852
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
1853
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
1854
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
1855
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
1856
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
1857
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
1858
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
1859
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
1860
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
1861
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
1862
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
1863
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
1864
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
1865
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
1866
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
1867
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1868
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1869
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1870
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1871
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1872
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1873
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1874
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
1875
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1876
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
1877
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1878
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1879
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1880
+ --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
1881
+ --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
1882
+ --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
1883
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
1884
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1885
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1886
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
1887
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
1888
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
1889
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
1890
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
1891
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
1892
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
1893
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
1894
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
1895
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
1896
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
1897
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
1898
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
1899
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
1900
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
1901
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
1902
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
1903
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
1904
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
1905
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
1906
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
1907
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
1908
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
1909
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
1910
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
1911
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
1912
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
1913
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
1914
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1915
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1916
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1917
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1918
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1919
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1920
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1921
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1922
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
1923
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1924
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1925
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
1926
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1927
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1928
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
1929
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1930
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1931
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
1932
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1933
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1934
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
1935
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1936
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1937
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
1938
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
1939
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
1940
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
1941
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
1942
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
1943
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
1944
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
1945
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
1946
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
1947
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
1948
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
1949
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
1950
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
1951
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
1952
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
1953
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
1954
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
1955
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
1956
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
1957
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
1958
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
1959
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
1960
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
1961
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
1962
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
1963
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
1964
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
1965
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
1966
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
1967
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
1968
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
1969
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
1970
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
1971
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
1972
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
1973
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
1974
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
1975
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
1976
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
1977
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
1978
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
1979
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
1980
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1981
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1982
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
1983
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1984
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1985
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1986
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1987
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1988
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1989
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1990
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
1991
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1992
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
1993
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
1994
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
1995
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
1996
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
1997
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
1998
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
1999
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
2000
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
2001
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
2002
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
2003
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
2004
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
2005
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
2006
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
2007
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
2008
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
2009
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
2010
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
2011
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
2012
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
2013
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
2014
+ }
2015
+
2016
+ :root:where(.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
2017
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
2018
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
2019
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
2020
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
2021
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
2022
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
2023
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
2024
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
2025
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
2026
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
2027
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
2028
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
2029
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
2030
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
2031
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
2032
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
2033
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
2034
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
2035
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
2036
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
2037
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
2038
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
2039
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
2040
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
2041
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
2042
+ --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
2043
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
2044
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
2045
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
2046
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
2047
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
2048
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
2049
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
2050
+ --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
2051
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
2052
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
2053
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
2054
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
2055
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
2056
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
2057
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
2058
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
2059
+ --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
2060
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
2061
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
2062
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
2063
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
2064
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
2065
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
2066
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
2067
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
2068
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
2069
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
2070
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
2071
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
2072
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
2073
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
2074
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
2075
+ --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
2076
+ --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
2077
+ --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
2078
+ --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
2079
+ --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
2080
+ --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
2081
+ --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
2082
+ --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
2083
+ --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
2084
+ --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
2085
+ --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
2086
+ --pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
2087
+ --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
2088
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
2089
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
2090
+ --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
2091
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
2092
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
2093
+ --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
2094
+ --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
2095
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
2096
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
2097
+ --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
2098
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
2099
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
2100
+ --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
2101
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
2102
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
2103
+ --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
2104
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
2105
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
2106
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
2107
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--white);
2108
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
2109
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
2110
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
2111
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
2112
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
2113
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
2114
+ --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
2115
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
2116
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
2117
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
2118
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
2119
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
2120
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
2121
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
2122
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
2123
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
2124
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
2125
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
2126
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
2127
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
2128
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
2129
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
2130
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
2131
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
2132
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
2133
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
2134
+ --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
2135
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
2136
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
2137
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
2138
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
2139
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
2140
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
2141
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
2142
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
2143
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
2144
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
2145
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
2146
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
2147
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
2148
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
2149
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
2150
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
2151
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
2152
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
2153
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
2154
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
2155
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
2156
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
2157
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
2158
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
2159
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
2160
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
2161
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
2162
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
2163
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
2164
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
2165
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
2166
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
2167
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
2168
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
2169
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
2170
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
2171
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
2172
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
2173
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
2174
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
2175
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
2176
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
2177
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
2178
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
2179
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
2180
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
2181
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
2182
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
2183
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
2184
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
2185
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
2186
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
2187
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
2188
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
2189
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
2190
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
2191
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
2192
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
2193
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
2194
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
2195
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
2196
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
2197
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
2198
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
2199
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
2200
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
2201
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
2202
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
2203
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
2204
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
2205
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
2206
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
2207
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
2208
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
2209
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
2210
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
2211
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
2212
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
2213
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
2214
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
2215
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
2216
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
2217
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
2218
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
2219
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
2220
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
2221
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
2222
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
2223
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
2224
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
2225
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
2226
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
2227
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
2228
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
2229
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
2230
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
2231
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
2232
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
2233
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
2234
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
2235
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
2236
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
2237
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
2238
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
2239
+ --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
2240
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
2241
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
2242
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
2243
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
2244
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
2245
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
2246
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
2247
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
2248
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
2249
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
2250
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
1080
2251
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1081
2252
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1082
2253
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);