@patternfly/patternfly 6.3.1 → 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 +29 -0
  74. package/components/Table/table.scss +33 -0
  75. package/components/Tabs/tabs.css +18 -7
  76. package/components/Tabs/tabs.scss +19 -11
  77. package/components/TextInputGroup/text-input-group.css +3 -0
  78. package/components/TextInputGroup/text-input-group.scss +4 -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 +615 -167
  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 +1787 -168
  138. package/patternfly.css +1822 -199
  139. package/patternfly.min.css +1 -1
  140. package/patternfly.min.css.map +1 -1
@@ -130,6 +130,10 @@ button) {
130
130
  cursor: pointer;
131
131
  }
132
132
 
133
+ :where(:root) {
134
+ color-scheme: light;
135
+ }
136
+
133
137
  :where(.pf-v6-theme-dark) {
134
138
  color-scheme: dark;
135
139
  }
@@ -6399,6 +6403,7 @@ button) {
6399
6403
  --pf-t--color--blue--50: #0066cc;
6400
6404
  --pf-t--color--blue--60: #004d99;
6401
6405
  --pf-t--color--blue--70: #003366;
6406
+ --pf-t--color--blue--80: #032142;
6402
6407
  --pf-t--color--gray--10: #f2f2f2;
6403
6408
  --pf-t--color--gray--20: #e0e0e0;
6404
6409
  --pf-t--color--gray--30: #c7c7c7;
@@ -6416,6 +6421,7 @@ button) {
6416
6421
  --pf-t--color--green--50: #63993d;
6417
6422
  --pf-t--color--green--60: #3d7317;
6418
6423
  --pf-t--color--green--70: #204d00;
6424
+ --pf-t--color--green--80: #183301;
6419
6425
  --pf-t--color--orange--10: #ffe8cc;
6420
6426
  --pf-t--color--orange--20: #fccb8f;
6421
6427
  --pf-t--color--orange--30: #f8ae54;
@@ -6423,6 +6429,7 @@ button) {
6423
6429
  --pf-t--color--orange--50: #ca6c0f;
6424
6430
  --pf-t--color--orange--60: #9e4a06;
6425
6431
  --pf-t--color--orange--70: #732e00;
6432
+ --pf-t--color--orange--80: #4d1f00;
6426
6433
  --pf-t--color--purple--10: #ece6ff;
6427
6434
  --pf-t--color--purple--20: #d0c5f4;
6428
6435
  --pf-t--color--purple--30: #b6a6e9;
@@ -6430,6 +6437,7 @@ button) {
6430
6437
  --pf-t--color--purple--50: #5e40be;
6431
6438
  --pf-t--color--purple--60: #3d2785;
6432
6439
  --pf-t--color--purple--70: #21134d;
6440
+ --pf-t--color--purple--80: #1b0d33;
6433
6441
  --pf-t--color--red--10: #fce3e3;
6434
6442
  --pf-t--color--red--20: #fbc5c5;
6435
6443
  --pf-t--color--red--30: #f9a8a8;
@@ -6437,6 +6445,7 @@ button) {
6437
6445
  --pf-t--color--red--50: #ee0000;
6438
6446
  --pf-t--color--red--60: #a60000;
6439
6447
  --pf-t--color--red--70: #5f0000;
6448
+ --pf-t--color--red--80: #3f0000;
6440
6449
  --pf-t--color--red-orange--10: #ffe3d9;
6441
6450
  --pf-t--color--red-orange--20: #fbbea8;
6442
6451
  --pf-t--color--red-orange--30: #f89b78;
@@ -6444,6 +6453,7 @@ button) {
6444
6453
  --pf-t--color--red-orange--50: #f0561d;
6445
6454
  --pf-t--color--red-orange--60: #b1380b;
6446
6455
  --pf-t--color--red-orange--70: #731f00;
6456
+ --pf-t--color--red-orange--80: #4c1405;
6447
6457
  --pf-t--color--teal--10: #daf2f2;
6448
6458
  --pf-t--color--teal--20: #b9e5e5;
6449
6459
  --pf-t--color--teal--30: #9ad8d8;
@@ -6451,6 +6461,7 @@ button) {
6451
6461
  --pf-t--color--teal--50: #37a3a3;
6452
6462
  --pf-t--color--teal--60: #147878;
6453
6463
  --pf-t--color--teal--70: #004d4d;
6464
+ --pf-t--color--teal--80: #003333;
6454
6465
  --pf-t--color--white: #ffffff;
6455
6466
  --pf-t--color--yellow--10: #fff4cc;
6456
6467
  --pf-t--color--yellow--20: #ffe072;
@@ -6459,9 +6470,11 @@ button) {
6459
6470
  --pf-t--color--yellow--50: #b98412;
6460
6471
  --pf-t--color--yellow--60: #96640f;
6461
6472
  --pf-t--color--yellow--70: #73480b;
6473
+ --pf-t--color--yellow--80: #54330b;
6462
6474
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
6463
6475
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6464
6476
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6477
+ --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6465
6478
  --pf-t--global--border--radius--0: 0px;
6466
6479
  --pf-t--global--border--radius--100: 4px;
6467
6480
  --pf-t--global--border--radius--200: 6px;
@@ -6471,6 +6484,13 @@ button) {
6471
6484
  --pf-t--global--border--width--100: 1px;
6472
6485
  --pf-t--global--border--width--200: 2px;
6473
6486
  --pf-t--global--border--width--300: 3px;
6487
+ --pf-t--global--border--width--400: 4px;
6488
+ --pf-t--global--border--width--action--plain--clicked: 0px;
6489
+ --pf-t--global--border--width--action--plain--default: 0px;
6490
+ --pf-t--global--border--width--action--plain--hover: 0px;
6491
+ --pf-t--global--border--width--high-contrast--extra-strong: 0px;
6492
+ --pf-t--global--border--width--high-contrast--regular: 0px;
6493
+ --pf-t--global--border--width--high-contrast--strong: 0px;
6474
6494
  --pf-t--global--box-shadow--X--100: -10px;
6475
6495
  --pf-t--global--box-shadow--X--200: -4px;
6476
6496
  --pf-t--global--box-shadow--X--300: -1px;
@@ -6507,6 +6527,8 @@ button) {
6507
6527
  --pf-t--global--breakpoint--500: 75rem;
6508
6528
  --pf-t--global--breakpoint--550: 80rem;
6509
6529
  --pf-t--global--breakpoint--600: 90.625rem;
6530
+ --pf-t--global--color--nonstatus--green--400: #3d7019;
6531
+ --pf-t--global--color--status--success--150: #3d7019;
6510
6532
  --pf-t--global--delay--100: 0ms;
6511
6533
  --pf-t--global--delay--200: 50ms;
6512
6534
  --pf-t--global--delay--300: 100ms;
@@ -6518,6 +6540,10 @@ button) {
6518
6540
  --pf-t--global--duration--50: 50ms;
6519
6541
  --pf-t--global--duration--500: 500ms;
6520
6542
  --pf-t--global--duration--600: 600ms;
6543
+ --pf-t--global--focus-ring--position--inset: -4px;
6544
+ --pf-t--global--focus-ring--position--offset: 2px;
6545
+ --pf-t--global--focus-ring--width--inset: 3px;
6546
+ --pf-t--global--focus-ring--width--offset: 2px;
6521
6547
  --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
6522
6548
  --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
6523
6549
  --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
@@ -6576,6 +6602,7 @@ button) {
6576
6602
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6577
6603
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6578
6604
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6605
+ --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
6579
6606
  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6580
6607
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6581
6608
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
@@ -6598,6 +6625,7 @@ button) {
6598
6625
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
6599
6626
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
6600
6627
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
6628
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--400);
6601
6629
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
6602
6630
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
6603
6631
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
@@ -6659,56 +6687,91 @@ button) {
6659
6687
  --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
6660
6688
  --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
6661
6689
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
6690
+ --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
6691
+ --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
6662
6692
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
6663
6693
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
6664
6694
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
6665
6695
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
6666
6696
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
6697
+ --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
6698
+ --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
6667
6699
  --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
6668
6700
  --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
6669
6701
  --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
6702
+ --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
6703
+ --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
6670
6704
  --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
6671
6705
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
6672
6706
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
6707
+ --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
6708
+ --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
6709
+ --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
6673
6710
  --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
6674
6711
  --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
6675
6712
  --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
6713
+ --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
6676
6714
  --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
6677
6715
  --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
6678
6716
  --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
6717
+ --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
6718
+ --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
6679
6719
  --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
6680
6720
  --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
6681
6721
  --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
6722
+ --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
6723
+ --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
6682
6724
  --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
6683
6725
  --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
6684
6726
  --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
6727
+ --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
6728
+ --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
6685
6729
  --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
6686
6730
  --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
6687
6731
  --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
6732
+ --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
6733
+ --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
6688
6734
  --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
6689
6735
  --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
6690
6736
  --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
6737
+ --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
6738
+ --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
6691
6739
  --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
6692
6740
  --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
6693
6741
  --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
6742
+ --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
6743
+ --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
6694
6744
  --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
6695
6745
  --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
6746
+ --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
6696
6747
  --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
6748
+ --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
6697
6749
  --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
6750
+ --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
6698
6751
  --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
6752
+ --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
6699
6753
  --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
6754
+ --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
6700
6755
  --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
6701
6756
  --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
6757
+ --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
6702
6758
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
6703
6759
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
6704
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
6760
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
6705
6761
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
6706
6762
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
6763
+ --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
6707
6764
  --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
6708
6765
  --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
6766
+ --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
6709
6767
  --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
6710
6768
  --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
6711
6769
  --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
6770
+ --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
6771
+ --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
6772
+ --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
6773
+ --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
6774
+ --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
6712
6775
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
6713
6776
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
6714
6777
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
@@ -6727,6 +6790,7 @@ button) {
6727
6790
  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
6728
6791
  --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
6729
6792
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
6793
+ --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
6730
6794
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
6731
6795
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
6732
6796
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
@@ -6759,11 +6823,15 @@ button) {
6759
6823
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
6760
6824
  --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
6761
6825
  --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
6826
+ --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
6762
6827
  --pf-t--global--text--color--300: var(--pf-t--color--white);
6763
6828
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
6829
+ --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
6764
6830
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
6765
6831
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
6832
+ --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
6766
6833
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
6834
+ --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
6767
6835
  --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
6768
6836
  --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
6769
6837
  --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
@@ -6884,6 +6952,7 @@ button) {
6884
6952
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
6885
6953
  --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
6886
6954
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
6955
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--100);
6887
6956
  --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
6888
6957
  --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
6889
6958
  --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
@@ -6973,6 +7042,7 @@ button) {
6973
7042
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
6974
7043
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
6975
7044
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
7045
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
6976
7046
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
6977
7047
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
6978
7048
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7247,6 +7317,7 @@ button) {
7247
7317
 
7248
7318
  :root:where(.pf-v6-theme-dark) {
7249
7319
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7320
+ --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
7250
7321
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7251
7322
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7252
7323
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
@@ -7270,6 +7341,7 @@ button) {
7270
7341
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7271
7342
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7272
7343
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7344
+ --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
7273
7345
  --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7274
7346
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7275
7347
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
@@ -7277,6 +7349,7 @@ button) {
7277
7349
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
7278
7350
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
7279
7351
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
7352
+ --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
7280
7353
  --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
7281
7354
  --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
7282
7355
  --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
@@ -7285,6 +7358,7 @@ button) {
7285
7358
  --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
7286
7359
  --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
7287
7360
  --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
7361
+ --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
7288
7362
  --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
7289
7363
  --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
7290
7364
  --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
@@ -7307,6 +7381,7 @@ button) {
7307
7381
  --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
7308
7382
  --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
7309
7383
  --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
7384
+ --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
7310
7385
  --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
7311
7386
  --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
7312
7387
  --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
@@ -7314,16 +7389,20 @@ button) {
7314
7389
  --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
7315
7390
  --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
7316
7391
  --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
7392
+ --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
7317
7393
  --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
7318
7394
  --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
7319
7395
  --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
7320
7396
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
7321
7397
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
7322
7398
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
7399
+ --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
7323
7400
  --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
7324
7401
  --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
7402
+ --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
7325
7403
  --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
7326
7404
  --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
7405
+ --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
7327
7406
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
7328
7407
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
7329
7408
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
@@ -7334,6 +7413,7 @@ button) {
7334
7413
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
7335
7414
  --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
7336
7415
  --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
7416
+ --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
7337
7417
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
7338
7418
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
7339
7419
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
@@ -7434,6 +7514,7 @@ button) {
7434
7514
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
7435
7515
  --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
7436
7516
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
7517
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
7437
7518
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
7438
7519
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
7439
7520
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
@@ -7468,6 +7549,1100 @@ button) {
7468
7549
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7469
7550
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
7470
7551
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
7552
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
7553
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7554
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7555
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
7556
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
7557
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
7558
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
7559
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7560
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
7561
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7562
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7563
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
7564
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7565
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7566
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7567
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7568
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7569
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7570
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
7571
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
7572
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
7573
+ --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
7574
+ --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
7575
+ --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
7576
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
7577
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
7578
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
7579
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
7580
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
7581
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
7582
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
7583
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
7584
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
7585
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
7586
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
7587
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
7588
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
7589
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
7590
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
7591
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
7592
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
7593
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
7594
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
7595
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
7596
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
7597
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
7598
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
7599
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
7600
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
7601
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
7602
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
7603
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
7604
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
7605
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
7606
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7607
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7608
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7609
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7610
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7611
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
7612
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
7613
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
7614
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
7615
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7616
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
7617
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7618
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
7619
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
7620
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
7621
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
7622
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
7623
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
7624
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
7625
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
7626
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
7627
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
7628
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
7629
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
7630
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
7631
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
7632
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
7633
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7634
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
7635
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7636
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
7637
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
7638
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
7639
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
7640
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
7641
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
7642
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7643
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7644
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7645
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
7646
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
7647
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
7648
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
7649
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
7650
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
7651
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
7652
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
7653
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
7654
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
7655
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
7656
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
7657
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
7658
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
7659
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
7660
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
7661
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
7662
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
7663
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
7664
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
7665
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
7666
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
7667
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
7668
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
7669
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
7670
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
7671
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
7672
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7673
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7674
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7675
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7676
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7677
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7678
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
7679
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7680
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
7681
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7682
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
7683
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
7684
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
7685
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
7686
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
7687
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
7688
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
7689
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
7690
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
7691
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
7692
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
7693
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
7694
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
7695
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
7696
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
7697
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7698
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
7699
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7700
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
7701
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
7702
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
7703
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
7704
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
7705
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
7706
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7707
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7708
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7709
+ }
7710
+
7711
+ :root:where(.pf-v6-theme-high-contrast) {
7712
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
7713
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
7714
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7715
+ --pf-t--global--border--radius--0: 0px;
7716
+ --pf-t--global--border--radius--100: 4px;
7717
+ --pf-t--global--border--radius--200: 6px;
7718
+ --pf-t--global--border--radius--300: 16px;
7719
+ --pf-t--global--border--radius--400: 24px;
7720
+ --pf-t--global--border--radius--500: 999px;
7721
+ --pf-t--global--border--width--100: 1px;
7722
+ --pf-t--global--border--width--200: 2px;
7723
+ --pf-t--global--border--width--300: 3px;
7724
+ --pf-t--global--border--width--400: 4px;
7725
+ --pf-t--global--border--width--action--plain--default: 0px;
7726
+ --pf-t--global--box-shadow--X--100: -10px;
7727
+ --pf-t--global--box-shadow--X--200: -4px;
7728
+ --pf-t--global--box-shadow--X--300: -1px;
7729
+ --pf-t--global--box-shadow--X--400: 0px;
7730
+ --pf-t--global--box-shadow--X--50: -20px;
7731
+ --pf-t--global--box-shadow--X--500: 1px;
7732
+ --pf-t--global--box-shadow--X--600: 4px;
7733
+ --pf-t--global--box-shadow--X--700: 10px;
7734
+ --pf-t--global--box-shadow--X--800: 20px;
7735
+ --pf-t--global--box-shadow--Y--100: -10px;
7736
+ --pf-t--global--box-shadow--Y--200: -4px;
7737
+ --pf-t--global--box-shadow--Y--300: -1px;
7738
+ --pf-t--global--box-shadow--Y--400: 0px;
7739
+ --pf-t--global--box-shadow--Y--50: -20px;
7740
+ --pf-t--global--box-shadow--Y--500: 1px;
7741
+ --pf-t--global--box-shadow--Y--600: 4px;
7742
+ --pf-t--global--box-shadow--Y--700: 10px;
7743
+ --pf-t--global--box-shadow--Y--800: 20px;
7744
+ --pf-t--global--box-shadow--blur--100: 4px;
7745
+ --pf-t--global--box-shadow--blur--200: 9px;
7746
+ --pf-t--global--box-shadow--blur--300: 20px;
7747
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
7748
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
7749
+ --pf-t--global--box-shadow--spread--100: 0px;
7750
+ --pf-t--global--box-shadow--spread--200: -4px;
7751
+ --pf-t--global--box-shadow--spread--300: -8px;
7752
+ --pf-t--global--box-shadow--spread--400: -20px;
7753
+ --pf-t--global--breakpoint--100: 0rem;
7754
+ --pf-t--global--breakpoint--200: 36rem;
7755
+ --pf-t--global--breakpoint--250: 40rem;
7756
+ --pf-t--global--breakpoint--300: 48rem;
7757
+ --pf-t--global--breakpoint--350: 60rem;
7758
+ --pf-t--global--breakpoint--400: 62rem;
7759
+ --pf-t--global--breakpoint--500: 75rem;
7760
+ --pf-t--global--breakpoint--550: 80rem;
7761
+ --pf-t--global--breakpoint--600: 90.625rem;
7762
+ --pf-t--global--color--nonstatus--green--400: #3d7019;
7763
+ --pf-t--global--color--status--success--150: #3d7019;
7764
+ --pf-t--global--focus-ring--position--inset: -4px;
7765
+ --pf-t--global--focus-ring--position--offset: 2px;
7766
+ --pf-t--global--focus-ring--width--inset: 3px;
7767
+ --pf-t--global--focus-ring--width--offset: 2px;
7768
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
7769
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
7770
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
7771
+ --pf-t--global--font--line-height--100: 1.3;
7772
+ --pf-t--global--font--line-height--200: 1.5;
7773
+ --pf-t--global--font--size--100: 0.75rem;
7774
+ --pf-t--global--font--size--200: 0.875rem;
7775
+ --pf-t--global--font--size--300: 1rem;
7776
+ --pf-t--global--font--size--400: 1.125rem;
7777
+ --pf-t--global--font--size--500: 1.25rem;
7778
+ --pf-t--global--font--size--600: 1.5rem;
7779
+ --pf-t--global--font--size--700: 1.75rem;
7780
+ --pf-t--global--font--size--800: 2.25rem;
7781
+ --pf-t--global--font--weight--100: 400;
7782
+ --pf-t--global--font--weight--200: 500;
7783
+ --pf-t--global--font--weight--300: 500;
7784
+ --pf-t--global--font--weight--400: 700;
7785
+ --pf-t--global--icon--size--100: 0.75rem;
7786
+ --pf-t--global--icon--size--200: 0.875rem;
7787
+ --pf-t--global--icon--size--250: 1rem;
7788
+ --pf-t--global--icon--size--300: 1.5rem;
7789
+ --pf-t--global--icon--size--400: 3.5rem;
7790
+ --pf-t--global--icon--size--500: 6rem;
7791
+ --pf-t--global--spacer--100: 0.25rem;
7792
+ --pf-t--global--spacer--200: 0.5rem;
7793
+ --pf-t--global--spacer--300: 1rem;
7794
+ --pf-t--global--spacer--400: 1.5rem;
7795
+ --pf-t--global--spacer--500: 2rem;
7796
+ --pf-t--global--spacer--600: 3rem;
7797
+ --pf-t--global--spacer--700: 4rem;
7798
+ --pf-t--global--spacer--800: 5rem;
7799
+ --pf-t--global--text-decoration--line--100: none;
7800
+ --pf-t--global--text-decoration--line--200: underline;
7801
+ --pf-t--global--text-decoration--style--100: solid;
7802
+ --pf-t--global--text-decoration--style--200: dashed;
7803
+ --pf-t--global--z-index--100: 100;
7804
+ --pf-t--global--z-index--200: 200;
7805
+ --pf-t--global--z-index--300: 300;
7806
+ --pf-t--global--z-index--400: 400;
7807
+ --pf-t--global--z-index--500: 500;
7808
+ --pf-t--global--z-index--600: 600;
7809
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
7810
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
7811
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
7812
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
7813
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
7814
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
7815
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
7816
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
7817
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
7818
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
7819
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
7820
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
7821
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
7822
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
7823
+ --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
7824
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
7825
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
7826
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
7827
+ --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
7828
+ --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
7829
+ --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
7830
+ --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
7831
+ --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
7832
+ --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
7833
+ --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
7834
+ --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
7835
+ --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
7836
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
7837
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
7838
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
7839
+ --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
7840
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
7841
+ --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
7842
+ --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
7843
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
7844
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
7845
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
7846
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
7847
+ --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
7848
+ --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
7849
+ --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
7850
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
7851
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
7852
+ --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
7853
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
7854
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
7855
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
7856
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
7857
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
7858
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
7859
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
7860
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
7861
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
7862
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
7863
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
7864
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
7865
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
7866
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
7867
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
7868
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
7869
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
7870
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
7871
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
7872
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
7873
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
7874
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
7875
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
7876
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
7877
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
7878
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
7879
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
7880
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
7881
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
7882
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
7883
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
7884
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
7885
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
7886
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
7887
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
7888
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
7889
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
7890
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
7891
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
7892
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
7893
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
7894
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
7895
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
7896
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
7897
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
7898
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
7899
+ --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
7900
+ --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
7901
+ --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
7902
+ --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
7903
+ --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
7904
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
7905
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
7906
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
7907
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
7908
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
7909
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
7910
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
7911
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
7912
+ --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
7913
+ --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
7914
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
7915
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
7916
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
7917
+ --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
7918
+ --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
7919
+ --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
7920
+ --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
7921
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
7922
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
7923
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
7924
+ --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
7925
+ --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
7926
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
7927
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
7928
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
7929
+ --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
7930
+ --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
7931
+ --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
7932
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
7933
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
7934
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
7935
+ --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
7936
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
7937
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
7938
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
7939
+ --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
7940
+ --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
7941
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
7942
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
7943
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
7944
+ --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
7945
+ --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
7946
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
7947
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
7948
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
7949
+ --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
7950
+ --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
7951
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
7952
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
7953
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
7954
+ --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
7955
+ --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
7956
+ --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
7957
+ --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
7958
+ --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
7959
+ --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
7960
+ --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
7961
+ --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
7962
+ --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
7963
+ --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
7964
+ --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
7965
+ --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
7966
+ --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
7967
+ --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
7968
+ --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
7969
+ --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
7970
+ --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
7971
+ --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
7972
+ --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
7973
+ --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
7974
+ --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
7975
+ --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
7976
+ --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
7977
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
7978
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
7979
+ --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
7980
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
7981
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
7982
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
7983
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
7984
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
7985
+ --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
7986
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
7987
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
7988
+ --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
7989
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
7990
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
7991
+ --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
7992
+ --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
7993
+ --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
7994
+ --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
7995
+ --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
7996
+ --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
7997
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
7998
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
7999
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
8000
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
8001
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
8002
+ --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
8003
+ --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
8004
+ --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
8005
+ --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
8006
+ --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
8007
+ --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
8008
+ --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
8009
+ --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
8010
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
8011
+ --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
8012
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
8013
+ --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
8014
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
8015
+ --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
8016
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
8017
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
8018
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
8019
+ --pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
8020
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
8021
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
8022
+ --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
8023
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
8024
+ --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
8025
+ --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
8026
+ --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
8027
+ --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
8028
+ --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
8029
+ --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
8030
+ --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
8031
+ --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
8032
+ --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
8033
+ --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
8034
+ --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
8035
+ --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
8036
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
8037
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
8038
+ --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
8039
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
8040
+ --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
8041
+ --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
8042
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
8043
+ --pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
8044
+ --pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
8045
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
8046
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
8047
+ --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
8048
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
8049
+ --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
8050
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
8051
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
8052
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
8053
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
8054
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
8055
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
8056
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
8057
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
8058
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
8059
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
8060
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
8061
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
8062
+ --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
8063
+ --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
8064
+ --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
8065
+ --pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
8066
+ --pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
8067
+ --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
8068
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
8069
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
8070
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
8071
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
8072
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
8073
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
8074
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
8075
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
8076
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
8077
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
8078
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
8079
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
8080
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
8081
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
8082
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
8083
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
8084
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
8085
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
8086
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
8087
+ --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
8088
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
8089
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
8090
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
8091
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
8092
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
8093
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
8094
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
8095
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
8096
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
8097
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
8098
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
8099
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
8100
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
8101
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
8102
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
8103
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
8104
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
8105
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
8106
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
8107
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
8108
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
8109
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
8110
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
8111
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
8112
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
8113
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
8114
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
8115
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
8116
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8117
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8118
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8119
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8120
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8121
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
8122
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
8123
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
8124
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
8125
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
8126
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
8127
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
8128
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
8129
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
8130
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
8131
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
8132
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
8133
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
8134
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
8135
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
8136
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
8137
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
8138
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
8139
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
8140
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
8141
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
8142
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
8143
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
8144
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
8145
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
8146
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
8147
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
8148
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
8149
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
8150
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
8151
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
8152
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
8153
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
8154
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
8155
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
8156
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
8157
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
8158
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
8159
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
8160
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
8161
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
8162
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
8163
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
8164
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
8165
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
8166
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
8167
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
8168
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
8169
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8170
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8171
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8172
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
8173
+ --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
8174
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
8175
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
8176
+ --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
8177
+ --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
8178
+ --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
8179
+ --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
8180
+ --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
8181
+ --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
8182
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
8183
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
8184
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
8185
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
8186
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
8187
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
8188
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
8189
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
8190
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
8191
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
8192
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
8193
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
8194
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
8195
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8196
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8197
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8198
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8199
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8200
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
8201
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
8202
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
8203
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
8204
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
8205
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
8206
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
8207
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
8208
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
8209
+ --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
8210
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
8211
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
8212
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
8213
+ --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
8214
+ --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
8215
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
8216
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
8217
+ --pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
8218
+ --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
8219
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
8220
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
8221
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
8222
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
8223
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
8224
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
8225
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
8226
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
8227
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
8228
+ --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
8229
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
8230
+ --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
8231
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
8232
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
8233
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
8234
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
8235
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
8236
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
8237
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
8238
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
8239
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
8240
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
8241
+ --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
8242
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
8243
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
8244
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8245
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
8246
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8247
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8248
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8249
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8250
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
8251
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
8252
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
8253
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8254
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8255
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
8256
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
8257
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
8258
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
8259
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
8260
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8261
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
8262
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8263
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8264
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
8265
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
8266
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
8267
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
8268
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8269
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
8270
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8271
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
8272
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
8273
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
8274
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
8275
+ --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
8276
+ --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
8277
+ --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
8278
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
8279
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
8280
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
8281
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
8282
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
8283
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
8284
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
8285
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
8286
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
8287
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
8288
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
8289
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
8290
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
8291
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
8292
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
8293
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
8294
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
8295
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
8296
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
8297
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
8298
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
8299
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
8300
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
8301
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
8302
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
8303
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
8304
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
8305
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
8306
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
8307
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
8308
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
8309
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
8310
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
8311
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8312
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8313
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
8314
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8315
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
8316
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8317
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
8318
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
8319
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
8320
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
8321
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
8322
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
8323
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
8324
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
8325
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
8326
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
8327
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
8328
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
8329
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
8330
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
8331
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
8332
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
8333
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
8334
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
8335
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
8336
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
8337
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
8338
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
8339
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
8340
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
8341
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
8342
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
8343
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
8344
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
8345
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
8346
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
8347
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
8348
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
8349
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
8350
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
8351
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
8352
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
8353
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
8354
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
8355
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
8356
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
8357
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
8358
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
8359
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
8360
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
8361
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
8362
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
8363
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
8364
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
8365
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
8366
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
8367
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
8368
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
8369
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
8370
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
8371
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
8372
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
8373
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
8374
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
8375
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
8376
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
8377
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
8378
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8379
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8380
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
8381
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
8382
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
8383
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
8384
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8385
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
8386
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8387
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
8388
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
8389
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
8390
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
8391
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
8392
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
8393
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
8394
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
8395
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
8396
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
8397
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
8398
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
8399
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
8400
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
8401
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
8402
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
8403
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
8404
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
8405
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
8406
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
8407
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
8408
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
8409
+ }
8410
+
8411
+ :root:where(.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
8412
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8413
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8414
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8415
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8416
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
8417
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8418
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8419
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
8420
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
8421
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
8422
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
8423
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
8424
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
8425
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
8426
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
8427
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
8428
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
8429
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
8430
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
8431
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
8432
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
8433
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
8434
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
8435
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
8436
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
8437
+ --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
8438
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
8439
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
8440
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
8441
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
8442
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
8443
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
8444
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
8445
+ --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
8446
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
8447
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
8448
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
8449
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
8450
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
8451
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
8452
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
8453
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
8454
+ --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
8455
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
8456
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
8457
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
8458
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
8459
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
8460
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
8461
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
8462
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
8463
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
8464
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
8465
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
8466
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
8467
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
8468
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
8469
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
8470
+ --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
8471
+ --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
8472
+ --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
8473
+ --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
8474
+ --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
8475
+ --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
8476
+ --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
8477
+ --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
8478
+ --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
8479
+ --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
8480
+ --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
8481
+ --pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
8482
+ --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
8483
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
8484
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
8485
+ --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
8486
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
8487
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
8488
+ --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
8489
+ --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
8490
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
8491
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
8492
+ --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
8493
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
8494
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
8495
+ --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
8496
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
8497
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
8498
+ --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
8499
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
8500
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
8501
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
8502
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--white);
8503
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
8504
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
8505
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
8506
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
8507
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
8508
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
8509
+ --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
8510
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8511
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8512
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
8513
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
8514
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
8515
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
8516
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
8517
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
8518
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
8519
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
8520
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
8521
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
8522
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
8523
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
8524
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
8525
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
8526
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
8527
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
8528
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
8529
+ --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
8530
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
8531
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
8532
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
8533
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
8534
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
8535
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
8536
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
8537
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
8538
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
8539
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
8540
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
8541
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
8542
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
8543
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
8544
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
8545
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
8546
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8547
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
8548
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8549
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
8550
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
8551
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
8552
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
8553
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
8554
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
8555
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
8556
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
8557
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
8558
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8559
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
8560
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8561
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
8562
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
8563
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
8564
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
8565
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
8566
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
8567
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
8568
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
8569
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
8570
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
8571
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
8572
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
8573
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
8574
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
8575
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
8576
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
8577
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
8578
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
8579
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
8580
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8581
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
8582
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
8583
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
8584
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
8585
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
8586
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
8587
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
8588
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
8589
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
8590
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
8591
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
8592
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8593
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
8594
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8595
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
8596
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
8597
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
8598
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
8599
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
8600
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
8601
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
8602
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
8603
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
8604
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
8605
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
8606
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
8607
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
8608
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
8609
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
8610
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
8611
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
8612
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
8613
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
8614
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
8615
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
8616
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
8617
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
8618
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
8619
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
8620
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
8621
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
8622
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
8623
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
8624
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
8625
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
8626
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
8627
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
8628
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
8629
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
8630
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
8631
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
8632
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
8633
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
8634
+ --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
8635
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
8636
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
8637
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
8638
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
8639
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
8640
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
8641
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
8642
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
8643
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
8644
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8645
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
7471
8646
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7472
8647
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7473
8648
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);