@patternfly/patternfly 6.0.0-alpha.89 → 6.0.0-alpha.90

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 (30) hide show
  1. package/base/patternfly-variables.css +167 -31
  2. package/base/tokens/_tokens-charts.scss +26 -26
  3. package/base/tokens/_tokens-dark.scss +14 -9
  4. package/base/tokens/_tokens-default.scss +66 -6
  5. package/base/tokens/_tokens-font.scss +94 -23
  6. package/base/tokens/_tokens-palette.scss +1 -1
  7. package/components/Button/button.css +0 -22
  8. package/components/Button/button.scss +0 -22
  9. package/components/Label/label.css +5 -7
  10. package/components/Label/label.scss +5 -8
  11. package/components/Menu/menu.css +0 -4
  12. package/components/Menu/menu.scss +0 -4
  13. package/components/MenuToggle/menu-toggle.css +0 -2
  14. package/components/MenuToggle/menu-toggle.scss +0 -3
  15. package/components/SimpleList/simple-list.css +0 -3
  16. package/components/SimpleList/simple-list.scss +0 -4
  17. package/components/Tabs/tabs.css +0 -1
  18. package/components/Tabs/tabs.scss +1 -3
  19. package/components/Wizard/wizard.css +0 -6
  20. package/components/Wizard/wizard.scss +1 -9
  21. package/package.json +1 -1
  22. package/patternfly-base-no-globals-theme-dark-unversioned.css +167 -31
  23. package/patternfly-base-no-globals.css +167 -31
  24. package/patternfly-base-theme-dark-unversioned.css +167 -31
  25. package/patternfly-base.css +167 -31
  26. package/patternfly-no-globals.css +172 -76
  27. package/patternfly-theme-dark-unversioned.css +172 -76
  28. package/patternfly.css +172 -76
  29. package/patternfly.min.css +1 -1
  30. package/patternfly.min.css.map +1 -1
package/patternfly-base.css CHANGED
@@ -306,27 +306,98 @@ html .ws-preview {
306
306
  --pf-t--global--text-decoration--200: underline;
307
307
  --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
308
308
  --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
309
- --pf-t--global--mix-blend-mode--100: multiply;
310
- --pf-t--global--mix-blend-mode--200: screen;
311
- --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
312
- --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
313
- --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
314
- --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
315
- --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
316
- --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
317
- --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
318
- --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
319
- --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
320
- --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
321
- --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
322
- --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
323
- --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
324
- --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
325
- --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
326
- --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
309
+ --pf-t--global--box-shadow--sm:
310
+ var(--pf-t--global--box-shadow--X--sm--default)
311
+ var(--pf-t--global--box-shadow--Y--sm--default)
312
+ var(--pf-t--global--box-shadow--blur--sm)
313
+ var(--pf-t--global--box-shadow--spread--sm)
314
+ var(--pf-t--global--box-shadow--color--sm);
315
+ --pf-t--global--box-shadow--sm--top:
316
+ var(--pf-t--global--box-shadow--X--sm--top)
317
+ var(--pf-t--global--box-shadow--Y--sm--top)
318
+ var(--pf-t--global--box-shadow--blur--sm)
319
+ var(--pf-t--global--box-shadow--spread--sm)
320
+ var(--pf-t--global--box-shadow--color--sm);
321
+ --pf-t--global--box-shadow--sm--bottom:
322
+ var(--pf-t--global--box-shadow--X--sm--bottom)
323
+ var(--pf-t--global--box-shadow--Y--sm--bottom)
324
+ var(--pf-t--global--box-shadow--blur--sm)
325
+ var(--pf-t--global--box-shadow--spread--sm)
326
+ var(--pf-t--global--box-shadow--color--sm);
327
+ --pf-t--global--box-shadow--sm--left:
328
+ var(--pf-t--global--box-shadow--X--sm--left)
329
+ var(--pf-t--global--box-shadow--Y--sm--left)
330
+ var(--pf-t--global--box-shadow--blur--sm)
331
+ var(--pf-t--global--box-shadow--spread--sm)
332
+ var(--pf-t--global--box-shadow--color--sm);
333
+ --pf-t--global--box-shadow--sm--right:
334
+ var(--pf-t--global--box-shadow--X--sm--right)
335
+ var(--pf-t--global--box-shadow--Y--sm--right)
336
+ var(--pf-t--global--box-shadow--blur--sm)
337
+ var(--pf-t--global--box-shadow--spread--sm)
338
+ var(--pf-t--global--box-shadow--color--sm);
339
+ --pf-t--global--box-shadow--md:
340
+ var(--pf-t--global--box-shadow--X--md--default)
341
+ var(--pf-t--global--box-shadow--Y--md--default)
342
+ var(--pf-t--global--box-shadow--blur--md)
343
+ var(--pf-t--global--box-shadow--spread--md)
344
+ var(--pf-t--global--box-shadow--color--md);
345
+ --pf-t--global--box-shadow--md--top:
346
+ var(--pf-t--global--box-shadow--X--md--top)
347
+ var(--pf-t--global--box-shadow--Y--md--top)
348
+ var(--pf-t--global--box-shadow--blur--md)
349
+ var(--pf-t--global--box-shadow--spread--md)
350
+ var(--pf-t--global--box-shadow--color--md);
351
+ --pf-t--global--box-shadow--md--bottom:
352
+ var(--pf-t--global--box-shadow--X--md--bottom)
353
+ var(--pf-t--global--box-shadow--Y--md--bottom)
354
+ var(--pf-t--global--box-shadow--blur--md)
355
+ var(--pf-t--global--box-shadow--spread--md)
356
+ var(--pf-t--global--box-shadow--color--md);
357
+ --pf-t--global--box-shadow--md--left:
358
+ var(--pf-t--global--box-shadow--X--md--left)
359
+ var(--pf-t--global--box-shadow--Y--md--left)
360
+ var(--pf-t--global--box-shadow--blur--md)
361
+ var(--pf-t--global--box-shadow--spread--md)
362
+ var(--pf-t--global--box-shadow--color--md);
363
+ --pf-t--global--box-shadow--md--right:
364
+ var(--pf-t--global--box-shadow--X--md--right)
365
+ var(--pf-t--global--box-shadow--Y--md--right)
366
+ var(--pf-t--global--box-shadow--blur--md)
367
+ var(--pf-t--global--box-shadow--spread--md)
368
+ var(--pf-t--global--box-shadow--color--md);
369
+ --pf-t--global--box-shadow--lg:
370
+ var(--pf-t--global--box-shadow--X--lg--default)
371
+ var(--pf-t--global--box-shadow--Y--lg--default)
372
+ var(--pf-t--global--box-shadow--blur--lg)
373
+ var(--pf-t--global--box-shadow--spread--lg)
374
+ var(--pf-t--global--box-shadow--color--lg);
375
+ --pf-t--global--box-shadow--lg--top:
376
+ var(--pf-t--global--box-shadow--X--lg--top)
377
+ var(--pf-t--global--box-shadow--Y--lg--top)
378
+ var(--pf-t--global--box-shadow--blur--lg)
379
+ var(--pf-t--global--box-shadow--spread--lg)
380
+ var(--pf-t--global--box-shadow--color--lg);
381
+ --pf-t--global--box-shadow--lg--bottom:
382
+ var(--pf-t--global--box-shadow--X--lg--bottom)
383
+ var(--pf-t--global--box-shadow--Y--lg--bottom)
384
+ var(--pf-t--global--box-shadow--blur--lg)
385
+ var(--pf-t--global--box-shadow--spread--lg)
386
+ var(--pf-t--global--box-shadow--color--lg);
387
+ --pf-t--global--box-shadow--lg--left:
388
+ var(--pf-t--global--box-shadow--X--lg--left)
389
+ var(--pf-t--global--box-shadow--Y--lg--left)
390
+ var(--pf-t--global--box-shadow--blur--lg)
391
+ var(--pf-t--global--box-shadow--spread--lg)
392
+ var(--pf-t--global--box-shadow--color--lg);
393
+ --pf-t--global--box-shadow--lg--right:
394
+ var(--pf-t--global--box-shadow--X--lg--right)
395
+ var(--pf-t--global--box-shadow--Y--lg--right)
396
+ var(--pf-t--global--box-shadow--blur--lg)
397
+ var(--pf-t--global--box-shadow--spread--lg)
398
+ var(--pf-t--global--box-shadow--color--lg);
327
399
  }
328
400
  :root:where(.pf-v5-theme-dark) {
329
- --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
330
401
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
331
402
  --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
332
403
  --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
@@ -409,7 +480,28 @@ html .ws-preview {
409
480
 
410
481
  :root {
411
482
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
483
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
412
484
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
485
+ --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
486
+ --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
487
+ --pf-t--global--box-shadow--spread--100: 0px;
488
+ --pf-t--global--box-shadow--blur--300: 24px;
489
+ --pf-t--global--box-shadow--blur--200: 8px;
490
+ --pf-t--global--box-shadow--blur--100: 2px;
491
+ --pf-t--global--box-shadow--Y--700: 8px;
492
+ --pf-t--global--box-shadow--Y--600: 4px;
493
+ --pf-t--global--box-shadow--Y--500: 1px;
494
+ --pf-t--global--box-shadow--Y--400: 0px;
495
+ --pf-t--global--box-shadow--Y--300: -1px;
496
+ --pf-t--global--box-shadow--Y--200: -4px;
497
+ --pf-t--global--box-shadow--Y--100: -8px;
498
+ --pf-t--global--box-shadow--X--700: 8px;
499
+ --pf-t--global--box-shadow--X--600: 4px;
500
+ --pf-t--global--box-shadow--X--500: 1px;
501
+ --pf-t--global--box-shadow--X--400: 0px;
502
+ --pf-t--global--box-shadow--X--300: -1px;
503
+ --pf-t--global--box-shadow--X--200: -4px;
504
+ --pf-t--global--box-shadow--X--100: -8px;
413
505
  --pf-t--global--Zindex--600: 600;
414
506
  --pf-t--global--Zindex--500: 500;
415
507
  --pf-t--global--Zindex--400: 400;
@@ -452,7 +544,7 @@ html .ws-preview {
452
544
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
453
545
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
454
546
  --pf-t--global--text--color--300: var(--pf-t--color--white);
455
- --pf-t--global--text--color--200: var(--pf-t--color--gray--50);
547
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
456
548
  --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
457
549
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
458
550
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
@@ -502,12 +594,53 @@ html .ws-preview {
502
594
  --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
503
595
  --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
504
596
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
597
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
598
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
505
599
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
506
600
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
507
601
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
508
602
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
509
603
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
510
604
  --pf-t--global--background--color--100: var(--pf-t--color--white);
605
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
606
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
607
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
608
+ --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
609
+ --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
610
+ --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
611
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
612
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
613
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
614
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
615
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
616
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
617
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
618
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
619
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
620
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
621
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
622
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
623
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
624
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
625
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
626
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
627
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
628
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
629
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
630
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
631
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
632
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
633
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
634
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
635
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
636
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
637
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
638
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
639
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
640
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
641
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
642
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
643
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
511
644
  --pf-t--global--Zindex--2xl: 600;
512
645
  --pf-t--global--Zindex--xl: 500;
513
646
  --pf-t--global--Zindex--lg: 400;
@@ -543,10 +676,10 @@ html .ws-preview {
543
676
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
544
677
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
545
678
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
546
- --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
547
679
  --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
548
680
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
549
681
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
682
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
550
683
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
551
684
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
552
685
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
@@ -637,8 +770,6 @@ html .ws-preview {
637
770
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
638
771
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
639
772
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
640
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--200);
641
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
642
773
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
643
774
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
644
775
  --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
@@ -773,8 +904,8 @@ html .ws-preview {
773
904
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
774
905
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
775
906
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
776
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
777
907
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
908
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
778
909
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
779
910
  --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
780
911
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
@@ -880,8 +1011,15 @@ html .ws-preview {
880
1011
 
881
1012
  :root:where(.pf-v5-theme-dark) {
882
1013
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
1014
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
1015
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
883
1016
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
1017
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
1018
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
1019
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
884
1020
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
1021
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
1022
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
885
1023
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
886
1024
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
887
1025
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
@@ -890,7 +1028,7 @@ html .ws-preview {
890
1028
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
891
1029
  --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
892
1030
  --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
893
- --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--40);
1031
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
894
1032
  --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--10);
895
1033
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
896
1034
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -946,7 +1084,7 @@ html .ws-preview {
946
1084
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
947
1085
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
948
1086
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
949
- --pf-t--global--dark--background--color--100: var(--pf-t--color--black);
1087
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
950
1088
  --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
951
1089
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
952
1090
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
@@ -1055,8 +1193,8 @@ html .ws-preview {
1055
1193
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
1056
1194
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
1057
1195
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
1058
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--200);
1059
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--200);
1196
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
1197
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
1060
1198
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
1061
1199
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
1062
1200
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
@@ -1219,14 +1357,12 @@ html .ws-preview {
1219
1357
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1220
1358
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
1221
1359
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
1222
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1223
1360
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1361
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1224
1362
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1225
1363
  --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
1226
1364
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
1227
1365
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
1228
- --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--action--plain--hover);
1229
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
1230
1366
  }
1231
1367
 
1232
1368
  @font-face {