@patternfly/patternfly 6.0.0-alpha.1 → 6.0.0-alpha.3

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.
@@ -322,4 +322,765 @@
322
322
  --pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
323
323
  --pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
324
324
  --pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
325
+ }
326
+
327
+ /**
328
+ * Do not edit directly
329
+ * Generated on Mon, 14 Aug 2023 18:10:37 GMT
330
+ */
331
+ :root {
332
+ --pf-t--color--white: #fff;
333
+ --pf-t--color--black: #000;
334
+ --pf-t--color--gray--1000: #151515;
335
+ --pf-t--color--gray--900: #1f1f1f;
336
+ --pf-t--color--gray--800: #292929;
337
+ --pf-t--color--gray--700: #383838;
338
+ --pf-t--color--gray--600: #4d4d4d;
339
+ --pf-t--color--gray--500: #6e6e6e;
340
+ --pf-t--color--gray--400: #a3a3a3;
341
+ --pf-t--color--gray--300: #c7c7c7;
342
+ --pf-t--color--gray--200: #e0e0e0;
343
+ --pf-t--color--gray--100: #f2f2f2;
344
+ --pf-t--color--cyan--700: #023233;
345
+ --pf-t--color--cyan--600: #074c4d;
346
+ --pf-t--color--cyan--500: #187577;
347
+ --pf-t--color--cyan--400: #42adaf;
348
+ --pf-t--color--cyan--300: #88dadb;
349
+ --pf-t--color--cyan--200: #b3ebec;
350
+ --pf-t--color--cyan--100: #e3fcfc;
351
+ --pf-t--color--blue--700: #001c43;
352
+ --pf-t--color--blue--600: #002b68;
353
+ --pf-t--color--blue--500: #0043a0;
354
+ --pf-t--color--blue--400: #0c61d9;
355
+ --pf-t--color--blue--300: #60a2ff;
356
+ --pf-t--color--blue--200: #9cc5ff;
357
+ --pf-t--color--blue--100: #d9e9ff;
358
+ --pf-t--color--gold--700: #4e3500;
359
+ --pf-t--color--gold--600: #755200;
360
+ --pf-t--color--gold--500: #ac7a00;
361
+ --pf-t--color--gold--400: #f0ab00;
362
+ --pf-t--color--gold--300: #ffcd5b;
363
+ --pf-t--color--gold--200: #ffdc9b;
364
+ --pf-t--color--gold--100: #ffefd9;
365
+ --pf-t--color--green--700: #062901;
366
+ --pf-t--color--green--600: #0b3906;
367
+ --pf-t--color--green--500: #1b5813;
368
+ --pf-t--color--green--400: #3e8635;
369
+ --pf-t--color--green--300: #83c079;
370
+ --pf-t--color--green--200: #b2deaa;
371
+ --pf-t--color--green--100: #e7fce3;
372
+ --pf-t--color--orange--700: #501d00;
373
+ --pf-t--color--orange--600: #792f04;
374
+ --pf-t--color--orange--500: #b14e14;
375
+ --pf-t--color--orange--400: #f7823d;
376
+ --pf-t--color--orange--300: #ffb989;
377
+ --pf-t--color--orange--200: #ffd1b2;
378
+ --pf-t--color--orange--100: #ffe7d9;
379
+ --pf-t--color--orangered--700: #331500;
380
+ --pf-t--color--orangered--600: #552000;
381
+ --pf-t--color--orangered--500: #882d00;
382
+ --pf-t--color--orangered--400: #cc3a00;
383
+ --pf-t--color--orangered--300: #ff542e;
384
+ --pf-t--color--orangered--200: #ff947c;
385
+ --pf-t--color--orangered--100: #ffd3c9;
386
+ --pf-t--color--purple--700: #1c1337;
387
+ --pf-t--color--purple--600: #291b55;
388
+ --pf-t--color--purple--500: #3e2882;
389
+ --pf-t--color--purple--400: #5f40be;
390
+ --pf-t--color--purple--300: #9a81e5;
391
+ --pf-t--color--purple--200: #c0b0f1;
392
+ --pf-t--color--purple--100: #eae3fc;
393
+ --pf-t--color--red--700: #3a0400;
394
+ --pf-t--color--red--600: #5a0600;
395
+ --pf-t--color--red--500: #8a0a00;
396
+ --pf-t--color--red--400: #c9190b;
397
+ --pf-t--color--red--300: #ee665b;
398
+ --pf-t--color--red--200: #f69f98;
399
+ --pf-t--color--red--100: #ffdbd9;
400
+ }
401
+
402
+ /**
403
+ * Do not edit directly
404
+ * Generated on Mon, 14 Aug 2023 18:12:00 GMT
405
+ */
406
+ :root {
407
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
408
+ --pf-t--global--spacer--800: 80px;
409
+ --pf-t--global--spacer--700: 64px;
410
+ --pf-t--global--spacer--600: 48px;
411
+ --pf-t--global--spacer--500: 32px;
412
+ --pf-t--global--spacer--400: 24px;
413
+ --pf-t--global--spacer--300: 16px;
414
+ --pf-t--global--spacer--200: 8px;
415
+ --pf-t--global--spacer--100: 4px;
416
+ --pf-t--global--icon--size--400: 56px;
417
+ --pf-t--global--icon--size--300: 24px;
418
+ --pf-t--global--icon--size--200: 16px;
419
+ --pf-t--global--icon--size--100: 12px;
420
+ --pf-t--global--border--width--300: 3px;
421
+ --pf-t--global--border--width--200: 2px;
422
+ --pf-t--global--border--width--100: 1px;
423
+ --pf-t--global--border--radius--500: 999px;
424
+ --pf-t--global--border--radius--400: 24px;
425
+ --pf-t--global--border--radius--300: 16px;
426
+ --pf-t--global--border--radius--200: 6px;
427
+ --pf-t--global--border--radius--100: 4px;
428
+ --pf-t--global--border--radius--000: 0px;
429
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--gold--400);
430
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--gold--300);
431
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--800);
432
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--200);
433
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--100);
434
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
435
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--400);
436
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--500);
437
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--400);
438
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
439
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--500);
440
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--900);
441
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--600);
442
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--500);
443
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--400);
444
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--500);
445
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--400);
446
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--300);
447
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--cyan--500);
448
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--cyan--400);
449
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--500);
450
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--400);
451
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--500);
452
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--400);
453
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--gold--500);
454
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--gold--400);
455
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--orangered--500);
456
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--orangered--400);
457
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--400);
458
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--300);
459
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--200);
460
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--400);
461
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--300);
462
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--200);
463
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--orangered--400);
464
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--orangered--300);
465
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--orangered--200);
466
+ --pf-t--global--color--nonstatus--cyan--300: var(--pf-t--color--cyan--400);
467
+ --pf-t--global--color--nonstatus--cyan--200: var(--pf-t--color--cyan--300);
468
+ --pf-t--global--color--nonstatus--cyan--100: var(--pf-t--color--cyan--200);
469
+ --pf-t--global--color--nonstatus--gold--300: var(--pf-t--color--gold--400);
470
+ --pf-t--global--color--nonstatus--gold--200: var(--pf-t--color--gold--300);
471
+ --pf-t--global--color--nonstatus--gold--100: var(--pf-t--color--gold--200);
472
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--400);
473
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--300);
474
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--200);
475
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--400);
476
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--300);
477
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--200);
478
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--400);
479
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--300);
480
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--200);
481
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--400);
482
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--300);
483
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--200);
484
+ --pf-t--global--color--favorite--200: var(--pf-t--color--gold--500);
485
+ --pf-t--global--color--favorite--100: var(--pf-t--color--gold--400);
486
+ --pf-t--global--spacer--sm: 8px;
487
+ --pf-t--global--spacer--xl: 32px;
488
+ --pf-t--global--spacer--xs: 4px;
489
+ --pf-t--global--spacer--2xl: 48px;
490
+ --pf-t--global--spacer--lg: 24px;
491
+ --pf-t--global--spacer--md: 16px;
492
+ --pf-t--global--spacer--3xl: 64px;
493
+ --pf-t--global--spacer--4xl: 80px;
494
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
495
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--500);
496
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--900);
497
+ --pf-t--global--icon--size--sm: 12px;
498
+ --pf-t--global--icon--size--md: 16px;
499
+ --pf-t--global--icon--size--lg: 24px;
500
+ --pf-t--global--icon--size--xl: 56px;
501
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--400);
502
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--300);
503
+ --pf-t--global--border--width--divider--default: 1px;
504
+ --pf-t--global--border--width--divider--hover: 1px;
505
+ --pf-t--global--border--width--divider--active: 1px;
506
+ --pf-t--global--border--width--control--hover: 1px;
507
+ --pf-t--global--border--width--control--active: 2px;
508
+ --pf-t--global--border--width--control--default: 1px;
509
+ --pf-t--global--border--width--button--hover: 2px;
510
+ --pf-t--global--border--width--button--default: 1px;
511
+ --pf-t--global--border--width--button--active: 2px;
512
+ --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
513
+ --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
514
+ --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
515
+ --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
516
+ --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
517
+ --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--000);
518
+ --pf-t--global--background--color--secondary--selected: var(--pf-t--global--background--color--300);
519
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
520
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
521
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
522
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
523
+ --pf-t--global--background--color--primary--selected: var(--pf-t--global--background--color--200);
524
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
525
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
526
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
527
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
528
+ --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--200);
529
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
530
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
531
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
532
+ --pf-t--global--background--color--highlight--active: var(--pf-t--global--background--color--highlight--200);
533
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
534
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
535
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
536
+ --pf-t--global--text--color--disabled--default: var(--pf-t--global--color--disabled--300);
537
+ --pf-t--global--text--color--disabled--light: var(--pf-t--global--color--disabled--100);
538
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
539
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
540
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
541
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
542
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
543
+ --pf-t--global--color--brand--active: var(--pf-t--global--color--brand--300);
544
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--100);
545
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--200);
546
+ --pf-t--global--color--status--custom--active: var(--pf-t--global--color--status--custom--200);
547
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--100);
548
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--200);
549
+ --pf-t--global--color--status--success--active: var(--pf-t--global--color--status--success--200);
550
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--100);
551
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--200);
552
+ --pf-t--global--color--status--info--active: var(--pf-t--global--color--status--info--200);
553
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
554
+ --pf-t--global--color--status--warning--active: var(--pf-t--global--color--status--warning--200);
555
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
556
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
557
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
558
+ --pf-t--global--color--status--danger--active: var(--pf-t--global--color--status--danger--200);
559
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--200);
560
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--100);
561
+ --pf-t--global--color--nonstatus--gray--active: var(--pf-t--global--color--nonstatus--gray--200);
562
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
563
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
564
+ --pf-t--global--color--nonstatus--orange--active: var(--pf-t--global--color--nonstatus--orange--200);
565
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
566
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
567
+ --pf-t--global--color--nonstatus--orangered--active: var(--pf-t--global--color--nonstatus--orangered--200);
568
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--200);
569
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--100);
570
+ --pf-t--global--color--nonstatus--cyan--active: var(--pf-t--global--color--nonstatus--cyan--200);
571
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--100);
572
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--200);
573
+ --pf-t--global--color--nonstatus--gold--active: var(--pf-t--global--color--nonstatus--gold--200);
574
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
575
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
576
+ --pf-t--global--color--nonstatus--red--active: var(--pf-t--global--color--nonstatus--red--200);
577
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
578
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
579
+ --pf-t--global--color--nonstatus--blue--active: var(--pf-t--global--color--nonstatus--blue--200);
580
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
581
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
582
+ --pf-t--global--color--nonstatus--green--active: var(--pf-t--global--color--nonstatus--green--200);
583
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
584
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
585
+ --pf-t--global--color--nonstatus--purple--active: var(--pf-t--global--color--nonstatus--purple--200);
586
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
587
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
588
+ --pf-t--global--color--favorite--active: var(--pf-t--global--color--favorite--200);
589
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
590
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--300);
591
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
592
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200);
593
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
594
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
595
+ --pf-t--global--border--color--active: var(--pf-t--global--color--brand--200);
596
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
597
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
598
+ --pf-t--global--border--color--nonstatus--blue--active: var(--pf-t--global--color--nonstatus--blue--300);
599
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
600
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
601
+ --pf-t--global--border--color--nonstatus--red--active: var(--pf-t--global--color--nonstatus--red--300);
602
+ --pf-t--global--border--color--nonstatus--orangered--active: var(--pf-t--global--color--nonstatus--orangered--300);
603
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--200);
604
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--300);
605
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
606
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
607
+ --pf-t--global--border--color--nonstatus--orange--active: var(--pf-t--global--color--nonstatus--orange--300);
608
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--200);
609
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--300);
610
+ --pf-t--global--border--color--nonstatus--gold--active: var(--pf-t--global--color--nonstatus--gold--300);
611
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
612
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
613
+ --pf-t--global--border--color--nonstatus--green--active: var(--pf-t--global--color--nonstatus--green--300);
614
+ --pf-t--global--border--color--nonstatus--cyan--active: var(--pf-t--global--color--nonstatus--cyan--300);
615
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--300);
616
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--200);
617
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--200);
618
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--300);
619
+ --pf-t--global--border--color--nonstatus--purple--active: var(--pf-t--global--color--nonstatus--purple--300);
620
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200);
621
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300);
622
+ --pf-t--global--border--color--nonstatus--gray--active: var(--pf-t--global--color--nonstatus--gray--300);
623
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
624
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
625
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
626
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
627
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
628
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
629
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
630
+ --pf-t--global--text--color--brand--active: var(--pf-t--global--color--brand--active);
631
+ --pf-t--global--text--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
632
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
633
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
634
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
635
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
636
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
637
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
638
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
639
+ --pf-t--global--text--color--status--info--active: var(--pf-t--global--color--status--info--active);
640
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
641
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
642
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
643
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
644
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
645
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
646
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
647
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
648
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
649
+ --pf-t--global--text--color--status--success--active: var(--pf-t--global--color--status--success--active);
650
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
651
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
652
+ --pf-t--global--text--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
653
+ --pf-t--global--text--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
654
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
655
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
656
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
657
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
658
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
659
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
660
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
661
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
662
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
663
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
664
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
665
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
666
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
667
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
668
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
669
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
670
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
671
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
672
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
673
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
674
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
675
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
676
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
677
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
678
+ --pf-t--global--icon--color--brand--active: var(--pf-t--global--color--brand--active);
679
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
680
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
681
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
682
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
683
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
684
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
685
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
686
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
687
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
688
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
689
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
690
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
691
+ --pf-t--global--icon--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
692
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
693
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
694
+ --pf-t--global--icon--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
695
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
696
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
697
+ --pf-t--global--icon--color--status--success--active: var(--pf-t--global--color--status--success--active);
698
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
699
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
700
+ --pf-t--global--icon--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
701
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
702
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
703
+ --pf-t--global--icon--color--status--info--active: var(--pf-t--global--color--status--info--active);
704
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
705
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
706
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
707
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
708
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
709
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
710
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
711
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
712
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
713
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
714
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
715
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
716
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
717
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
718
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
719
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
720
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
721
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
722
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
723
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
724
+ --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
725
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
726
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
727
+ --pf-t--global--border--color--brand--active: var(--pf-t--global--color--brand--active);
728
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
729
+ --pf-t--global--border--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
730
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
731
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
732
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
733
+ --pf-t--global--border--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
734
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
735
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
736
+ --pf-t--global--border--color--status--success--active: var(--pf-t--global--color--status--success--active);
737
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
738
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
739
+ --pf-t--global--border--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
740
+ --pf-t--global--border--color--status--info--active: var(--pf-t--global--color--status--info--active);
741
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
742
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
743
+ }
744
+
745
+ :root {
746
+ --pf-t--global--font--family--100: redhattext;
747
+ --pf-t--global--font--family--200: redhatdisplay;
748
+ --pf-t--global--font--family--300: redhatmono;
749
+ --pf-t--global--font--line-height--100: 1.3;
750
+ --pf-t--global--font--line-height--200: 1.5;
751
+ --pf-t--global--font--weight--body--100: 400;
752
+ --pf-t--global--font--weight--body--200: 600;
753
+ --pf-t--global--font--weight--heading--100: 700;
754
+ --pf-t--global--font--weight--heading--200: 700;
755
+ --pf-t--global--font--size--body--100: 12px;
756
+ --pf-t--global--font--size--body--200: 14px;
757
+ --pf-t--global--font--size--body--300: 16px;
758
+ --pf-t--global--font--size--heading--100: 16px;
759
+ --pf-t--global--font--size--heading--200: 18px;
760
+ --pf-t--global--font--size--heading--300: 20px;
761
+ --pf-t--global--font--size--heading--400: 24px;
762
+ --pf-t--global--font--size--heading--500: 28px;
763
+ --pf-t--global--font--size--heading--600: 36px;
764
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
765
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
766
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
767
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
768
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
769
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
770
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
771
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
772
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
773
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--body--100);
774
+ --pf-t--global--font--size--body--md: var(--pf-t--global--font--size--body--200);
775
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--body--300);
776
+ --pf-t--global--font--size--body: var(--pf-t--global--font--size--body--md);
777
+ --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--heading--100);
778
+ --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--heading--200);
779
+ --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--heading--300);
780
+ --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--heading--400);
781
+ --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--heading--500);
782
+ --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--heading--600);
783
+ --pf-t--global--text-decoration--100: none;
784
+ --pf-t--global--text-decoration--200: underline;
785
+ --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--200);
786
+ --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
787
+ --pf-t--global--mix-blend-mode--100: multiply;
788
+ --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
789
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
790
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
791
+ --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
792
+ }
793
+
794
+ /**
795
+ * Do not edit directly
796
+ * Generated on Mon, 14 Aug 2023 18:11:22 GMT
797
+ */
798
+ :root:where(.pf-v5-theme-dark) {
799
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
800
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--gold--400);
801
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--gold--300);
802
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--100);
803
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--700);
804
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--800);
805
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--black);
806
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--300);
807
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--200);
808
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--300);
809
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--900);
810
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--400);
811
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--100);
812
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--900);
813
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--400);
814
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--100);
815
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--500);
816
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--600);
817
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--600);
818
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--500);
819
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--400);
820
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--200);
821
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--300);
822
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--400);
823
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--gold--300);
824
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--gold--400);
825
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--gold--300);
826
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--gold--400);
827
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--cyan--300);
828
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--cyan--400);
829
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--200);
830
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--300);
831
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--200);
832
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--300);
833
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--orangered--200);
834
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--orangered--300);
835
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--100);
836
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--200);
837
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--300);
838
+ --pf-t--global--dark--color--nonstatus--cyan--300: var(--pf-t--color--cyan--100);
839
+ --pf-t--global--dark--color--nonstatus--cyan--200: var(--pf-t--color--cyan--200);
840
+ --pf-t--global--dark--color--nonstatus--cyan--100: var(--pf-t--color--cyan--300);
841
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--100);
842
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--200);
843
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--300);
844
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--orangered--100);
845
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--orangered--200);
846
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--orangered--300);
847
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--100);
848
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--200);
849
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--300);
850
+ --pf-t--global--dark--color--nonstatus--gold--300: var(--pf-t--color--gold--100);
851
+ --pf-t--global--dark--color--nonstatus--gold--200: var(--pf-t--color--gold--200);
852
+ --pf-t--global--dark--color--nonstatus--gold--100: var(--pf-t--color--gold--300);
853
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--100);
854
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--200);
855
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--300);
856
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--100);
857
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--200);
858
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--300);
859
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--100);
860
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--200);
861
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--300);
862
+ --pf-t--global--background--color--secondary--selected: var(--pf-t--global--dark--background--color--200);
863
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
864
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
865
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
866
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
867
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
868
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
869
+ --pf-t--global--background--color--highlight--active: var(--pf-t--global--dark--background--color--highlight--200);
870
+ --pf-t--global--background--color--primary--selected: var(--pf-t--global--dark--background--color--300);
871
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
872
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
873
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
874
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--300);
875
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
876
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--200);
877
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
878
+ --pf-t--global--border--color--active: var(--pf-t--global--dark--color--brand--300);
879
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
880
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
881
+ --pf-t--global--border--color--nonstatus--blue--active: var(--pf-t--global--dark--color--nonstatus--blue--200);
882
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
883
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
884
+ --pf-t--global--border--color--nonstatus--red--active: var(--pf-t--global--dark--color--nonstatus--red--200);
885
+ --pf-t--global--border--color--nonstatus--orangered--active: var(--pf-t--global--dark--color--nonstatus--orangered--200);
886
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
887
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
888
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
889
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
890
+ --pf-t--global--border--color--nonstatus--orange--active: var(--pf-t--global--dark--color--nonstatus--orange--200);
891
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
892
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
893
+ --pf-t--global--border--color--nonstatus--gold--active: var(--pf-t--global--dark--color--nonstatus--gold--200);
894
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
895
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
896
+ --pf-t--global--border--color--nonstatus--green--active: var(--pf-t--global--dark--color--nonstatus--green--200);
897
+ --pf-t--global--border--color--nonstatus--cyan--active: var(--pf-t--global--dark--color--nonstatus--cyan--200);
898
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
899
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
900
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
901
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
902
+ --pf-t--global--border--color--nonstatus--purple--active: var(--pf-t--global--dark--color--nonstatus--purple--200);
903
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
904
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
905
+ --pf-t--global--border--color--nonstatus--gray--active: var(--pf-t--global--dark--color--nonstatus--gray--200);
906
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
907
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
908
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
909
+ --pf-t--global--text--color--disabled--default: var(--pf-t--global--dark--color--disabled--300);
910
+ --pf-t--global--text--color--disabled--light: var(--pf-t--global--dark--color--disabled--200);
911
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
912
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
913
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
914
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
915
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--300);
916
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
917
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
918
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--200);
919
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
920
+ --pf-t--global--color--brand--active: var(--pf-t--global--dark--color--brand--300);
921
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--100);
922
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--200);
923
+ --pf-t--global--color--status--custom--active: var(--pf-t--global--dark--color--status--custom--200);
924
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--100);
925
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--200);
926
+ --pf-t--global--color--status--success--active: var(--pf-t--global--dark--color--status--success--200);
927
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
928
+ --pf-t--global--color--status--warning--active: var(--pf-t--global--dark--color--status--warning--200);
929
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
930
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--100);
931
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--200);
932
+ --pf-t--global--color--status--danger--active: var(--pf-t--global--dark--color--status--danger--200);
933
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
934
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
935
+ --pf-t--global--color--status--info--active: var(--pf-t--global--dark--color--status--info--200);
936
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
937
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
938
+ --pf-t--global--color--favorite--active: var(--pf-t--global--dark--color--favorite--200);
939
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
940
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
941
+ --pf-t--global--color--nonstatus--gray--active: var(--pf-t--global--dark--color--nonstatus--gray--200);
942
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
943
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
944
+ --pf-t--global--color--nonstatus--cyan--active: var(--pf-t--global--dark--color--nonstatus--cyan--200);
945
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
946
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
947
+ --pf-t--global--color--nonstatus--blue--active: var(--pf-t--global--dark--color--nonstatus--blue--200);
948
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
949
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
950
+ --pf-t--global--color--nonstatus--red--active: var(--pf-t--global--dark--color--nonstatus--red--200);
951
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
952
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
953
+ --pf-t--global--color--nonstatus--orangered--active: var(--pf-t--global--dark--color--nonstatus--orangered--200);
954
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
955
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
956
+ --pf-t--global--color--nonstatus--orange--active: var(--pf-t--global--dark--color--nonstatus--orange--200);
957
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
958
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
959
+ --pf-t--global--color--nonstatus--gold--active: var(--pf-t--global--dark--color--nonstatus--gold--200);
960
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
961
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
962
+ --pf-t--global--color--nonstatus--green--active: var(--pf-t--global--dark--color--nonstatus--green--200);
963
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
964
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
965
+ --pf-t--global--color--nonstatus--purple--active: var(--pf-t--global--dark--color--nonstatus--purple--200);
966
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
967
+ --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--action--plain--hover);
968
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
969
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
970
+ --pf-t--global--border--color--brand--active: var(--pf-t--global--color--brand--active);
971
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
972
+ --pf-t--global--border--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
973
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
974
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
975
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
976
+ --pf-t--global--border--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
977
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
978
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
979
+ --pf-t--global--border--color--status--success--active: var(--pf-t--global--color--status--success--active);
980
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
981
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
982
+ --pf-t--global--border--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
983
+ --pf-t--global--border--color--status--info--active: var(--pf-t--global--color--status--info--active);
984
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
985
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
986
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
987
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
988
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
989
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
990
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
991
+ --pf-t--global--text--color--brand--active: var(--pf-t--global--color--brand--active);
992
+ --pf-t--global--text--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
993
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
994
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
995
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
996
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
997
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
998
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
999
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
1000
+ --pf-t--global--text--color--status--info--active: var(--pf-t--global--color--status--info--active);
1001
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1002
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1003
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1004
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1005
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1006
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1007
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1008
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
1009
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1010
+ --pf-t--global--text--color--status--success--active: var(--pf-t--global--color--status--success--active);
1011
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1012
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1013
+ --pf-t--global--text--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
1014
+ --pf-t--global--text--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1015
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1016
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1017
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1018
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1019
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1020
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1021
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1022
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1023
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1024
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1025
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1026
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1027
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1028
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1029
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1030
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1031
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1032
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1033
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1034
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1035
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1036
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1037
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
1038
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
1039
+ --pf-t--global--icon--color--brand--active: var(--pf-t--global--color--brand--active);
1040
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1041
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1042
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1043
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1044
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1045
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1046
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1047
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1048
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1049
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1050
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1051
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1052
+ --pf-t--global--icon--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
1053
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1054
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1055
+ --pf-t--global--icon--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
1056
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
1057
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1058
+ --pf-t--global--icon--color--status--success--active: var(--pf-t--global--color--status--success--active);
1059
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1060
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1061
+ --pf-t--global--icon--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1062
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1063
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1064
+ --pf-t--global--icon--color--status--info--active: var(--pf-t--global--color--status--info--active);
1065
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1066
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1067
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1068
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1069
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1070
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1071
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1072
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1073
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1074
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1075
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1076
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1077
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1078
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1079
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1080
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1081
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1082
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1083
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1084
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1085
+ --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
325
1086
  }