@patternfly/patternfly 6.5.0-prerelease.91 → 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 (32) 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-local-felt-glass-dark.scss +2 -2
  20. package/base/tokens/tokens-local-felt-glass.scss +2 -2
  21. package/base/tokens/tokens-local-glass-dark.scss +2 -2
  22. package/base/tokens/tokens-local-glass.scss +2 -2
  23. package/base/tokens/tokens-local.scss +1 -1
  24. package/base/tokens/tokens-palette.scss +1 -1
  25. package/package.json +1 -1
  26. package/patternfly-base-no-globals.css +157 -54
  27. package/patternfly-base.css +157 -54
  28. package/patternfly-no-globals.css +157 -54
  29. package/patternfly.css +157 -54
  30. package/patternfly.min.css +1 -1
  31. package/patternfly.min.css.map +1 -1
  32. package/sass-utilities/scss-variables.scss +3 -0
package/patternfly-no-globals.css CHANGED
@@ -7305,10 +7305,23 @@
7305
7305
  --pf-t--global--background--image--default: none;
7306
7306
  }
7307
7307
 
7308
+ :root:where(.pf-v6-theme-felt) {
7309
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
7310
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
7311
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
7312
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
7313
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
7314
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
7315
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
7316
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
7317
+ }
7318
+
7308
7319
  :root:where(.pf-v6-theme-high-contrast) {
7309
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
7320
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
7310
7321
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
7322
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
7311
7323
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7324
+ --pf-t--global--background--filter--glass--blur--primary: initial;
7312
7325
  --pf-t--global--border--radius--0: 0px;
7313
7326
  --pf-t--global--border--radius--100: 4px;
7314
7327
  --pf-t--global--border--radius--200: 6px;
@@ -7322,10 +7335,10 @@
7322
7335
  --pf-t--global--border--width--action--plain--default: 0px;
7323
7336
  --pf-t--global--box-shadow--X--100: -10px;
7324
7337
  --pf-t--global--box-shadow--X--200: -4px;
7325
- --pf-t--global--box-shadow--X--300: -1px;
7338
+ --pf-t--global--box-shadow--X--300: -2px;
7326
7339
  --pf-t--global--box-shadow--X--400: 0px;
7327
7340
  --pf-t--global--box-shadow--X--50: -20px;
7328
- --pf-t--global--box-shadow--X--500: 1px;
7341
+ --pf-t--global--box-shadow--X--500: 2px;
7329
7342
  --pf-t--global--box-shadow--X--600: 4px;
7330
7343
  --pf-t--global--box-shadow--X--700: 10px;
7331
7344
  --pf-t--global--box-shadow--X--800: 20px;
@@ -7338,8 +7351,8 @@
7338
7351
  --pf-t--global--box-shadow--Y--600: 4px;
7339
7352
  --pf-t--global--box-shadow--Y--700: 10px;
7340
7353
  --pf-t--global--box-shadow--Y--800: 20px;
7341
- --pf-t--global--box-shadow--blur--100: 4px;
7342
- --pf-t--global--box-shadow--blur--200: 9px;
7354
+ --pf-t--global--box-shadow--blur--100: 6px;
7355
+ --pf-t--global--box-shadow--blur--200: 10px;
7343
7356
  --pf-t--global--box-shadow--blur--300: 20px;
7344
7357
  --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
7345
7358
  --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
@@ -7413,10 +7426,13 @@
7413
7426
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
7414
7427
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
7415
7428
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
7429
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
7430
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
7431
+ --pf-t--global--background--color--striped--row--default: var(--pf-t--global--background--color--700);
7416
7432
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
7417
7433
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
7418
7434
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
7419
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
7435
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
7420
7436
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
7421
7437
  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
7422
7438
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
@@ -7508,9 +7524,17 @@
7508
7524
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
7509
7525
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
7510
7526
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
7527
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
7528
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
7529
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--gray--60);
7530
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
7531
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
7532
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
7533
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
7534
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
7511
7535
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
7512
7536
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
7513
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
7537
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
7514
7538
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
7515
7539
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
7516
7540
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -7576,7 +7600,7 @@
7576
7600
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
7577
7601
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
7578
7602
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
7579
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
7603
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
7580
7604
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
7581
7605
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
7582
7606
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -7612,10 +7636,6 @@
7612
7636
  --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
7613
7637
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
7614
7638
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
7615
- --pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
7616
- --pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
7617
- --pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
7618
- --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
7619
7639
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
7620
7640
  --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
7621
7641
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
@@ -7636,9 +7656,6 @@
7636
7656
  --pf-t--global--text--color--300: var(--pf-t--color--white);
7637
7657
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
7638
7658
  --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
7639
- --pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
7640
- --pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
7641
- --pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
7642
7659
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
7643
7660
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
7644
7661
  --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
@@ -7654,8 +7671,8 @@
7654
7671
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
7655
7672
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
7656
7673
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
7657
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
7658
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
7674
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
7675
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
7659
7676
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
7660
7677
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
7661
7678
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -7678,8 +7695,13 @@
7678
7695
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
7679
7696
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
7680
7697
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
7698
+ --pf-t--global--background--color--sticky--default: var(--pf-t--global--background--color--100);
7699
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
7700
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
7701
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
7681
7702
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
7682
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
7703
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
7704
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
7683
7705
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
7684
7706
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
7685
7707
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
@@ -7715,12 +7737,22 @@
7715
7737
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
7716
7738
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
7717
7739
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
7740
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
7741
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
7742
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
7743
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
7744
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
7745
+ --pf-t--global--border--radius--glass--default: initial;
7746
+ --pf-t--global--border--width--glass--default: initial;
7718
7747
  --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
7719
7748
  --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
7720
7749
  --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
7721
7750
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
7722
7751
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
7723
7752
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
7753
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
7754
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
7755
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
7724
7756
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
7725
7757
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
7726
7758
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
@@ -7776,6 +7808,9 @@
7776
7808
  --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
7777
7809
  --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
7778
7810
  --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
7811
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
7812
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
7813
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
7779
7814
  --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
7780
7815
  --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
7781
7816
  --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
@@ -7789,8 +7824,6 @@
7789
7824
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
7790
7825
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
7791
7826
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
7792
- --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
7793
- --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
7794
7827
  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
7795
7828
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
7796
7829
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
@@ -7829,6 +7862,9 @@
7829
7862
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
7830
7863
  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
7831
7864
  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
7865
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
7866
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
7867
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
7832
7868
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
7833
7869
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
7834
7870
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
@@ -7838,22 +7874,27 @@
7838
7874
  --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
7839
7875
  --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
7840
7876
  --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
7841
- --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
7877
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
7842
7878
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
7843
- --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
7879
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
7844
7880
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
7845
7881
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
7846
7882
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
7847
7883
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
7884
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
7848
7885
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
7849
7886
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
7887
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
7850
7888
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
7851
7889
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
7852
7890
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
7891
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
7892
+ --pf-t--global--background--color--glass--primary--default: initial;
7853
7893
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
7854
7894
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7855
7895
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
7856
7896
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
7897
+ --pf-t--global--border--color--glass--default: initial;
7857
7898
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
7858
7899
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
7859
7900
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
@@ -7865,6 +7906,9 @@
7865
7906
  --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
7866
7907
  --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
7867
7908
  --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
7909
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7910
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7911
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
7868
7912
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7869
7913
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
7870
7914
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -7902,9 +7946,15 @@
7902
7946
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
7903
7947
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
7904
7948
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
7949
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7950
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
7951
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
7905
7952
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7906
7953
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7907
7954
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7955
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7956
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7957
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
7908
7958
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7909
7959
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7910
7960
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7926,6 +7976,9 @@
7926
7976
  --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
7927
7977
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
7928
7978
  --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
7979
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7980
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
7981
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7929
7982
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
7930
7983
  --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
7931
7984
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
@@ -7968,9 +8021,15 @@
7968
8021
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
7969
8022
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
7970
8023
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
8024
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
8025
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
8026
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7971
8027
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7972
8028
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7973
8029
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
8030
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
8031
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
8032
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7974
8033
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7975
8034
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7976
8035
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -8002,7 +8061,14 @@
8002
8061
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
8003
8062
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
8004
8063
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
8064
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
8065
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
8066
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
8067
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
8005
8068
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
8069
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
8070
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
8071
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
8006
8072
  }
8007
8073
 
8008
8074
  :root:where(.pf-v6-theme-glass) {
@@ -8025,17 +8091,6 @@
8025
8091
  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
8026
8092
  }
8027
8093
 
8028
- :root:where(.pf-v6-theme-felt) {
8029
- --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8030
- --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8031
- --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8032
- --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8033
- --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8034
- --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8035
- --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8036
- --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8037
- }
8038
-
8039
8094
  :root:where(.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
8040
8095
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
8041
8096
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
@@ -8629,15 +8684,37 @@
8629
8684
  --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
8630
8685
  }
8631
8686
 
8687
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
8688
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
8689
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
8690
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
8691
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
8692
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
8693
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
8694
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--300);
8695
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300);
8696
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular);
8697
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
8698
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular);
8699
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
8700
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
8701
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
8702
+ }
8703
+
8632
8704
  :root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
8633
8705
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8706
+ --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8707
+ --pf-t--global--background--filter--glass--blur--primary: initial;
8634
8708
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8635
8709
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8710
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8636
8711
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8637
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
8712
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8638
8713
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8639
8714
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8640
8715
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
8716
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
8717
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
8641
8718
  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
8642
8719
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
8643
8720
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
@@ -8653,13 +8730,21 @@
8653
8730
  --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
8654
8731
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
8655
8732
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
8656
- --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
8733
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--60);
8657
8734
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
8658
8735
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
8659
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
8736
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
8660
8737
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
8661
8738
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
8662
8739
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
8740
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
8741
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--60);
8742
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--40);
8743
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--gray--20);
8744
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
8745
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
8746
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
8747
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
8663
8748
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
8664
8749
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
8665
8750
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -8731,11 +8816,12 @@
8731
8816
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8732
8817
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8733
8818
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
8734
- --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
8819
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--100);
8735
8820
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
8736
8821
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
8737
8822
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
8738
8823
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
8824
+ --pf-t--global--background--color--glass--primary--default: initial;
8739
8825
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
8740
8826
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
8741
8827
  --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
@@ -8746,8 +8832,13 @@
8746
8832
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
8747
8833
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
8748
8834
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
8835
+ --pf-t--global--background--color--sticky--default: var(--pf-t--global--dark--background--color--200);
8749
8836
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
8837
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
8838
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
8839
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
8750
8840
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
8841
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
8751
8842
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
8752
8843
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
8753
8844
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
@@ -8780,9 +8871,13 @@
8780
8871
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
8781
8872
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
8782
8873
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
8874
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
8783
8875
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
8784
8876
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
8785
8877
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
8878
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
8879
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
8880
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
8786
8881
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
8787
8882
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
8788
8883
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -8859,9 +8954,12 @@
8859
8954
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
8860
8955
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
8861
8956
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
8957
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--dark--border--color--300);
8958
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
8862
8959
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
8863
8960
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
8864
8961
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
8962
+ --pf-t--global--border--color--glass--default: initial;
8865
8963
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8866
8964
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
8867
8965
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
@@ -8879,6 +8977,9 @@
8879
8977
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
8880
8978
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
8881
8979
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
8980
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
8981
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
8982
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
8882
8983
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
8883
8984
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
8884
8985
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -8917,9 +9018,15 @@
8917
9018
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
8918
9019
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
8919
9020
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
9021
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
9022
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
9023
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
8920
9024
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
8921
9025
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
8922
9026
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
9027
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
9028
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
9029
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
8923
9030
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8924
9031
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
8925
9032
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -8983,9 +9090,15 @@
8983
9090
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
8984
9091
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
8985
9092
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
9093
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
9094
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
9095
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
8986
9096
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
8987
9097
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
8988
9098
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
9099
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
9100
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
9101
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
8989
9102
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
8990
9103
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
8991
9104
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -9020,6 +9133,13 @@
9020
9133
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
9021
9134
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
9022
9135
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
9136
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
9137
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
9138
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
9139
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
9140
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
9141
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
9142
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
9023
9143
  }
9024
9144
 
9025
9145
  :root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
@@ -9045,23 +9165,6 @@
9045
9165
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass--dark, url("./assets/images/PF-Bkg-Generic-Dark.svg"));
9046
9166
  }
9047
9167
 
9048
- :root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
9049
- --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9050
- --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9051
- --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9052
- --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
9053
- --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
9054
- --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
9055
- --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--300);
9056
- --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300);
9057
- --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular);
9058
- --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
9059
- --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular);
9060
- --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
9061
- --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
9062
- --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
9063
- }
9064
-
9065
9168
  :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
9066
9169
  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
9067
9170
  --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);