@patternfly/patternfly 6.5.0-prerelease.92 → 6.5.0-prerelease.93

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 (26) hide show
  1. package/base/patternfly-variables.css +157 -54
  2. package/base/patternfly-variables.scss +8 -8
  3. package/base/tokens/tokens-charts-dark.scss +1 -1
  4. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  5. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  6. package/base/tokens/tokens-charts.scss +1 -1
  7. package/base/tokens/tokens-dark.scss +1 -1
  8. package/base/tokens/tokens-default.scss +1 -1
  9. package/base/tokens/tokens-felt-dark.scss +1 -1
  10. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  11. package/base/tokens/tokens-felt-glass.scss +1 -1
  12. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  13. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  14. package/base/tokens/tokens-felt.scss +1 -1
  15. package/base/tokens/tokens-glass-dark.scss +1 -1
  16. package/base/tokens/tokens-glass.scss +1 -1
  17. package/base/tokens/tokens-highcontrast-dark.scss +53 -5
  18. package/base/tokens/tokens-highcontrast.scss +78 -23
  19. package/base/tokens/tokens-palette.scss +1 -1
  20. package/package.json +1 -1
  21. package/patternfly-base-no-globals.css +157 -54
  22. package/patternfly-base.css +157 -54
  23. package/patternfly-no-globals.css +157 -54
  24. package/patternfly.css +157 -54
  25. package/patternfly.min.css +1 -1
  26. package/patternfly.min.css.map +1 -1
package/patternfly-base.css CHANGED
@@ -7460,10 +7460,23 @@ button) {
7460
7460
  --pf-t--global--background--image--default: none;
7461
7461
  }
7462
7462
 
7463
+ :root:where(.pf-v6-theme-felt) {
7464
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
7465
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
7466
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
7467
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
7468
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
7469
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
7470
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
7471
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
7472
+ }
7473
+
7463
7474
  :root:where(.pf-v6-theme-high-contrast) {
7464
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
7475
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
7465
7476
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
7477
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
7466
7478
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7479
+ --pf-t--global--background--filter--glass--blur--primary: initial;
7467
7480
  --pf-t--global--border--radius--0: 0px;
7468
7481
  --pf-t--global--border--radius--100: 4px;
7469
7482
  --pf-t--global--border--radius--200: 6px;
@@ -7477,10 +7490,10 @@ button) {
7477
7490
  --pf-t--global--border--width--action--plain--default: 0px;
7478
7491
  --pf-t--global--box-shadow--X--100: -10px;
7479
7492
  --pf-t--global--box-shadow--X--200: -4px;
7480
- --pf-t--global--box-shadow--X--300: -1px;
7493
+ --pf-t--global--box-shadow--X--300: -2px;
7481
7494
  --pf-t--global--box-shadow--X--400: 0px;
7482
7495
  --pf-t--global--box-shadow--X--50: -20px;
7483
- --pf-t--global--box-shadow--X--500: 1px;
7496
+ --pf-t--global--box-shadow--X--500: 2px;
7484
7497
  --pf-t--global--box-shadow--X--600: 4px;
7485
7498
  --pf-t--global--box-shadow--X--700: 10px;
7486
7499
  --pf-t--global--box-shadow--X--800: 20px;
@@ -7493,8 +7506,8 @@ button) {
7493
7506
  --pf-t--global--box-shadow--Y--600: 4px;
7494
7507
  --pf-t--global--box-shadow--Y--700: 10px;
7495
7508
  --pf-t--global--box-shadow--Y--800: 20px;
7496
- --pf-t--global--box-shadow--blur--100: 4px;
7497
- --pf-t--global--box-shadow--blur--200: 9px;
7509
+ --pf-t--global--box-shadow--blur--100: 6px;
7510
+ --pf-t--global--box-shadow--blur--200: 10px;
7498
7511
  --pf-t--global--box-shadow--blur--300: 20px;
7499
7512
  --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
7500
7513
  --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
@@ -7568,10 +7581,13 @@ button) {
7568
7581
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
7569
7582
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
7570
7583
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
7584
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
7585
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
7586
+ --pf-t--global--background--color--striped--row--default: var(--pf-t--global--background--color--700);
7571
7587
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
7572
7588
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
7573
7589
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
7574
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
7590
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
7575
7591
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
7576
7592
  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
7577
7593
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
@@ -7663,9 +7679,17 @@ button) {
7663
7679
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
7664
7680
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
7665
7681
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
7682
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
7683
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
7684
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--gray--60);
7685
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
7686
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
7687
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
7688
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
7689
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
7666
7690
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
7667
7691
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
7668
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
7692
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
7669
7693
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
7670
7694
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
7671
7695
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -7731,7 +7755,7 @@ button) {
7731
7755
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
7732
7756
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
7733
7757
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
7734
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
7758
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
7735
7759
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
7736
7760
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
7737
7761
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -7767,10 +7791,6 @@ button) {
7767
7791
  --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
7768
7792
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
7769
7793
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
7770
- --pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
7771
- --pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
7772
- --pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
7773
- --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
7774
7794
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
7775
7795
  --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
7776
7796
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
@@ -7791,9 +7811,6 @@ button) {
7791
7811
  --pf-t--global--text--color--300: var(--pf-t--color--white);
7792
7812
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
7793
7813
  --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
7794
- --pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
7795
- --pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
7796
- --pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
7797
7814
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
7798
7815
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
7799
7816
  --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
@@ -7809,8 +7826,8 @@ button) {
7809
7826
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
7810
7827
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
7811
7828
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
7812
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
7813
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
7829
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
7830
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
7814
7831
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
7815
7832
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
7816
7833
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -7833,8 +7850,13 @@ button) {
7833
7850
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
7834
7851
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
7835
7852
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
7853
+ --pf-t--global--background--color--sticky--default: var(--pf-t--global--background--color--100);
7854
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
7855
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
7856
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
7836
7857
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
7837
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
7858
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
7859
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
7838
7860
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
7839
7861
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
7840
7862
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
@@ -7870,12 +7892,22 @@ button) {
7870
7892
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
7871
7893
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
7872
7894
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
7895
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
7896
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
7897
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
7898
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
7899
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
7900
+ --pf-t--global--border--radius--glass--default: initial;
7901
+ --pf-t--global--border--width--glass--default: initial;
7873
7902
  --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
7874
7903
  --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
7875
7904
  --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
7876
7905
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
7877
7906
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
7878
7907
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
7908
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
7909
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
7910
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
7879
7911
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
7880
7912
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
7881
7913
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
@@ -7931,6 +7963,9 @@ button) {
7931
7963
  --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
7932
7964
  --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
7933
7965
  --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
7966
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
7967
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
7968
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
7934
7969
  --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
7935
7970
  --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
7936
7971
  --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
@@ -7944,8 +7979,6 @@ button) {
7944
7979
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
7945
7980
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
7946
7981
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
7947
- --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
7948
- --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
7949
7982
  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
7950
7983
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
7951
7984
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
@@ -7984,6 +8017,9 @@ button) {
7984
8017
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
7985
8018
  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
7986
8019
  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
8020
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
8021
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
8022
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
7987
8023
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
7988
8024
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
7989
8025
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
@@ -7993,22 +8029,27 @@ button) {
7993
8029
  --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
7994
8030
  --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
7995
8031
  --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
7996
- --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8032
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
7997
8033
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
7998
- --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8034
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
7999
8035
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8000
8036
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8001
8037
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8002
8038
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
8039
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
8003
8040
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
8004
8041
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
8042
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
8005
8043
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8006
8044
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8007
8045
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
8046
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
8047
+ --pf-t--global--background--color--glass--primary--default: initial;
8008
8048
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
8009
8049
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
8010
8050
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
8011
8051
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
8052
+ --pf-t--global--border--color--glass--default: initial;
8012
8053
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8013
8054
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
8014
8055
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
@@ -8020,6 +8061,9 @@ button) {
8020
8061
  --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
8021
8062
  --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
8022
8063
  --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
8064
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
8065
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
8066
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
8023
8067
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
8024
8068
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
8025
8069
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -8057,9 +8101,15 @@ button) {
8057
8101
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
8058
8102
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
8059
8103
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
8104
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
8105
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
8106
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
8060
8107
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
8061
8108
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
8062
8109
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
8110
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
8111
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
8112
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
8063
8113
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8064
8114
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8065
8115
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -8081,6 +8131,9 @@ button) {
8081
8131
  --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
8082
8132
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
8083
8133
  --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
8134
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
8135
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
8136
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
8084
8137
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
8085
8138
  --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
8086
8139
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
@@ -8123,9 +8176,15 @@ button) {
8123
8176
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
8124
8177
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
8125
8178
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
8179
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
8180
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
8181
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
8126
8182
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
8127
8183
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
8128
8184
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
8185
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
8186
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
8187
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
8129
8188
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
8130
8189
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8131
8190
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -8157,7 +8216,14 @@ button) {
8157
8216
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
8158
8217
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
8159
8218
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
8219
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
8220
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
8221
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
8222
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
8160
8223
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
8224
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
8225
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
8226
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
8161
8227
  }
8162
8228
 
8163
8229
  :root:where(.pf-v6-theme-glass) {
@@ -8180,17 +8246,6 @@ button) {
8180
8246
  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
8181
8247
  }
8182
8248
 
8183
- :root:where(.pf-v6-theme-felt) {
8184
- --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8185
- --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8186
- --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8187
- --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8188
- --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8189
- --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8190
- --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8191
- --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8192
- }
8193
-
8194
8249
  :root:where(.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
8195
8250
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
8196
8251
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
@@ -8784,15 +8839,37 @@ button) {
8784
8839
  --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
8785
8840
  }
8786
8841
 
8842
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
8843
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
8844
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
8845
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
8846
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
8847
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
8848
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
8849
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--300);
8850
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300);
8851
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular);
8852
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
8853
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular);
8854
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
8855
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
8856
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
8857
+ }
8858
+
8787
8859
  :root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
8788
8860
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8861
+ --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8862
+ --pf-t--global--background--filter--glass--blur--primary: initial;
8789
8863
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8790
8864
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8865
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8791
8866
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8792
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
8867
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8793
8868
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8794
8869
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8795
8870
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
8871
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
8872
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
8796
8873
  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
8797
8874
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
8798
8875
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
@@ -8808,13 +8885,21 @@ button) {
8808
8885
  --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
8809
8886
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
8810
8887
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
8811
- --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
8888
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--60);
8812
8889
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
8813
8890
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
8814
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
8891
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
8815
8892
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
8816
8893
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
8817
8894
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
8895
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
8896
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--60);
8897
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--40);
8898
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--gray--20);
8899
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
8900
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
8901
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
8902
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
8818
8903
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
8819
8904
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
8820
8905
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -8886,11 +8971,12 @@ button) {
8886
8971
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8887
8972
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8888
8973
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
8889
- --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
8974
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--100);
8890
8975
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
8891
8976
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
8892
8977
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
8893
8978
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
8979
+ --pf-t--global--background--color--glass--primary--default: initial;
8894
8980
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
8895
8981
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
8896
8982
  --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
@@ -8901,8 +8987,13 @@ button) {
8901
8987
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
8902
8988
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
8903
8989
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
8990
+ --pf-t--global--background--color--sticky--default: var(--pf-t--global--dark--background--color--200);
8904
8991
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
8992
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
8993
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
8994
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
8905
8995
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
8996
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
8906
8997
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
8907
8998
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
8908
8999
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
@@ -8935,9 +9026,13 @@ button) {
8935
9026
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
8936
9027
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8937
9028
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
9029
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
8938
9030
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
8939
9031
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
8940
9032
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
9033
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
9034
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
9035
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
8941
9036
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
8942
9037
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
8943
9038
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -9014,9 +9109,12 @@ button) {
9014
9109
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
9015
9110
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
9016
9111
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
9112
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--dark--border--color--300);
9113
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
9017
9114
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
9018
9115
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
9019
9116
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
9117
+ --pf-t--global--border--color--glass--default: initial;
9020
9118
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
9021
9119
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9022
9120
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
@@ -9034,6 +9132,9 @@ button) {
9034
9132
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
9035
9133
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
9036
9134
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
9135
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
9136
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
9137
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
9037
9138
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
9038
9139
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
9039
9140
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -9072,9 +9173,15 @@ button) {
9072
9173
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
9073
9174
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
9074
9175
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
9176
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
9177
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
9178
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
9075
9179
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
9076
9180
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
9077
9181
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
9182
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
9183
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
9184
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
9078
9185
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
9079
9186
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
9080
9187
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -9138,9 +9245,15 @@ button) {
9138
9245
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
9139
9246
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
9140
9247
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
9248
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
9249
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
9250
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
9141
9251
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
9142
9252
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
9143
9253
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
9254
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
9255
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
9256
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
9144
9257
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
9145
9258
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
9146
9259
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -9175,6 +9288,13 @@ button) {
9175
9288
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
9176
9289
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
9177
9290
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
9291
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
9292
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
9293
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
9294
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
9295
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
9296
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
9297
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
9178
9298
  }
9179
9299
 
9180
9300
  :root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
@@ -9200,23 +9320,6 @@ button) {
9200
9320
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass--dark, url("./assets/images/PF-Bkg-Generic-Dark.svg"));
9201
9321
  }
9202
9322
 
9203
- :root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
9204
- --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9205
- --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9206
- --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9207
- --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
9208
- --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
9209
- --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
9210
- --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--300);
9211
- --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300);
9212
- --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular);
9213
- --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
9214
- --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular);
9215
- --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
9216
- --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
9217
- --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
9218
- }
9219
-
9220
9323
  :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
9221
9324
  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
9222
9325
  --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);