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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/base/patternfly-variables.css +157 -54
  2. package/base/patternfly-variables.scss +8 -8
  3. package/base/tokens/tokens-charts-dark.scss +1 -1
  4. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  5. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  6. package/base/tokens/tokens-charts.scss +1 -1
  7. package/base/tokens/tokens-dark.scss +1 -1
  8. package/base/tokens/tokens-default.scss +1 -1
  9. package/base/tokens/tokens-felt-dark.scss +1 -1
  10. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  11. package/base/tokens/tokens-felt-glass.scss +1 -1
  12. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  13. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  14. package/base/tokens/tokens-felt.scss +1 -1
  15. package/base/tokens/tokens-glass-dark.scss +1 -1
  16. package/base/tokens/tokens-glass.scss +1 -1
  17. package/base/tokens/tokens-highcontrast-dark.scss +53 -5
  18. package/base/tokens/tokens-highcontrast.scss +78 -23
  19. package/base/tokens/tokens-palette.scss +1 -1
  20. package/package.json +1 -1
  21. package/patternfly-base-no-globals.css +157 -54
  22. package/patternfly-base.css +157 -54
  23. package/patternfly-no-globals.css +157 -54
  24. package/patternfly.css +157 -54
  25. package/patternfly.min.css +1 -1
  26. package/patternfly.min.css.map +1 -1
package/base/patternfly-variables.css CHANGED
@@ -983,10 +983,23 @@
983
983
  --pf-t--global--background--image--default: none;
984
984
  }
985
985
 
986
+ :root:where(.pf-v6-theme-felt) {
987
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
988
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
989
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
990
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
991
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
992
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
993
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
994
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
995
+ }
996
+
986
997
  :root:where(.pf-v6-theme-high-contrast) {
987
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
998
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
988
999
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
1000
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
989
1001
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
1002
+ --pf-t--global--background--filter--glass--blur--primary: initial;
990
1003
  --pf-t--global--border--radius--0: 0px;
991
1004
  --pf-t--global--border--radius--100: 4px;
992
1005
  --pf-t--global--border--radius--200: 6px;
@@ -1000,10 +1013,10 @@
1000
1013
  --pf-t--global--border--width--action--plain--default: 0px;
1001
1014
  --pf-t--global--box-shadow--X--100: -10px;
1002
1015
  --pf-t--global--box-shadow--X--200: -4px;
1003
- --pf-t--global--box-shadow--X--300: -1px;
1016
+ --pf-t--global--box-shadow--X--300: -2px;
1004
1017
  --pf-t--global--box-shadow--X--400: 0px;
1005
1018
  --pf-t--global--box-shadow--X--50: -20px;
1006
- --pf-t--global--box-shadow--X--500: 1px;
1019
+ --pf-t--global--box-shadow--X--500: 2px;
1007
1020
  --pf-t--global--box-shadow--X--600: 4px;
1008
1021
  --pf-t--global--box-shadow--X--700: 10px;
1009
1022
  --pf-t--global--box-shadow--X--800: 20px;
@@ -1016,8 +1029,8 @@
1016
1029
  --pf-t--global--box-shadow--Y--600: 4px;
1017
1030
  --pf-t--global--box-shadow--Y--700: 10px;
1018
1031
  --pf-t--global--box-shadow--Y--800: 20px;
1019
- --pf-t--global--box-shadow--blur--100: 4px;
1020
- --pf-t--global--box-shadow--blur--200: 9px;
1032
+ --pf-t--global--box-shadow--blur--100: 6px;
1033
+ --pf-t--global--box-shadow--blur--200: 10px;
1021
1034
  --pf-t--global--box-shadow--blur--300: 20px;
1022
1035
  --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
1023
1036
  --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
@@ -1091,10 +1104,13 @@
1091
1104
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
1092
1105
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
1093
1106
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
1107
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
1108
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
1109
+ --pf-t--global--background--color--striped--row--default: var(--pf-t--global--background--color--700);
1094
1110
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
1095
1111
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
1096
1112
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
1097
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
1113
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
1098
1114
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
1099
1115
  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
1100
1116
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
@@ -1186,9 +1202,17 @@
1186
1202
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
1187
1203
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
1188
1204
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
1205
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
1206
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
1207
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--gray--60);
1208
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
1209
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
1210
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
1211
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
1212
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
1189
1213
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
1190
1214
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
1191
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
1215
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
1192
1216
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
1193
1217
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
1194
1218
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -1254,7 +1278,7 @@
1254
1278
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
1255
1279
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
1256
1280
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
1257
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
1281
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
1258
1282
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
1259
1283
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
1260
1284
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -1290,10 +1314,6 @@
1290
1314
  --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
1291
1315
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
1292
1316
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
1293
- --pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
1294
- --pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
1295
- --pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
1296
- --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
1297
1317
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
1298
1318
  --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
1299
1319
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
@@ -1314,9 +1334,6 @@
1314
1334
  --pf-t--global--text--color--300: var(--pf-t--color--white);
1315
1335
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
1316
1336
  --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
1317
- --pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
1318
- --pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
1319
- --pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
1320
1337
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
1321
1338
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
1322
1339
  --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
@@ -1332,8 +1349,8 @@
1332
1349
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
1333
1350
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
1334
1351
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
1335
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
1336
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
1352
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
1353
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
1337
1354
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
1338
1355
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
1339
1356
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -1356,8 +1373,13 @@
1356
1373
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
1357
1374
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
1358
1375
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
1376
+ --pf-t--global--background--color--sticky--default: var(--pf-t--global--background--color--100);
1377
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
1378
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
1379
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
1359
1380
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
1360
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
1381
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
1382
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
1361
1383
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
1362
1384
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
1363
1385
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
@@ -1393,12 +1415,22 @@
1393
1415
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
1394
1416
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
1395
1417
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
1418
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
1419
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
1420
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
1421
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
1422
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
1423
+ --pf-t--global--border--radius--glass--default: initial;
1424
+ --pf-t--global--border--width--glass--default: initial;
1396
1425
  --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
1397
1426
  --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
1398
1427
  --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
1399
1428
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
1400
1429
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
1401
1430
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
1431
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
1432
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
1433
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
1402
1434
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
1403
1435
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
1404
1436
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
@@ -1454,6 +1486,9 @@
1454
1486
  --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
1455
1487
  --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
1456
1488
  --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
1489
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
1490
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
1491
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
1457
1492
  --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
1458
1493
  --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
1459
1494
  --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
@@ -1467,8 +1502,6 @@
1467
1502
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
1468
1503
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
1469
1504
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
1470
- --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
1471
- --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
1472
1505
  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
1473
1506
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
1474
1507
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
@@ -1507,6 +1540,9 @@
1507
1540
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
1508
1541
  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
1509
1542
  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
1543
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
1544
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
1545
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
1510
1546
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
1511
1547
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
1512
1548
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
@@ -1516,22 +1552,27 @@
1516
1552
  --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
1517
1553
  --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
1518
1554
  --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
1519
- --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
1555
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
1520
1556
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
1521
- --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
1557
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
1522
1558
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
1523
1559
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
1524
1560
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
1525
1561
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
1562
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
1526
1563
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
1527
1564
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
1565
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
1528
1566
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
1529
1567
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
1530
1568
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
1569
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
1570
+ --pf-t--global--background--color--glass--primary--default: initial;
1531
1571
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
1532
1572
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
1533
1573
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
1534
1574
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
1575
+ --pf-t--global--border--color--glass--default: initial;
1535
1576
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
1536
1577
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
1537
1578
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
@@ -1543,6 +1584,9 @@
1543
1584
  --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1544
1585
  --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
1545
1586
  --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1587
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
1588
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
1589
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
1546
1590
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
1547
1591
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1548
1592
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -1580,9 +1624,15 @@
1580
1624
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
1581
1625
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
1582
1626
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
1627
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
1628
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
1629
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
1583
1630
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
1584
1631
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1585
1632
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1633
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
1634
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
1635
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
1586
1636
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1587
1637
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1588
1638
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -1604,6 +1654,9 @@
1604
1654
  --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
1605
1655
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1606
1656
  --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1657
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1658
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
1659
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1607
1660
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
1608
1661
  --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
1609
1662
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
@@ -1646,9 +1699,15 @@
1646
1699
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
1647
1700
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
1648
1701
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
1702
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
1703
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
1704
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
1649
1705
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
1650
1706
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1651
1707
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1708
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
1709
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
1710
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
1652
1711
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
1653
1712
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1654
1713
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -1680,7 +1739,14 @@
1680
1739
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
1681
1740
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
1682
1741
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
1742
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
1743
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
1744
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
1745
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
1683
1746
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
1747
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
1748
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
1749
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
1684
1750
  }
1685
1751
 
1686
1752
  :root:where(.pf-v6-theme-glass) {
@@ -1703,17 +1769,6 @@
1703
1769
  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
1704
1770
  }
1705
1771
 
1706
- :root:where(.pf-v6-theme-felt) {
1707
- --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
1708
- --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
1709
- --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
1710
- --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
1711
- --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
1712
- --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
1713
- --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
1714
- --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
1715
- }
1716
-
1717
1772
  :root:where(.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
1718
1773
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
1719
1774
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
@@ -2307,15 +2362,37 @@
2307
2362
  --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
2308
2363
  }
2309
2364
 
2365
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
2366
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
2367
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
2368
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
2369
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
2370
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
2371
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
2372
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--300);
2373
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300);
2374
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular);
2375
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
2376
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular);
2377
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
2378
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
2379
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
2380
+ }
2381
+
2310
2382
  :root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
2311
2383
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
2384
+ --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
2385
+ --pf-t--global--background--filter--glass--blur--primary: initial;
2312
2386
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
2313
2387
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
2388
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
2314
2389
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
2315
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
2390
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
2316
2391
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
2317
2392
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
2318
2393
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
2394
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
2395
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
2319
2396
  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
2320
2397
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
2321
2398
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
@@ -2331,13 +2408,21 @@
2331
2408
  --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
2332
2409
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
2333
2410
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
2334
- --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
2411
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--60);
2335
2412
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
2336
2413
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
2337
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
2414
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
2338
2415
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
2339
2416
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
2340
2417
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
2418
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
2419
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--60);
2420
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--40);
2421
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--gray--20);
2422
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
2423
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
2424
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
2425
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
2341
2426
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
2342
2427
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
2343
2428
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -2409,11 +2494,12 @@
2409
2494
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
2410
2495
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
2411
2496
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
2412
- --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
2497
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--100);
2413
2498
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
2414
2499
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
2415
2500
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
2416
2501
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
2502
+ --pf-t--global--background--color--glass--primary--default: initial;
2417
2503
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
2418
2504
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
2419
2505
  --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
@@ -2424,8 +2510,13 @@
2424
2510
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
2425
2511
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
2426
2512
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
2513
+ --pf-t--global--background--color--sticky--default: var(--pf-t--global--dark--background--color--200);
2427
2514
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
2515
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
2516
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
2517
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
2428
2518
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
2519
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
2429
2520
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
2430
2521
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
2431
2522
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
@@ -2458,9 +2549,13 @@
2458
2549
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
2459
2550
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
2460
2551
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
2552
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
2461
2553
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
2462
2554
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
2463
2555
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
2556
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
2557
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
2558
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
2464
2559
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
2465
2560
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
2466
2561
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -2537,9 +2632,12 @@
2537
2632
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
2538
2633
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
2539
2634
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
2635
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--dark--border--color--300);
2636
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
2540
2637
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
2541
2638
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
2542
2639
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
2640
+ --pf-t--global--border--color--glass--default: initial;
2543
2641
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
2544
2642
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
2545
2643
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
@@ -2557,6 +2655,9 @@
2557
2655
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
2558
2656
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
2559
2657
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
2658
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
2659
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
2660
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
2560
2661
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
2561
2662
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
2562
2663
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -2595,9 +2696,15 @@
2595
2696
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
2596
2697
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
2597
2698
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
2699
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
2700
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
2701
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
2598
2702
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
2599
2703
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
2600
2704
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
2705
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
2706
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
2707
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
2601
2708
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
2602
2709
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
2603
2710
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -2661,9 +2768,15 @@
2661
2768
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
2662
2769
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
2663
2770
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
2771
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
2772
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
2773
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
2664
2774
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
2665
2775
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
2666
2776
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
2777
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
2778
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
2779
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
2667
2780
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
2668
2781
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
2669
2782
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -2698,6 +2811,13 @@
2698
2811
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
2699
2812
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
2700
2813
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
2814
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
2815
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
2816
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
2817
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
2818
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
2819
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
2820
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
2701
2821
  }
2702
2822
 
2703
2823
  :root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
@@ -2723,23 +2843,6 @@
2723
2843
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass--dark, url("../assets/images/PF-Bkg-Generic-Dark.svg"));
2724
2844
  }
2725
2845
 
2726
- :root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
2727
- --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
2728
- --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
2729
- --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
2730
- --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
2731
- --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
2732
- --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
2733
- --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--300);
2734
- --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300);
2735
- --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular);
2736
- --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
2737
- --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular);
2738
- --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
2739
- --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
2740
- --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
2741
- }
2742
-
2743
2846
  :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
2744
2847
  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
2745
2848
  --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
package/base/patternfly-variables.scss CHANGED
@@ -25,6 +25,10 @@
25
25
  @include local.pf-v6-tokens;
26
26
  }
27
27
 
28
+ :root:where(.pf-v6-theme-felt) {
29
+ @include felt.pf-v6-tokens;
30
+ }
31
+
28
32
  // Default
29
33
  :root:where(.pf-v6-theme-high-contrast) {
30
34
  @include highcontrast.pf-v6-tokens;
@@ -35,10 +39,6 @@
35
39
  @include local-glass.pf-v6-tokens;
36
40
  }
37
41
 
38
- :root:where(.pf-v6-theme-felt) {
39
- @include felt.pf-v6-tokens;
40
- }
41
-
42
42
  :root:where(.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
43
43
  @include felt-highcontrast.pf-v6-tokens;
44
44
  }
@@ -53,6 +53,10 @@
53
53
  @include dark.pf-v6-tokens;
54
54
  }
55
55
 
56
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
57
+ @include felt-dark.pf-v6-tokens;
58
+ }
59
+
56
60
  :root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
57
61
  @include highcontrast-dark.pf-v6-tokens;
58
62
  }
@@ -62,10 +66,6 @@
62
66
  @include local-glass-dark.pf-v6-tokens;
63
67
  }
64
68
 
65
- :root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
66
- @include felt-dark.pf-v6-tokens;
67
- }
68
-
69
69
  :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
70
70
  @include felt-highcontrast-dark.pf-v6-tokens;
71
71
  }
package/base/tokens/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:40 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:36 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/base/tokens/tokens-charts-highcontrast-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:40 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:36 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/base/tokens/tokens-charts-highcontrast.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:40 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:36 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/base/tokens/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:40 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:36 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/base/tokens/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:40 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:36 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
package/base/tokens/tokens-default.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:40 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:36 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
package/base/tokens/tokens-felt-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:40 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:37 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (14 tokens)
6
6
  @mixin pf-v6-tokens {
package/base/tokens/tokens-felt-glass-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:41 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:37 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (33 tokens)
6
6
  @mixin pf-v6-tokens {
package/base/tokens/tokens-felt-glass.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:40 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:37 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (23 tokens)
6
6
  @mixin pf-v6-tokens {
package/base/tokens/tokens-felt-highcontrast-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:41 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:37 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (43 tokens)
6
6
  @mixin pf-v6-tokens {