@patternfly/patternfly 6.3.0 → 6.4.0-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/README.md +23 -15
  2. package/base/normalize.scss +4 -0
  3. package/base/patternfly-variables.css +1172 -1
  4. package/base/patternfly-variables.scss +10 -0
  5. package/base/tokens/tokens-charts-dark.scss +1 -1
  6. package/base/tokens/tokens-charts.scss +1 -1
  7. package/base/tokens/tokens-dark.scss +13 -1
  8. package/base/tokens/tokens-default.scss +60 -2
  9. package/base/tokens/tokens-highcontrast-dark.scss +396 -0
  10. package/base/tokens/tokens-highcontrast.scss +703 -0
  11. package/base/tokens/tokens-local.scss +1 -0
  12. package/base/tokens/tokens-palette.scss +9 -1
  13. package/components/Accordion/accordion.css +42 -15
  14. package/components/Accordion/accordion.scss +48 -18
  15. package/components/Alert/alert-group.css +17 -15
  16. package/components/Alert/alert-group.scss +22 -18
  17. package/components/Badge/badge.css +2 -0
  18. package/components/Badge/badge.scss +2 -0
  19. package/components/Banner/banner.css +4 -0
  20. package/components/Banner/banner.scss +4 -0
  21. package/components/Button/button.css +34 -4
  22. package/components/Button/button.scss +36 -6
  23. package/components/CalendarMonth/calendar-month.css +35 -4
  24. package/components/CalendarMonth/calendar-month.scss +38 -4
  25. package/components/Card/card.css +7 -4
  26. package/components/Card/card.scss +7 -4
  27. package/components/CodeBlock/code-block.css +3 -0
  28. package/components/CodeBlock/code-block.scss +3 -0
  29. package/components/CodeEditor/code-editor.css +23 -3
  30. package/components/CodeEditor/code-editor.scss +28 -5
  31. package/components/DatePicker/date-picker.css +3 -0
  32. package/components/DatePicker/date-picker.scss +4 -0
  33. package/components/Divider/divider.css +2 -0
  34. package/components/Divider/divider.scss +2 -0
  35. package/components/Drawer/drawer.css +46 -41
  36. package/components/Drawer/drawer.scss +45 -36
  37. package/components/DualListSelector/dual-list-selector.css +21 -4
  38. package/components/DualListSelector/dual-list-selector.scss +23 -4
  39. package/components/ExpandableSection/expandable-section.css +6 -2
  40. package/components/ExpandableSection/expandable-section.scss +7 -3
  41. package/components/FormControl/form-control.css +6 -7
  42. package/components/FormControl/form-control.scss +8 -10
  43. package/components/Label/label.css +20 -11
  44. package/components/Label/label.scss +21 -11
  45. package/components/Login/login.css +3 -0
  46. package/components/Login/login.scss +3 -0
  47. package/components/Menu/menu.css +18 -0
  48. package/components/Menu/menu.scss +19 -1
  49. package/components/MenuToggle/menu-toggle.css +13 -6
  50. package/components/MenuToggle/menu-toggle.scss +13 -6
  51. package/components/ModalBox/modal-box.css +3 -0
  52. package/components/ModalBox/modal-box.scss +3 -0
  53. package/components/Nav/nav.css +17 -0
  54. package/components/Nav/nav.scss +20 -0
  55. package/components/Page/page.css +73 -25
  56. package/components/Page/page.scss +60 -19
  57. package/components/Pagination/pagination.css +15 -2
  58. package/components/Pagination/pagination.scss +15 -2
  59. package/components/Panel/panel.css +14 -1
  60. package/components/Panel/panel.scss +14 -1
  61. package/components/Popover/popover.css +4 -0
  62. package/components/Popover/popover.scss +4 -0
  63. package/components/Progress/progress.css +19 -0
  64. package/components/Progress/progress.scss +22 -0
  65. package/components/Sidebar/sidebar.css +7 -0
  66. package/components/Sidebar/sidebar.scss +7 -0
  67. package/components/SimpleList/simple-list.css +15 -0
  68. package/components/SimpleList/simple-list.scss +17 -1
  69. package/components/Slider/slider.css +9 -0
  70. package/components/Slider/slider.scss +9 -0
  71. package/components/Switch/switch.css +7 -1
  72. package/components/Switch/switch.scss +7 -1
  73. package/components/Table/table.css +41 -1
  74. package/components/Table/table.scss +48 -2
  75. package/components/Tabs/tabs.css +18 -7
  76. package/components/Tabs/tabs.scss +19 -11
  77. package/components/TextInputGroup/text-input-group.css +7 -0
  78. package/components/TextInputGroup/text-input-group.scss +8 -1
  79. package/components/ToggleGroup/toggle-group.css +18 -9
  80. package/components/ToggleGroup/toggle-group.scss +24 -17
  81. package/components/Toolbar/toolbar.css +7 -0
  82. package/components/Toolbar/toolbar.scss +7 -0
  83. package/components/TreeView/tree-view.css +15 -0
  84. package/components/TreeView/tree-view.scss +17 -0
  85. package/components/Wizard/wizard.css +37 -6
  86. package/components/Wizard/wizard.scss +44 -10
  87. package/components/_index.css +631 -168
  88. package/docs/components/Alert/examples/Alert.md +3 -4
  89. package/docs/components/Button/examples/Button.md +1 -3
  90. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +25 -33
  91. package/docs/components/CodeBlock/examples/CodeBlock.md +13 -7
  92. package/docs/components/CodeEditor/examples/CodeEditor.md +20 -6
  93. package/docs/components/DataList/examples/DataList.md +66 -184
  94. package/docs/components/DatePicker/examples/DatePicker.md +4 -1
  95. package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
  96. package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
  97. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  98. package/docs/components/ExpandableSection/examples/ExpandableSection.md +92 -18
  99. package/docs/components/FileUpload/examples/FileUpload.md +4 -3
  100. package/docs/components/Form/examples/Form.md +19 -18
  101. package/docs/components/HelperText/examples/HelperText.md +65 -75
  102. package/docs/components/Hint/examples/Hint.md +3 -3
  103. package/docs/components/Icon/examples/Icon.md +0 -10
  104. package/docs/components/InlineEdit/examples/InlineEdit.md +0 -4
  105. package/docs/components/JumpLinks/examples/JumpLinks.md +164 -77
  106. package/docs/components/Label/examples/Label.md +2 -2
  107. package/docs/components/Login/examples/Login.md +42 -37
  108. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +32 -6
  109. package/docs/components/Pagination/examples/Pagination.md +111 -0
  110. package/docs/components/Popover/examples/Popover.md +0 -4
  111. package/docs/components/Progress/examples/Progress.md +223 -210
  112. package/docs/components/Skeleton/examples/Skeleton.md +21 -7
  113. package/docs/components/Table/examples/Table.md +947 -1423
  114. package/docs/components/TextInputGroup/examples/TextInputGroup.md +126 -47
  115. package/docs/components/Title/examples/Title.md +8 -8
  116. package/docs/components/Truncate/examples/Truncate.md +8 -6
  117. package/docs/components/Wizard/examples/Wizard.md +583 -0
  118. package/docs/demos/Alert/examples/Alert.md +28 -19
  119. package/docs/demos/Card/examples/Card.md +8 -5
  120. package/docs/demos/CardView/examples/CardView.md +81 -85
  121. package/docs/demos/Dashboard/examples/Dashboard.md +10 -22
  122. package/docs/demos/DataList/examples/DataList.md +528 -168
  123. package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -3
  124. package/docs/demos/Drawer/examples/Drawer.md +0 -2
  125. package/docs/demos/Form/examples/BasicForms.md +93 -62
  126. package/docs/demos/HelperText/examples/HelperText.md +31 -23
  127. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -5
  128. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4 -4
  129. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +56 -38
  130. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +726 -312
  131. package/docs/demos/Skeleton/examples/Skeleton.md +3 -1
  132. package/docs/demos/Table/examples/Table.md +5 -20
  133. package/docs/demos/Tabs/examples/Tabs.md +2 -1
  134. package/package.json +12 -7
  135. package/patternfly-base-no-globals.css +1172 -1
  136. package/patternfly-base.css +1176 -1
  137. package/patternfly-no-globals.css +1803 -169
  138. package/patternfly.css +1838 -200
  139. package/patternfly.min.css +1 -1
  140. package/patternfly.min.css.map +1 -1
@@ -6263,6 +6263,7 @@
6263
6263
  --pf-t--color--blue--50: #0066cc;
6264
6264
  --pf-t--color--blue--60: #004d99;
6265
6265
  --pf-t--color--blue--70: #003366;
6266
+ --pf-t--color--blue--80: #032142;
6266
6267
  --pf-t--color--gray--10: #f2f2f2;
6267
6268
  --pf-t--color--gray--20: #e0e0e0;
6268
6269
  --pf-t--color--gray--30: #c7c7c7;
@@ -6280,6 +6281,7 @@
6280
6281
  --pf-t--color--green--50: #63993d;
6281
6282
  --pf-t--color--green--60: #3d7317;
6282
6283
  --pf-t--color--green--70: #204d00;
6284
+ --pf-t--color--green--80: #183301;
6283
6285
  --pf-t--color--orange--10: #ffe8cc;
6284
6286
  --pf-t--color--orange--20: #fccb8f;
6285
6287
  --pf-t--color--orange--30: #f8ae54;
@@ -6287,6 +6289,7 @@
6287
6289
  --pf-t--color--orange--50: #ca6c0f;
6288
6290
  --pf-t--color--orange--60: #9e4a06;
6289
6291
  --pf-t--color--orange--70: #732e00;
6292
+ --pf-t--color--orange--80: #4d1f00;
6290
6293
  --pf-t--color--purple--10: #ece6ff;
6291
6294
  --pf-t--color--purple--20: #d0c5f4;
6292
6295
  --pf-t--color--purple--30: #b6a6e9;
@@ -6294,6 +6297,7 @@
6294
6297
  --pf-t--color--purple--50: #5e40be;
6295
6298
  --pf-t--color--purple--60: #3d2785;
6296
6299
  --pf-t--color--purple--70: #21134d;
6300
+ --pf-t--color--purple--80: #1b0d33;
6297
6301
  --pf-t--color--red--10: #fce3e3;
6298
6302
  --pf-t--color--red--20: #fbc5c5;
6299
6303
  --pf-t--color--red--30: #f9a8a8;
@@ -6301,6 +6305,7 @@
6301
6305
  --pf-t--color--red--50: #ee0000;
6302
6306
  --pf-t--color--red--60: #a60000;
6303
6307
  --pf-t--color--red--70: #5f0000;
6308
+ --pf-t--color--red--80: #3f0000;
6304
6309
  --pf-t--color--red-orange--10: #ffe3d9;
6305
6310
  --pf-t--color--red-orange--20: #fbbea8;
6306
6311
  --pf-t--color--red-orange--30: #f89b78;
@@ -6308,6 +6313,7 @@
6308
6313
  --pf-t--color--red-orange--50: #f0561d;
6309
6314
  --pf-t--color--red-orange--60: #b1380b;
6310
6315
  --pf-t--color--red-orange--70: #731f00;
6316
+ --pf-t--color--red-orange--80: #4c1405;
6311
6317
  --pf-t--color--teal--10: #daf2f2;
6312
6318
  --pf-t--color--teal--20: #b9e5e5;
6313
6319
  --pf-t--color--teal--30: #9ad8d8;
@@ -6315,6 +6321,7 @@
6315
6321
  --pf-t--color--teal--50: #37a3a3;
6316
6322
  --pf-t--color--teal--60: #147878;
6317
6323
  --pf-t--color--teal--70: #004d4d;
6324
+ --pf-t--color--teal--80: #003333;
6318
6325
  --pf-t--color--white: #ffffff;
6319
6326
  --pf-t--color--yellow--10: #fff4cc;
6320
6327
  --pf-t--color--yellow--20: #ffe072;
@@ -6323,9 +6330,11 @@
6323
6330
  --pf-t--color--yellow--50: #b98412;
6324
6331
  --pf-t--color--yellow--60: #96640f;
6325
6332
  --pf-t--color--yellow--70: #73480b;
6333
+ --pf-t--color--yellow--80: #54330b;
6326
6334
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
6327
6335
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6328
6336
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6337
+ --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6329
6338
  --pf-t--global--border--radius--0: 0px;
6330
6339
  --pf-t--global--border--radius--100: 4px;
6331
6340
  --pf-t--global--border--radius--200: 6px;
@@ -6335,6 +6344,13 @@
6335
6344
  --pf-t--global--border--width--100: 1px;
6336
6345
  --pf-t--global--border--width--200: 2px;
6337
6346
  --pf-t--global--border--width--300: 3px;
6347
+ --pf-t--global--border--width--400: 4px;
6348
+ --pf-t--global--border--width--action--plain--clicked: 0px;
6349
+ --pf-t--global--border--width--action--plain--default: 0px;
6350
+ --pf-t--global--border--width--action--plain--hover: 0px;
6351
+ --pf-t--global--border--width--high-contrast--extra-strong: 0px;
6352
+ --pf-t--global--border--width--high-contrast--regular: 0px;
6353
+ --pf-t--global--border--width--high-contrast--strong: 0px;
6338
6354
  --pf-t--global--box-shadow--X--100: -10px;
6339
6355
  --pf-t--global--box-shadow--X--200: -4px;
6340
6356
  --pf-t--global--box-shadow--X--300: -1px;
@@ -6371,6 +6387,8 @@
6371
6387
  --pf-t--global--breakpoint--500: 75rem;
6372
6388
  --pf-t--global--breakpoint--550: 80rem;
6373
6389
  --pf-t--global--breakpoint--600: 90.625rem;
6390
+ --pf-t--global--color--nonstatus--green--400: #3d7019;
6391
+ --pf-t--global--color--status--success--150: #3d7019;
6374
6392
  --pf-t--global--delay--100: 0ms;
6375
6393
  --pf-t--global--delay--200: 50ms;
6376
6394
  --pf-t--global--delay--300: 100ms;
@@ -6382,6 +6400,10 @@
6382
6400
  --pf-t--global--duration--50: 50ms;
6383
6401
  --pf-t--global--duration--500: 500ms;
6384
6402
  --pf-t--global--duration--600: 600ms;
6403
+ --pf-t--global--focus-ring--position--inset: -4px;
6404
+ --pf-t--global--focus-ring--position--offset: 2px;
6405
+ --pf-t--global--focus-ring--width--inset: 3px;
6406
+ --pf-t--global--focus-ring--width--offset: 2px;
6385
6407
  --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;
6386
6408
  --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;
6387
6409
  --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
@@ -6440,6 +6462,7 @@
6440
6462
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6441
6463
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6442
6464
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6465
+ --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
6443
6466
  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6444
6467
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6445
6468
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
@@ -6462,6 +6485,7 @@
6462
6485
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
6463
6486
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
6464
6487
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
6488
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--400);
6465
6489
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
6466
6490
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
6467
6491
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
@@ -6523,56 +6547,91 @@
6523
6547
  --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
6524
6548
  --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
6525
6549
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
6550
+ --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
6551
+ --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
6526
6552
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
6527
6553
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
6528
6554
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
6529
6555
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
6530
6556
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
6557
+ --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
6558
+ --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
6531
6559
  --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
6532
6560
  --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
6533
6561
  --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
6562
+ --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
6563
+ --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
6534
6564
  --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
6535
6565
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
6536
6566
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
6567
+ --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
6568
+ --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
6569
+ --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
6537
6570
  --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
6538
6571
  --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
6539
6572
  --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
6573
+ --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
6540
6574
  --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
6541
6575
  --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
6542
6576
  --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
6577
+ --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
6578
+ --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
6543
6579
  --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
6544
6580
  --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
6545
6581
  --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
6582
+ --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
6583
+ --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
6546
6584
  --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
6547
6585
  --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
6548
6586
  --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
6587
+ --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
6588
+ --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
6549
6589
  --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
6550
6590
  --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
6551
6591
  --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
6592
+ --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
6593
+ --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
6552
6594
  --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
6553
6595
  --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
6554
6596
  --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
6597
+ --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
6598
+ --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
6555
6599
  --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
6556
6600
  --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
6557
6601
  --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
6602
+ --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
6603
+ --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
6558
6604
  --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
6559
6605
  --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
6606
+ --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
6560
6607
  --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
6608
+ --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
6561
6609
  --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
6610
+ --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
6562
6611
  --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
6612
+ --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
6563
6613
  --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
6614
+ --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
6564
6615
  --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
6565
6616
  --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
6617
+ --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
6566
6618
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
6567
6619
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
6568
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
6620
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
6569
6621
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
6570
6622
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
6623
+ --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
6571
6624
  --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
6572
6625
  --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
6626
+ --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
6573
6627
  --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
6574
6628
  --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
6575
6629
  --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
6630
+ --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
6631
+ --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
6632
+ --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
6633
+ --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
6634
+ --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
6576
6635
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
6577
6636
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
6578
6637
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
@@ -6591,6 +6650,7 @@
6591
6650
  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
6592
6651
  --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
6593
6652
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
6653
+ --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
6594
6654
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
6595
6655
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
6596
6656
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
@@ -6623,11 +6683,15 @@
6623
6683
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
6624
6684
  --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
6625
6685
  --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
6686
+ --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
6626
6687
  --pf-t--global--text--color--300: var(--pf-t--color--white);
6627
6688
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
6689
+ --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
6628
6690
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
6629
6691
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
6692
+ --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
6630
6693
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
6694
+ --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
6631
6695
  --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
6632
6696
  --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
6633
6697
  --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
@@ -6748,6 +6812,7 @@
6748
6812
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
6749
6813
  --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
6750
6814
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
6815
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--100);
6751
6816
  --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
6752
6817
  --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
6753
6818
  --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
@@ -6837,6 +6902,7 @@
6837
6902
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
6838
6903
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
6839
6904
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
6905
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
6840
6906
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
6841
6907
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
6842
6908
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7111,6 +7177,7 @@
7111
7177
 
7112
7178
  :root:where(.pf-v6-theme-dark) {
7113
7179
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7180
+ --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
7114
7181
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7115
7182
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7116
7183
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
@@ -7134,6 +7201,7 @@
7134
7201
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7135
7202
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7136
7203
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7204
+ --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
7137
7205
  --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7138
7206
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7139
7207
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
@@ -7141,6 +7209,7 @@
7141
7209
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
7142
7210
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
7143
7211
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
7212
+ --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
7144
7213
  --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
7145
7214
  --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
7146
7215
  --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
@@ -7149,6 +7218,7 @@
7149
7218
  --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
7150
7219
  --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
7151
7220
  --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
7221
+ --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
7152
7222
  --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
7153
7223
  --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
7154
7224
  --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
@@ -7171,6 +7241,7 @@
7171
7241
  --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
7172
7242
  --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
7173
7243
  --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
7244
+ --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
7174
7245
  --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
7175
7246
  --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
7176
7247
  --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
@@ -7178,16 +7249,20 @@
7178
7249
  --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
7179
7250
  --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
7180
7251
  --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
7252
+ --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
7181
7253
  --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
7182
7254
  --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
7183
7255
  --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
7184
7256
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
7185
7257
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
7186
7258
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
7259
+ --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
7187
7260
  --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
7188
7261
  --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
7262
+ --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
7189
7263
  --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
7190
7264
  --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
7265
+ --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
7191
7266
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
7192
7267
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
7193
7268
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
@@ -7198,6 +7273,7 @@
7198
7273
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
7199
7274
  --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
7200
7275
  --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
7276
+ --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
7201
7277
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
7202
7278
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
7203
7279
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
@@ -7298,6 +7374,7 @@
7298
7374
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
7299
7375
  --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
7300
7376
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
7377
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
7301
7378
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
7302
7379
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
7303
7380
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
@@ -7332,6 +7409,1100 @@
7332
7409
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7333
7410
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
7334
7411
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
7412
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
7413
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7414
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7415
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
7416
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
7417
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
7418
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
7419
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7420
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
7421
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7422
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7423
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
7424
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7425
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7426
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7427
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7428
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7429
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7430
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
7431
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
7432
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
7433
+ --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
7434
+ --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
7435
+ --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
7436
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
7437
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
7438
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
7439
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
7440
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
7441
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
7442
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
7443
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
7444
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
7445
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
7446
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
7447
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
7448
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
7449
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
7450
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
7451
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
7452
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
7453
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
7454
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
7455
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
7456
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
7457
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
7458
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
7459
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
7460
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
7461
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
7462
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
7463
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
7464
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
7465
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
7466
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7467
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7468
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7469
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7470
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7471
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
7472
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
7473
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
7474
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
7475
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7476
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
7477
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7478
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
7479
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
7480
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
7481
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
7482
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
7483
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
7484
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
7485
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
7486
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
7487
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
7488
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
7489
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
7490
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
7491
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
7492
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
7493
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7494
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
7495
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7496
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
7497
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
7498
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
7499
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
7500
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
7501
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
7502
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7503
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7504
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7505
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
7506
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
7507
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
7508
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
7509
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
7510
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
7511
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
7512
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
7513
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
7514
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
7515
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
7516
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
7517
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
7518
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
7519
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
7520
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
7521
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
7522
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
7523
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
7524
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
7525
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
7526
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
7527
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
7528
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
7529
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
7530
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
7531
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
7532
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7533
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7534
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7535
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7536
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7537
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7538
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
7539
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7540
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
7541
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7542
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
7543
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
7544
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
7545
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
7546
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
7547
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
7548
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
7549
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
7550
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
7551
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
7552
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
7553
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
7554
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
7555
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
7556
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
7557
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7558
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
7559
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7560
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
7561
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
7562
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
7563
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
7564
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
7565
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
7566
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7567
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7568
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7569
+ }
7570
+
7571
+ :root:where(.pf-v6-theme-high-contrast) {
7572
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
7573
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
7574
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7575
+ --pf-t--global--border--radius--0: 0px;
7576
+ --pf-t--global--border--radius--100: 4px;
7577
+ --pf-t--global--border--radius--200: 6px;
7578
+ --pf-t--global--border--radius--300: 16px;
7579
+ --pf-t--global--border--radius--400: 24px;
7580
+ --pf-t--global--border--radius--500: 999px;
7581
+ --pf-t--global--border--width--100: 1px;
7582
+ --pf-t--global--border--width--200: 2px;
7583
+ --pf-t--global--border--width--300: 3px;
7584
+ --pf-t--global--border--width--400: 4px;
7585
+ --pf-t--global--border--width--action--plain--default: 0px;
7586
+ --pf-t--global--box-shadow--X--100: -10px;
7587
+ --pf-t--global--box-shadow--X--200: -4px;
7588
+ --pf-t--global--box-shadow--X--300: -1px;
7589
+ --pf-t--global--box-shadow--X--400: 0px;
7590
+ --pf-t--global--box-shadow--X--50: -20px;
7591
+ --pf-t--global--box-shadow--X--500: 1px;
7592
+ --pf-t--global--box-shadow--X--600: 4px;
7593
+ --pf-t--global--box-shadow--X--700: 10px;
7594
+ --pf-t--global--box-shadow--X--800: 20px;
7595
+ --pf-t--global--box-shadow--Y--100: -10px;
7596
+ --pf-t--global--box-shadow--Y--200: -4px;
7597
+ --pf-t--global--box-shadow--Y--300: -1px;
7598
+ --pf-t--global--box-shadow--Y--400: 0px;
7599
+ --pf-t--global--box-shadow--Y--50: -20px;
7600
+ --pf-t--global--box-shadow--Y--500: 1px;
7601
+ --pf-t--global--box-shadow--Y--600: 4px;
7602
+ --pf-t--global--box-shadow--Y--700: 10px;
7603
+ --pf-t--global--box-shadow--Y--800: 20px;
7604
+ --pf-t--global--box-shadow--blur--100: 4px;
7605
+ --pf-t--global--box-shadow--blur--200: 9px;
7606
+ --pf-t--global--box-shadow--blur--300: 20px;
7607
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
7608
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
7609
+ --pf-t--global--box-shadow--spread--100: 0px;
7610
+ --pf-t--global--box-shadow--spread--200: -4px;
7611
+ --pf-t--global--box-shadow--spread--300: -8px;
7612
+ --pf-t--global--box-shadow--spread--400: -20px;
7613
+ --pf-t--global--breakpoint--100: 0rem;
7614
+ --pf-t--global--breakpoint--200: 36rem;
7615
+ --pf-t--global--breakpoint--250: 40rem;
7616
+ --pf-t--global--breakpoint--300: 48rem;
7617
+ --pf-t--global--breakpoint--350: 60rem;
7618
+ --pf-t--global--breakpoint--400: 62rem;
7619
+ --pf-t--global--breakpoint--500: 75rem;
7620
+ --pf-t--global--breakpoint--550: 80rem;
7621
+ --pf-t--global--breakpoint--600: 90.625rem;
7622
+ --pf-t--global--color--nonstatus--green--400: #3d7019;
7623
+ --pf-t--global--color--status--success--150: #3d7019;
7624
+ --pf-t--global--focus-ring--position--inset: -4px;
7625
+ --pf-t--global--focus-ring--position--offset: 2px;
7626
+ --pf-t--global--focus-ring--width--inset: 3px;
7627
+ --pf-t--global--focus-ring--width--offset: 2px;
7628
+ --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;
7629
+ --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;
7630
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
7631
+ --pf-t--global--font--line-height--100: 1.3;
7632
+ --pf-t--global--font--line-height--200: 1.5;
7633
+ --pf-t--global--font--size--100: 0.75rem;
7634
+ --pf-t--global--font--size--200: 0.875rem;
7635
+ --pf-t--global--font--size--300: 1rem;
7636
+ --pf-t--global--font--size--400: 1.125rem;
7637
+ --pf-t--global--font--size--500: 1.25rem;
7638
+ --pf-t--global--font--size--600: 1.5rem;
7639
+ --pf-t--global--font--size--700: 1.75rem;
7640
+ --pf-t--global--font--size--800: 2.25rem;
7641
+ --pf-t--global--font--weight--100: 400;
7642
+ --pf-t--global--font--weight--200: 500;
7643
+ --pf-t--global--font--weight--300: 500;
7644
+ --pf-t--global--font--weight--400: 700;
7645
+ --pf-t--global--icon--size--100: 0.75rem;
7646
+ --pf-t--global--icon--size--200: 0.875rem;
7647
+ --pf-t--global--icon--size--250: 1rem;
7648
+ --pf-t--global--icon--size--300: 1.5rem;
7649
+ --pf-t--global--icon--size--400: 3.5rem;
7650
+ --pf-t--global--icon--size--500: 6rem;
7651
+ --pf-t--global--spacer--100: 0.25rem;
7652
+ --pf-t--global--spacer--200: 0.5rem;
7653
+ --pf-t--global--spacer--300: 1rem;
7654
+ --pf-t--global--spacer--400: 1.5rem;
7655
+ --pf-t--global--spacer--500: 2rem;
7656
+ --pf-t--global--spacer--600: 3rem;
7657
+ --pf-t--global--spacer--700: 4rem;
7658
+ --pf-t--global--spacer--800: 5rem;
7659
+ --pf-t--global--text-decoration--line--100: none;
7660
+ --pf-t--global--text-decoration--line--200: underline;
7661
+ --pf-t--global--text-decoration--style--100: solid;
7662
+ --pf-t--global--text-decoration--style--200: dashed;
7663
+ --pf-t--global--z-index--100: 100;
7664
+ --pf-t--global--z-index--200: 200;
7665
+ --pf-t--global--z-index--300: 300;
7666
+ --pf-t--global--z-index--400: 400;
7667
+ --pf-t--global--z-index--500: 500;
7668
+ --pf-t--global--z-index--600: 600;
7669
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
7670
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
7671
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
7672
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
7673
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
7674
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
7675
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
7676
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
7677
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
7678
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
7679
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
7680
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
7681
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
7682
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
7683
+ --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
7684
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
7685
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
7686
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
7687
+ --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
7688
+ --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
7689
+ --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
7690
+ --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
7691
+ --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
7692
+ --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
7693
+ --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
7694
+ --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
7695
+ --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
7696
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
7697
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
7698
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
7699
+ --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
7700
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
7701
+ --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
7702
+ --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
7703
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
7704
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
7705
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
7706
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
7707
+ --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
7708
+ --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
7709
+ --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
7710
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
7711
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
7712
+ --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
7713
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
7714
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
7715
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
7716
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
7717
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
7718
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
7719
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
7720
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
7721
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
7722
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
7723
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
7724
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
7725
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
7726
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
7727
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
7728
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
7729
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
7730
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
7731
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
7732
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
7733
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
7734
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
7735
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
7736
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
7737
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
7738
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
7739
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
7740
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
7741
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
7742
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
7743
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
7744
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
7745
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
7746
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
7747
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
7748
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
7749
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
7750
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
7751
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
7752
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
7753
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
7754
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
7755
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
7756
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
7757
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
7758
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
7759
+ --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
7760
+ --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
7761
+ --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
7762
+ --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
7763
+ --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
7764
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
7765
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
7766
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
7767
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
7768
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
7769
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
7770
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
7771
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
7772
+ --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
7773
+ --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
7774
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
7775
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
7776
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
7777
+ --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
7778
+ --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
7779
+ --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
7780
+ --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
7781
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
7782
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
7783
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
7784
+ --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
7785
+ --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
7786
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
7787
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
7788
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
7789
+ --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
7790
+ --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
7791
+ --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
7792
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
7793
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
7794
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
7795
+ --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
7796
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
7797
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
7798
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
7799
+ --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
7800
+ --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
7801
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
7802
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
7803
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
7804
+ --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
7805
+ --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
7806
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
7807
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
7808
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
7809
+ --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
7810
+ --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
7811
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
7812
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
7813
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
7814
+ --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
7815
+ --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
7816
+ --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
7817
+ --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
7818
+ --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
7819
+ --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
7820
+ --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
7821
+ --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
7822
+ --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
7823
+ --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
7824
+ --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
7825
+ --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
7826
+ --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
7827
+ --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
7828
+ --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
7829
+ --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
7830
+ --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
7831
+ --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
7832
+ --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
7833
+ --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
7834
+ --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
7835
+ --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
7836
+ --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
7837
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
7838
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
7839
+ --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
7840
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
7841
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
7842
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
7843
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
7844
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
7845
+ --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
7846
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
7847
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
7848
+ --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
7849
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
7850
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
7851
+ --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
7852
+ --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
7853
+ --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
7854
+ --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
7855
+ --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
7856
+ --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
7857
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
7858
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
7859
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
7860
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
7861
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
7862
+ --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
7863
+ --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
7864
+ --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
7865
+ --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
7866
+ --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
7867
+ --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
7868
+ --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
7869
+ --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
7870
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
7871
+ --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
7872
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
7873
+ --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
7874
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
7875
+ --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
7876
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
7877
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
7878
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
7879
+ --pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
7880
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
7881
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
7882
+ --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
7883
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
7884
+ --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
7885
+ --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
7886
+ --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
7887
+ --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
7888
+ --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
7889
+ --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
7890
+ --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
7891
+ --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
7892
+ --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
7893
+ --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
7894
+ --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
7895
+ --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
7896
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
7897
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
7898
+ --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
7899
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
7900
+ --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
7901
+ --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
7902
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
7903
+ --pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
7904
+ --pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
7905
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
7906
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
7907
+ --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
7908
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
7909
+ --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
7910
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
7911
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
7912
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
7913
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
7914
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
7915
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
7916
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
7917
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
7918
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
7919
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
7920
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
7921
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
7922
+ --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
7923
+ --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
7924
+ --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
7925
+ --pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
7926
+ --pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
7927
+ --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
7928
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
7929
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
7930
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
7931
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
7932
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
7933
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
7934
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
7935
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
7936
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
7937
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
7938
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
7939
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
7940
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
7941
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
7942
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
7943
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
7944
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
7945
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
7946
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
7947
+ --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
7948
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
7949
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
7950
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
7951
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
7952
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
7953
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
7954
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
7955
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
7956
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
7957
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
7958
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
7959
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
7960
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
7961
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
7962
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
7963
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
7964
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
7965
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
7966
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
7967
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
7968
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
7969
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
7970
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
7971
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
7972
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
7973
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
7974
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
7975
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
7976
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
7977
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
7978
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
7979
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
7980
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
7981
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
7982
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
7983
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
7984
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
7985
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
7986
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
7987
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
7988
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
7989
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
7990
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
7991
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
7992
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
7993
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
7994
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
7995
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
7996
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
7997
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
7998
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
7999
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
8000
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
8001
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
8002
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
8003
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
8004
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
8005
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
8006
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
8007
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
8008
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
8009
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
8010
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
8011
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
8012
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
8013
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
8014
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
8015
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
8016
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
8017
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
8018
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
8019
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
8020
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
8021
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
8022
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
8023
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
8024
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
8025
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
8026
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
8027
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
8028
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
8029
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8030
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8031
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8032
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
8033
+ --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
8034
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
8035
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
8036
+ --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
8037
+ --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
8038
+ --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
8039
+ --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
8040
+ --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
8041
+ --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
8042
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
8043
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
8044
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
8045
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
8046
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
8047
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
8048
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
8049
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
8050
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
8051
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
8052
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
8053
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
8054
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
8055
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8056
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8057
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8058
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8059
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8060
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
8061
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
8062
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
8063
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
8064
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
8065
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
8066
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
8067
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
8068
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
8069
+ --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
8070
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
8071
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
8072
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
8073
+ --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
8074
+ --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
8075
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
8076
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
8077
+ --pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
8078
+ --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
8079
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
8080
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
8081
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
8082
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
8083
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
8084
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
8085
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
8086
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
8087
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
8088
+ --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
8089
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
8090
+ --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
8091
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
8092
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
8093
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
8094
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
8095
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
8096
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
8097
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
8098
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
8099
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
8100
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
8101
+ --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
8102
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
8103
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
8104
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8105
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
8106
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8107
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8108
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8109
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8110
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
8111
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
8112
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
8113
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8114
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8115
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
8116
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
8117
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
8118
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
8119
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
8120
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8121
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
8122
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8123
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8124
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
8125
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
8126
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
8127
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
8128
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8129
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
8130
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8131
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
8132
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
8133
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
8134
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
8135
+ --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
8136
+ --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
8137
+ --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
8138
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
8139
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
8140
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
8141
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
8142
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
8143
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
8144
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
8145
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
8146
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
8147
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
8148
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
8149
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
8150
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
8151
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
8152
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
8153
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
8154
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
8155
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
8156
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
8157
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
8158
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
8159
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
8160
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
8161
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
8162
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
8163
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
8164
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
8165
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
8166
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
8167
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
8168
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
8169
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
8170
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
8171
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8172
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8173
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
8174
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8175
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
8176
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8177
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
8178
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
8179
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
8180
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
8181
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
8182
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
8183
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
8184
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
8185
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
8186
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
8187
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
8188
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
8189
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
8190
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
8191
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
8192
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
8193
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
8194
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
8195
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
8196
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
8197
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
8198
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
8199
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
8200
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
8201
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
8202
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
8203
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
8204
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
8205
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
8206
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
8207
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
8208
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
8209
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
8210
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
8211
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
8212
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
8213
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
8214
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
8215
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
8216
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
8217
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
8218
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
8219
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
8220
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
8221
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
8222
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
8223
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
8224
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
8225
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
8226
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
8227
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
8228
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
8229
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
8230
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
8231
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
8232
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
8233
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
8234
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
8235
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
8236
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
8237
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
8238
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8239
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8240
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
8241
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
8242
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
8243
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
8244
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8245
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
8246
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8247
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
8248
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
8249
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
8250
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
8251
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
8252
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
8253
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
8254
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
8255
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
8256
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
8257
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
8258
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
8259
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
8260
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
8261
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
8262
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
8263
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
8264
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
8265
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
8266
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
8267
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
8268
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
8269
+ }
8270
+
8271
+ :root:where(.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
8272
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8273
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8274
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8275
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8276
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
8277
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8278
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8279
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
8280
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
8281
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
8282
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
8283
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
8284
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
8285
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
8286
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
8287
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
8288
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
8289
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
8290
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
8291
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
8292
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
8293
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
8294
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
8295
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
8296
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
8297
+ --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
8298
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
8299
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
8300
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
8301
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
8302
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
8303
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
8304
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
8305
+ --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
8306
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
8307
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
8308
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
8309
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
8310
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
8311
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
8312
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
8313
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
8314
+ --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
8315
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
8316
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
8317
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
8318
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
8319
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
8320
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
8321
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
8322
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
8323
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
8324
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
8325
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
8326
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
8327
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
8328
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
8329
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
8330
+ --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
8331
+ --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
8332
+ --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
8333
+ --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
8334
+ --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
8335
+ --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
8336
+ --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
8337
+ --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
8338
+ --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
8339
+ --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
8340
+ --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
8341
+ --pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
8342
+ --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
8343
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
8344
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
8345
+ --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
8346
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
8347
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
8348
+ --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
8349
+ --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
8350
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
8351
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
8352
+ --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
8353
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
8354
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
8355
+ --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
8356
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
8357
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
8358
+ --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
8359
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
8360
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
8361
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
8362
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--white);
8363
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
8364
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
8365
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
8366
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
8367
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
8368
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
8369
+ --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
8370
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8371
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8372
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
8373
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
8374
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
8375
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
8376
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
8377
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
8378
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
8379
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
8380
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
8381
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
8382
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
8383
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
8384
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
8385
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
8386
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
8387
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
8388
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
8389
+ --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
8390
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
8391
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
8392
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
8393
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
8394
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
8395
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
8396
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
8397
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
8398
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
8399
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
8400
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
8401
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
8402
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
8403
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
8404
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
8405
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
8406
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8407
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
8408
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8409
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
8410
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
8411
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
8412
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
8413
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
8414
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
8415
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
8416
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
8417
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
8418
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8419
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
8420
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8421
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
8422
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
8423
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
8424
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
8425
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
8426
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
8427
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
8428
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
8429
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
8430
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
8431
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
8432
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
8433
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
8434
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
8435
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
8436
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
8437
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
8438
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
8439
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
8440
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8441
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
8442
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8443
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
8444
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
8445
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
8446
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
8447
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
8448
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
8449
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
8450
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
8451
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
8452
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8453
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
8454
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8455
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
8456
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
8457
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
8458
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
8459
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
8460
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
8461
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
8462
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
8463
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
8464
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
8465
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
8466
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
8467
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
8468
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
8469
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
8470
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
8471
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
8472
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
8473
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
8474
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
8475
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
8476
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
8477
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
8478
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
8479
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
8480
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
8481
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
8482
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
8483
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
8484
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
8485
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
8486
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
8487
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
8488
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
8489
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
8490
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
8491
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
8492
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
8493
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
8494
+ --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
8495
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
8496
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
8497
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
8498
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
8499
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
8500
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
8501
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
8502
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
8503
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
8504
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8505
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
7335
8506
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7336
8507
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7337
8508
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);