@patternfly/patternfly 6.3.0-prerelease.52 → 6.3.0-prerelease.54

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 (77) hide show
  1. package/README.md +17 -11
  2. package/base/patternfly-variables.css +1208 -1
  3. package/base/patternfly-variables.scss +10 -0
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +13 -1
  7. package/base/tokens/tokens-default.scss +60 -2
  8. package/base/tokens/tokens-highcontrast-dark.scss +396 -0
  9. package/base/tokens/tokens-highcontrast.scss +703 -0
  10. package/base/tokens/tokens-local.scss +39 -0
  11. package/base/tokens/tokens-palette.scss +9 -1
  12. package/components/Accordion/accordion.css +21 -0
  13. package/components/Accordion/accordion.scss +27 -1
  14. package/components/Alert/alert-group.css +15 -2
  15. package/components/Alert/alert-group.scss +18 -2
  16. package/components/Badge/badge.css +2 -0
  17. package/components/Badge/badge.scss +2 -0
  18. package/components/Banner/banner.css +4 -0
  19. package/components/Banner/banner.scss +4 -0
  20. package/components/Button/button.css +32 -3
  21. package/components/Button/button.scss +34 -5
  22. package/components/Card/card.css +5 -3
  23. package/components/Card/card.scss +5 -3
  24. package/components/CodeBlock/code-block.css +3 -0
  25. package/components/CodeBlock/code-block.scss +3 -0
  26. package/components/CodeEditor/code-editor.css +8 -3
  27. package/components/CodeEditor/code-editor.scss +11 -6
  28. package/components/Drawer/drawer.css +44 -41
  29. package/components/Drawer/drawer.scss +42 -36
  30. package/components/DualListSelector/dual-list-selector.css +19 -1
  31. package/components/DualListSelector/dual-list-selector.scss +20 -1
  32. package/components/Label/label.css +20 -11
  33. package/components/Label/label.scss +21 -11
  34. package/components/Login/login.css +3 -0
  35. package/components/Login/login.scss +3 -0
  36. package/components/Menu/menu.css +11 -0
  37. package/components/Menu/menu.scss +12 -1
  38. package/components/MenuToggle/menu-toggle.css +12 -5
  39. package/components/MenuToggle/menu-toggle.scss +12 -5
  40. package/components/ModalBox/modal-box.css +3 -0
  41. package/components/ModalBox/modal-box.scss +3 -0
  42. package/components/Nav/nav.css +17 -0
  43. package/components/Nav/nav.scss +20 -0
  44. package/components/Page/page.css +2 -2
  45. package/components/Page/page.scss +2 -2
  46. package/components/Panel/panel.css +7 -1
  47. package/components/Panel/panel.scss +7 -1
  48. package/components/Popover/popover.css +4 -0
  49. package/components/Popover/popover.scss +4 -0
  50. package/components/Progress/progress.css +10 -0
  51. package/components/Progress/progress.scss +11 -0
  52. package/components/SimpleList/simple-list.css +15 -0
  53. package/components/SimpleList/simple-list.scss +17 -1
  54. package/components/Table/table.css +29 -0
  55. package/components/Table/table.scss +33 -0
  56. package/components/Tabs/tabs.css +7 -0
  57. package/components/Tabs/tabs.scss +8 -1
  58. package/components/TreeView/tree-view.css +15 -0
  59. package/components/TreeView/tree-view.scss +17 -0
  60. package/components/Wizard/wizard.css +22 -1
  61. package/components/Wizard/wizard.scss +25 -3
  62. package/components/_index.css +330 -73
  63. package/docs/components/DataList/examples/DataList.md +60 -184
  64. package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
  65. package/docs/components/Login/examples/Login.md +22 -22
  66. package/docs/components/Table/examples/Table.md +936 -1412
  67. package/docs/demos/Dashboard/examples/Dashboard.md +5 -20
  68. package/docs/demos/DataList/examples/DataList.md +528 -168
  69. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +726 -312
  70. package/docs/demos/Table/examples/Table.md +5 -20
  71. package/package.json +3 -2
  72. package/patternfly-base-no-globals.css +1208 -1
  73. package/patternfly-base.css +1208 -1
  74. package/patternfly-no-globals.css +1538 -74
  75. package/patternfly.css +1538 -74
  76. package/patternfly.min.css +1 -1
  77. 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: -4;
149
+ --pf-t--global--focus-ring--position--offset: 2;
150
+ --pf-t--global--focus-ring--width--inset: 3;
151
+ --pf-t--global--focus-ring--width--offset: 2;
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);
@@ -852,10 +918,47 @@
852
918
  var(--pf-t--global--box-shadow--color--lg--directional);
853
919
  --pf-t--global--list-style: disc outside;
854
920
  --pf-t--temp--dev--tbd: #BC11E0;
921
+ --pf-t--global--high-contrast--border--width--action--clicked: 0;
922
+ --pf-t--global--high-contrast--border--width--action--default: 0;
923
+ --pf-t--global--high-contrast--border--width--action--hover: 0;
924
+ --pf-t--global--high-contrast--border--width--box--clicked: 0;
925
+ --pf-t--global--high-contrast--border--width--box--default: 0;
926
+ --pf-t--global--high-contrast--border--width--box--hover: 0;
927
+ --pf-t--global--high-contrast--border--width--box--status--default: 0;
928
+ --pf-t--global--high-contrast--border--width--box--status--read: 0;
929
+ --pf-t--global--high-contrast--border--width--control--clicked: 0;
930
+ --pf-t--global--high-contrast--border--width--control--default: 0;
931
+ --pf-t--global--high-contrast--border--width--control--hover: 0;
932
+ --pf-t--global--high-contrast--border--width--divider--clicked: 0;
933
+ --pf-t--global--high-contrast--border--width--divider--default: 0;
934
+ --pf-t--global--high-contrast--border--width--divider--hover: 0;
935
+ --pf-t--global--high-contrast--border--width--extra-strong: 0;
936
+ --pf-t--global--high-contrast--border--width--regular: 0;
937
+ --pf-t--global--high-contrast--border--width--strong: 0;
938
+ }
939
+ :root:where(.pf-v6-theme-high-contrast) {
940
+ --pf-t--global--high-contrast--border--width--action--clicked: var(--pf-t--global--border--width--action--clicked);
941
+ --pf-t--global--high-contrast--border--width--action--default: var(--pf-t--global--border--width--action--default);
942
+ --pf-t--global--high-contrast--border--width--action--hover: var(--pf-t--global--border--width--action--hover);
943
+ --pf-t--global--high-contrast--border--width--box--clicked: var(--pf-t--global--border--width--box--clicked);
944
+ --pf-t--global--high-contrast--border--width--box--default: var(--pf-t--global--border--width--box--default);
945
+ --pf-t--global--high-contrast--border--width--box--hover: var(--pf-t--global--border--width--box--hover);
946
+ --pf-t--global--high-contrast--border--width--box--status--default: var(--pf-t--global--border--width--box--status--default);
947
+ --pf-t--global--high-contrast--border--width--box--status--read: var(--pf-t--global--border--width--box--status--read);
948
+ --pf-t--global--high-contrast--border--width--control--clicked: var(--pf-t--global--border--width--control--clicked);
949
+ --pf-t--global--high-contrast--border--width--control--default: var(--pf-t--global--border--width--control--default);
950
+ --pf-t--global--high-contrast--border--width--control--hover: var(--pf-t--global--border--width--control--hover);
951
+ --pf-t--global--high-contrast--border--width--divider--clicked: var(--pf-t--global--border--width--divider--clicked);
952
+ --pf-t--global--high-contrast--border--width--divider--default: var(--pf-t--global--border--width--divider--default);
953
+ --pf-t--global--high-contrast--border--width--divider--hover: var(--pf-t--global--border--width--divider--hover);
954
+ --pf-t--global--high-contrast--border--width--extra-strong: var(--pf-t--global--border--width--extra-strong);
955
+ --pf-t--global--high-contrast--border--width--regular: var(--pf-t--global--border--width--regular);
956
+ --pf-t--global--high-contrast--border--width--strong: var(--pf-t--global--border--width--strong);
855
957
  }
856
958
 
857
959
  :root:where(.pf-v6-theme-dark) {
858
960
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
961
+ --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
859
962
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
860
963
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
861
964
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
@@ -879,6 +982,7 @@
879
982
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
880
983
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
881
984
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
985
+ --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
882
986
  --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
883
987
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
884
988
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
@@ -886,6 +990,7 @@
886
990
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
887
991
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
888
992
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
993
+ --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
889
994
  --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
890
995
  --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
891
996
  --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
@@ -894,6 +999,7 @@
894
999
  --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
895
1000
  --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
896
1001
  --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
1002
+ --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
897
1003
  --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
898
1004
  --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
899
1005
  --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
@@ -916,6 +1022,7 @@
916
1022
  --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
917
1023
  --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
918
1024
  --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
1025
+ --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
919
1026
  --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
920
1027
  --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
921
1028
  --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
@@ -923,16 +1030,20 @@
923
1030
  --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
924
1031
  --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
925
1032
  --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
1033
+ --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
926
1034
  --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
927
1035
  --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
928
1036
  --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
929
1037
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
930
1038
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
931
1039
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
1040
+ --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
932
1041
  --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
933
1042
  --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
1043
+ --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
934
1044
  --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
935
1045
  --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
1046
+ --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
936
1047
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
937
1048
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
938
1049
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
@@ -943,6 +1054,7 @@
943
1054
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
944
1055
  --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
945
1056
  --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
1057
+ --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
946
1058
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
947
1059
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
948
1060
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
@@ -1043,6 +1155,7 @@
1043
1155
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
1044
1156
  --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
1045
1157
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
1158
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
1046
1159
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
1047
1160
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
1048
1161
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
@@ -1077,6 +1190,1100 @@
1077
1190
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
1078
1191
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
1079
1192
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
1193
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
1194
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1195
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1196
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1197
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1198
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1199
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1200
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1201
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
1202
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1203
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1204
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
1205
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1206
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
1207
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1208
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1209
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
1210
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
1211
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1212
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1213
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1214
+ --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
1215
+ --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
1216
+ --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
1217
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
1218
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1219
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1220
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
1221
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1222
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1223
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
1224
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
1225
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
1226
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
1227
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1228
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1229
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
1230
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1231
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1232
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
1233
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1234
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1235
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
1236
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1237
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1238
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
1239
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1240
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1241
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
1242
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
1243
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
1244
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
1245
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
1246
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
1247
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
1248
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1249
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1250
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1251
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1252
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1253
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1254
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1255
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1256
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1257
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1258
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1259
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
1260
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1261
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1262
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
1263
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1264
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1265
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
1266
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1267
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1268
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
1269
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1270
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1271
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
1272
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1273
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1274
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1275
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
1276
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1277
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
1278
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
1279
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
1280
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
1281
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
1282
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
1283
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
1284
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1285
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1286
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
1287
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
1288
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
1289
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
1290
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
1291
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
1292
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
1293
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
1294
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
1295
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
1296
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
1297
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
1298
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
1299
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
1300
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
1301
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
1302
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
1303
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
1304
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
1305
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
1306
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
1307
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
1308
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
1309
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
1310
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
1311
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
1312
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
1313
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
1314
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1315
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1316
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
1317
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1318
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1319
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1320
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1321
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
1322
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1323
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
1324
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
1325
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
1326
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
1327
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
1328
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
1329
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
1330
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
1331
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
1332
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
1333
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
1334
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
1335
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
1336
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
1337
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
1338
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1339
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
1340
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1341
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
1342
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
1343
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
1344
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
1345
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
1346
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
1347
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
1348
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1349
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1350
+ }
1351
+
1352
+ :root:where(.pf-v6-theme-high-contrast) {
1353
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
1354
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
1355
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
1356
+ --pf-t--global--border--radius--0: 0px;
1357
+ --pf-t--global--border--radius--100: 4px;
1358
+ --pf-t--global--border--radius--200: 6px;
1359
+ --pf-t--global--border--radius--300: 16px;
1360
+ --pf-t--global--border--radius--400: 24px;
1361
+ --pf-t--global--border--radius--500: 999px;
1362
+ --pf-t--global--border--width--100: 1px;
1363
+ --pf-t--global--border--width--200: 2px;
1364
+ --pf-t--global--border--width--300: 3px;
1365
+ --pf-t--global--border--width--400: 4px;
1366
+ --pf-t--global--border--width--action--plain--default: 0px;
1367
+ --pf-t--global--box-shadow--X--100: -10px;
1368
+ --pf-t--global--box-shadow--X--200: -4px;
1369
+ --pf-t--global--box-shadow--X--300: -1px;
1370
+ --pf-t--global--box-shadow--X--400: 0px;
1371
+ --pf-t--global--box-shadow--X--50: -20px;
1372
+ --pf-t--global--box-shadow--X--500: 1px;
1373
+ --pf-t--global--box-shadow--X--600: 4px;
1374
+ --pf-t--global--box-shadow--X--700: 10px;
1375
+ --pf-t--global--box-shadow--X--800: 20px;
1376
+ --pf-t--global--box-shadow--Y--100: -10px;
1377
+ --pf-t--global--box-shadow--Y--200: -4px;
1378
+ --pf-t--global--box-shadow--Y--300: -1px;
1379
+ --pf-t--global--box-shadow--Y--400: 0px;
1380
+ --pf-t--global--box-shadow--Y--50: -20px;
1381
+ --pf-t--global--box-shadow--Y--500: 1px;
1382
+ --pf-t--global--box-shadow--Y--600: 4px;
1383
+ --pf-t--global--box-shadow--Y--700: 10px;
1384
+ --pf-t--global--box-shadow--Y--800: 20px;
1385
+ --pf-t--global--box-shadow--blur--100: 4px;
1386
+ --pf-t--global--box-shadow--blur--200: 9px;
1387
+ --pf-t--global--box-shadow--blur--300: 20px;
1388
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
1389
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
1390
+ --pf-t--global--box-shadow--spread--100: 0px;
1391
+ --pf-t--global--box-shadow--spread--200: -4px;
1392
+ --pf-t--global--box-shadow--spread--300: -8px;
1393
+ --pf-t--global--box-shadow--spread--400: -20px;
1394
+ --pf-t--global--breakpoint--100: 0rem;
1395
+ --pf-t--global--breakpoint--200: 36rem;
1396
+ --pf-t--global--breakpoint--250: 40rem;
1397
+ --pf-t--global--breakpoint--300: 48rem;
1398
+ --pf-t--global--breakpoint--350: 60rem;
1399
+ --pf-t--global--breakpoint--400: 62rem;
1400
+ --pf-t--global--breakpoint--500: 75rem;
1401
+ --pf-t--global--breakpoint--550: 80rem;
1402
+ --pf-t--global--breakpoint--600: 90.625rem;
1403
+ --pf-t--global--color--nonstatus--green--400: #3d7019;
1404
+ --pf-t--global--color--status--success--150: #3d7019;
1405
+ --pf-t--global--focus-ring--position--inset: -4;
1406
+ --pf-t--global--focus-ring--position--offset: 2;
1407
+ --pf-t--global--focus-ring--width--inset: 3;
1408
+ --pf-t--global--focus-ring--width--offset: 2;
1409
+ --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;
1410
+ --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;
1411
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
1412
+ --pf-t--global--font--line-height--100: 1.3;
1413
+ --pf-t--global--font--line-height--200: 1.5;
1414
+ --pf-t--global--font--size--100: 0.75rem;
1415
+ --pf-t--global--font--size--200: 0.875rem;
1416
+ --pf-t--global--font--size--300: 1rem;
1417
+ --pf-t--global--font--size--400: 1.125rem;
1418
+ --pf-t--global--font--size--500: 1.25rem;
1419
+ --pf-t--global--font--size--600: 1.5rem;
1420
+ --pf-t--global--font--size--700: 1.75rem;
1421
+ --pf-t--global--font--size--800: 2.25rem;
1422
+ --pf-t--global--font--weight--100: 400;
1423
+ --pf-t--global--font--weight--200: 500;
1424
+ --pf-t--global--font--weight--300: 500;
1425
+ --pf-t--global--font--weight--400: 700;
1426
+ --pf-t--global--icon--size--100: 0.75rem;
1427
+ --pf-t--global--icon--size--200: 0.875rem;
1428
+ --pf-t--global--icon--size--250: 1rem;
1429
+ --pf-t--global--icon--size--300: 1.5rem;
1430
+ --pf-t--global--icon--size--400: 3.5rem;
1431
+ --pf-t--global--icon--size--500: 6rem;
1432
+ --pf-t--global--spacer--100: 0.25rem;
1433
+ --pf-t--global--spacer--200: 0.5rem;
1434
+ --pf-t--global--spacer--300: 1rem;
1435
+ --pf-t--global--spacer--400: 1.5rem;
1436
+ --pf-t--global--spacer--500: 2rem;
1437
+ --pf-t--global--spacer--600: 3rem;
1438
+ --pf-t--global--spacer--700: 4rem;
1439
+ --pf-t--global--spacer--800: 5rem;
1440
+ --pf-t--global--text-decoration--line--100: none;
1441
+ --pf-t--global--text-decoration--line--200: underline;
1442
+ --pf-t--global--text-decoration--style--100: solid;
1443
+ --pf-t--global--text-decoration--style--200: dashed;
1444
+ --pf-t--global--z-index--100: 100;
1445
+ --pf-t--global--z-index--200: 200;
1446
+ --pf-t--global--z-index--300: 300;
1447
+ --pf-t--global--z-index--400: 400;
1448
+ --pf-t--global--z-index--500: 500;
1449
+ --pf-t--global--z-index--600: 600;
1450
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
1451
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
1452
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
1453
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
1454
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
1455
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
1456
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
1457
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
1458
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
1459
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
1460
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
1461
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
1462
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
1463
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
1464
+ --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
1465
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
1466
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
1467
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
1468
+ --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
1469
+ --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
1470
+ --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
1471
+ --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
1472
+ --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
1473
+ --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
1474
+ --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
1475
+ --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
1476
+ --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
1477
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
1478
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
1479
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
1480
+ --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
1481
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
1482
+ --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
1483
+ --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
1484
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
1485
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
1486
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
1487
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
1488
+ --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
1489
+ --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
1490
+ --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
1491
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
1492
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
1493
+ --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
1494
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
1495
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
1496
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
1497
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
1498
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
1499
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
1500
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
1501
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
1502
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
1503
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
1504
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
1505
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
1506
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
1507
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
1508
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
1509
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
1510
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
1511
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
1512
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
1513
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
1514
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
1515
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
1516
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
1517
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
1518
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
1519
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
1520
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
1521
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
1522
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
1523
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
1524
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
1525
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
1526
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
1527
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
1528
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
1529
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
1530
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
1531
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
1532
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
1533
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
1534
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
1535
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
1536
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
1537
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
1538
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
1539
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
1540
+ --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
1541
+ --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
1542
+ --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
1543
+ --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
1544
+ --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
1545
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
1546
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
1547
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
1548
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
1549
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
1550
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
1551
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
1552
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
1553
+ --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
1554
+ --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
1555
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
1556
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
1557
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
1558
+ --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
1559
+ --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
1560
+ --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
1561
+ --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
1562
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
1563
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
1564
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
1565
+ --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
1566
+ --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
1567
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
1568
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
1569
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
1570
+ --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
1571
+ --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
1572
+ --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
1573
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
1574
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
1575
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
1576
+ --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
1577
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
1578
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
1579
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
1580
+ --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
1581
+ --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
1582
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
1583
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
1584
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
1585
+ --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
1586
+ --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
1587
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
1588
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
1589
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
1590
+ --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
1591
+ --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
1592
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
1593
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
1594
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
1595
+ --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
1596
+ --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
1597
+ --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
1598
+ --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
1599
+ --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
1600
+ --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
1601
+ --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
1602
+ --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
1603
+ --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
1604
+ --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
1605
+ --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
1606
+ --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
1607
+ --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
1608
+ --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
1609
+ --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
1610
+ --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
1611
+ --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
1612
+ --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
1613
+ --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
1614
+ --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
1615
+ --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
1616
+ --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
1617
+ --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
1618
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
1619
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
1620
+ --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
1621
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
1622
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
1623
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
1624
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
1625
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
1626
+ --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
1627
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
1628
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
1629
+ --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
1630
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
1631
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
1632
+ --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
1633
+ --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
1634
+ --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
1635
+ --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
1636
+ --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
1637
+ --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
1638
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
1639
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
1640
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
1641
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
1642
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
1643
+ --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
1644
+ --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
1645
+ --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
1646
+ --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
1647
+ --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
1648
+ --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
1649
+ --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
1650
+ --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
1651
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
1652
+ --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
1653
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
1654
+ --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
1655
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
1656
+ --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
1657
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
1658
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
1659
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
1660
+ --pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
1661
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
1662
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
1663
+ --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
1664
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
1665
+ --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
1666
+ --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
1667
+ --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
1668
+ --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
1669
+ --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
1670
+ --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
1671
+ --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
1672
+ --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
1673
+ --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
1674
+ --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
1675
+ --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
1676
+ --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
1677
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
1678
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
1679
+ --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
1680
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
1681
+ --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
1682
+ --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
1683
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
1684
+ --pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
1685
+ --pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
1686
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
1687
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
1688
+ --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
1689
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
1690
+ --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
1691
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
1692
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
1693
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
1694
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
1695
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
1696
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
1697
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
1698
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
1699
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
1700
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
1701
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
1702
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
1703
+ --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
1704
+ --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
1705
+ --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
1706
+ --pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
1707
+ --pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
1708
+ --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
1709
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
1710
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
1711
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
1712
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
1713
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
1714
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
1715
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
1716
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
1717
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
1718
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
1719
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
1720
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
1721
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
1722
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
1723
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
1724
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
1725
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
1726
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
1727
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
1728
+ --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
1729
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
1730
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
1731
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
1732
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
1733
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
1734
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
1735
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
1736
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
1737
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
1738
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
1739
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
1740
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
1741
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
1742
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
1743
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
1744
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
1745
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
1746
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
1747
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
1748
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
1749
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
1750
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
1751
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
1752
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
1753
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
1754
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
1755
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
1756
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
1757
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
1758
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
1759
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
1760
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
1761
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
1762
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
1763
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
1764
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
1765
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
1766
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
1767
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
1768
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
1769
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
1770
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
1771
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
1772
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
1773
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
1774
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
1775
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
1776
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
1777
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
1778
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
1779
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
1780
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
1781
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
1782
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
1783
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
1784
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
1785
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
1786
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
1787
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
1788
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
1789
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
1790
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
1791
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
1792
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
1793
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
1794
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
1795
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
1796
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
1797
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
1798
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
1799
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
1800
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
1801
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
1802
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
1803
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
1804
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
1805
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
1806
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
1807
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
1808
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
1809
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
1810
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
1811
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
1812
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
1813
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
1814
+ --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
1815
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
1816
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
1817
+ --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
1818
+ --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
1819
+ --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
1820
+ --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
1821
+ --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
1822
+ --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
1823
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
1824
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
1825
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
1826
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
1827
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
1828
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
1829
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
1830
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
1831
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
1832
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
1833
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
1834
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
1835
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
1836
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
1837
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
1838
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
1839
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
1840
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
1841
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
1842
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
1843
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
1844
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
1845
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
1846
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
1847
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
1848
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
1849
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
1850
+ --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
1851
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
1852
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
1853
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
1854
+ --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
1855
+ --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
1856
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
1857
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
1858
+ --pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
1859
+ --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
1860
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
1861
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
1862
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
1863
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
1864
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
1865
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
1866
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
1867
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
1868
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
1869
+ --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
1870
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
1871
+ --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
1872
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
1873
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
1874
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
1875
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
1876
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
1877
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
1878
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
1879
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
1880
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
1881
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
1882
+ --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
1883
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
1884
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
1885
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
1886
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
1887
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
1888
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
1889
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
1890
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
1891
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
1892
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
1893
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
1894
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
1895
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
1896
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
1897
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
1898
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
1899
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
1900
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
1901
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
1902
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
1903
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1904
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1905
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1906
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1907
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1908
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1909
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1910
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
1911
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1912
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
1913
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1914
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1915
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1916
+ --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
1917
+ --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
1918
+ --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
1919
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
1920
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1921
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1922
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
1923
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
1924
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
1925
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
1926
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
1927
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
1928
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
1929
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
1930
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
1931
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
1932
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
1933
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
1934
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
1935
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
1936
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
1937
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
1938
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
1939
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
1940
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
1941
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
1942
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
1943
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
1944
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
1945
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
1946
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
1947
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
1948
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
1949
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
1950
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1951
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1952
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1953
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1954
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1955
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1956
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1957
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1958
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
1959
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1960
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1961
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
1962
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1963
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1964
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
1965
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1966
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1967
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
1968
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1969
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1970
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
1971
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1972
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1973
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
1974
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
1975
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
1976
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
1977
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
1978
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
1979
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
1980
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
1981
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
1982
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
1983
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
1984
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
1985
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
1986
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
1987
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
1988
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
1989
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
1990
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
1991
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
1992
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
1993
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
1994
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
1995
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
1996
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
1997
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
1998
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
1999
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
2000
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
2001
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
2002
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
2003
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
2004
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
2005
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
2006
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
2007
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
2008
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
2009
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
2010
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
2011
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
2012
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
2013
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
2014
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
2015
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
2016
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
2017
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
2018
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
2019
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
2020
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
2021
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
2022
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
2023
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
2024
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
2025
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
2026
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
2027
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
2028
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
2029
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
2030
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
2031
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
2032
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
2033
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
2034
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
2035
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
2036
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
2037
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
2038
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
2039
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
2040
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
2041
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
2042
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
2043
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
2044
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
2045
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
2046
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
2047
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
2048
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
2049
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
2050
+ }
2051
+
2052
+ :root:where(.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
2053
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
2054
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
2055
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
2056
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
2057
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
2058
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
2059
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
2060
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
2061
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
2062
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
2063
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
2064
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
2065
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
2066
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
2067
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
2068
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
2069
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
2070
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
2071
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
2072
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
2073
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
2074
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
2075
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
2076
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
2077
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
2078
+ --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
2079
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
2080
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
2081
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
2082
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
2083
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
2084
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
2085
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
2086
+ --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
2087
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
2088
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
2089
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
2090
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
2091
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
2092
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
2093
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
2094
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
2095
+ --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
2096
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
2097
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
2098
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
2099
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
2100
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
2101
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
2102
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
2103
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
2104
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
2105
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
2106
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
2107
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
2108
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
2109
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
2110
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
2111
+ --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
2112
+ --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
2113
+ --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
2114
+ --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
2115
+ --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
2116
+ --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
2117
+ --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
2118
+ --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
2119
+ --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
2120
+ --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
2121
+ --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
2122
+ --pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
2123
+ --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
2124
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
2125
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
2126
+ --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
2127
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
2128
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
2129
+ --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
2130
+ --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
2131
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
2132
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
2133
+ --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
2134
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
2135
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
2136
+ --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
2137
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
2138
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
2139
+ --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
2140
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
2141
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
2142
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
2143
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--white);
2144
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
2145
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
2146
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
2147
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
2148
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
2149
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
2150
+ --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
2151
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
2152
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
2153
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
2154
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
2155
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
2156
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
2157
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
2158
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
2159
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
2160
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
2161
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
2162
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
2163
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
2164
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
2165
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
2166
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
2167
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
2168
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
2169
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
2170
+ --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
2171
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
2172
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
2173
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
2174
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
2175
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
2176
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
2177
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
2178
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
2179
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
2180
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
2181
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
2182
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
2183
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
2184
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
2185
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
2186
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
2187
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
2188
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
2189
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
2190
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
2191
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
2192
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
2193
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
2194
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
2195
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
2196
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
2197
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
2198
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
2199
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
2200
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
2201
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
2202
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
2203
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
2204
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
2205
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
2206
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
2207
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
2208
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
2209
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
2210
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
2211
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
2212
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
2213
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
2214
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
2215
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
2216
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
2217
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
2218
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
2219
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
2220
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
2221
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
2222
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
2223
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
2224
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
2225
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
2226
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
2227
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
2228
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
2229
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
2230
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
2231
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
2232
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
2233
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
2234
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
2235
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
2236
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
2237
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
2238
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
2239
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
2240
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
2241
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
2242
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
2243
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
2244
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
2245
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
2246
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
2247
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
2248
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
2249
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
2250
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
2251
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
2252
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
2253
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
2254
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
2255
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
2256
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
2257
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
2258
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
2259
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
2260
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
2261
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
2262
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
2263
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
2264
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
2265
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
2266
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
2267
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
2268
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
2269
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
2270
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
2271
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
2272
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
2273
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
2274
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
2275
+ --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
2276
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
2277
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
2278
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
2279
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
2280
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
2281
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
2282
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
2283
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
2284
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
2285
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
2286
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
1080
2287
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1081
2288
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1082
2289
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);