@primer/primitives 11.0.0 → 11.1.0-rc.27a415da

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 (74) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +58 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +60 -2
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +58 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +60 -2
  5. package/dist/css/functional/themes/dark-high-contrast.css +58 -0
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +58 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +60 -2
  8. package/dist/css/functional/themes/dark.css +60 -2
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +58 -0
  10. package/dist/css/functional/themes/light-colorblind.css +60 -2
  11. package/dist/css/functional/themes/light-high-contrast.css +58 -0
  12. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +58 -0
  13. package/dist/css/functional/themes/light-tritanopia.css +60 -2
  14. package/dist/css/functional/themes/light.css +60 -2
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +3280 -243
  16. package/dist/docs/functional/themes/dark-colorblind.json +3269 -232
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +3280 -243
  18. package/dist/docs/functional/themes/dark-dimmed.json +3269 -232
  19. package/dist/docs/functional/themes/dark-high-contrast.json +3280 -243
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +3280 -243
  21. package/dist/docs/functional/themes/dark-tritanopia.json +3269 -232
  22. package/dist/docs/functional/themes/dark.json +3269 -232
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +3280 -243
  24. package/dist/docs/functional/themes/light-colorblind.json +3270 -233
  25. package/dist/docs/functional/themes/light-high-contrast.json +3280 -243
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +3280 -243
  27. package/dist/docs/functional/themes/light-tritanopia.json +3270 -233
  28. package/dist/docs/functional/themes/light.json +3270 -233
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +464 -0
  30. package/dist/figma/themes/dark-colorblind.json +468 -4
  31. package/dist/figma/themes/dark-dimmed-high-contrast.json +464 -0
  32. package/dist/figma/themes/dark-dimmed.json +468 -4
  33. package/dist/figma/themes/dark-high-contrast.json +464 -0
  34. package/dist/figma/themes/dark-tritanopia-high-contrast.json +464 -0
  35. package/dist/figma/themes/dark-tritanopia.json +468 -4
  36. package/dist/figma/themes/dark.json +468 -4
  37. package/dist/figma/themes/light-colorblind-high-contrast.json +464 -0
  38. package/dist/figma/themes/light-colorblind.json +468 -4
  39. package/dist/figma/themes/light-high-contrast.json +464 -0
  40. package/dist/figma/themes/light-tritanopia-high-contrast.json +464 -0
  41. package/dist/figma/themes/light-tritanopia.json +468 -4
  42. package/dist/figma/themes/light.json +468 -4
  43. package/dist/internalCss/dark-colorblind-high-contrast.css +58 -0
  44. package/dist/internalCss/dark-colorblind.css +60 -2
  45. package/dist/internalCss/dark-dimmed-high-contrast.css +58 -0
  46. package/dist/internalCss/dark-dimmed.css +60 -2
  47. package/dist/internalCss/dark-high-contrast.css +58 -0
  48. package/dist/internalCss/dark-tritanopia-high-contrast.css +58 -0
  49. package/dist/internalCss/dark-tritanopia.css +60 -2
  50. package/dist/internalCss/dark.css +60 -2
  51. package/dist/internalCss/light-colorblind-high-contrast.css +58 -0
  52. package/dist/internalCss/light-colorblind.css +60 -2
  53. package/dist/internalCss/light-high-contrast.css +58 -0
  54. package/dist/internalCss/light-tritanopia-high-contrast.css +58 -0
  55. package/dist/internalCss/light-tritanopia.css +60 -2
  56. package/dist/internalCss/light.css +60 -2
  57. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +3279 -242
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +3268 -231
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +3279 -242
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +3268 -231
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +3279 -242
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +3279 -242
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +3268 -231
  64. package/dist/styleLint/functional/themes/dark.json +3268 -231
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +3279 -242
  66. package/dist/styleLint/functional/themes/light-colorblind.json +3269 -232
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +3279 -242
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +3279 -242
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +3269 -232
  70. package/dist/styleLint/functional/themes/light.json +3269 -232
  71. package/package.json +2 -2
  72. package/src/tokens/component/label.json5 +760 -0
  73. package/src/tokens/component/progressBar.json5 +145 -0
  74. package/src/tokens/functional/color/control.json5 +9 -2
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -500,119 +500,139 @@
500
500
  --label-auburn-bgColor-active: #d4b7b5;
501
501
  --label-auburn-bgColor-hover: #e6d6d5;
502
502
  --label-auburn-bgColor-rest: #f2e9e9;
503
+ --label-auburn-borderColor: #ffffff00;
503
504
  --label-auburn-fgColor-active: #5d3937;
504
505
  --label-auburn-fgColor-hover: #744744;
505
506
  --label-auburn-fgColor-rest: #8a5551;
506
507
  --label-blue-bgColor-active: #75c8ff;
507
508
  --label-blue-bgColor-hover: #ade1ff;
508
509
  --label-blue-bgColor-rest: #d1f0ff;
510
+ --label-blue-borderColor: #ffffff00;
509
511
  --label-blue-fgColor-active: #003d99;
510
512
  --label-blue-fgColor-hover: #004db3;
511
513
  --label-blue-fgColor-rest: #005fcc;
512
514
  --label-brown-bgColor-active: #cbbda4;
513
515
  --label-brown-bgColor-hover: #dfd7c8;
514
516
  --label-brown-bgColor-rest: #eeeae2;
517
+ --label-brown-borderColor: #ffffff00;
515
518
  --label-brown-fgColor-active: #51412f;
516
519
  --label-brown-fgColor-hover: #64513a;
517
520
  --label-brown-fgColor-rest: #755f43;
518
521
  --label-coral-bgColor-active: #fcab92;
519
522
  --label-coral-bgColor-hover: #fecebe;
520
523
  --label-coral-bgColor-rest: #ffe5db;
524
+ --label-coral-borderColor: #ffffff00;
521
525
  --label-coral-fgColor-active: #7e2011;
522
526
  --label-coral-fgColor-hover: #9b2712;
523
527
  --label-coral-fgColor-rest: #ba2e12;
524
528
  --label-cyan-bgColor-active: #00d0fa;
525
529
  --label-cyan-bgColor-hover: #7ae9ff;
526
530
  --label-cyan-bgColor-rest: #bdf4ff;
531
+ --label-cyan-borderColor: #ffffff00;
527
532
  --label-cyan-fgColor-active: #004857;
528
533
  --label-cyan-fgColor-hover: #00596b;
529
534
  --label-cyan-fgColor-rest: #006a80;
530
535
  --label-gray-bgColor-active: #b4c0cf;
531
536
  --label-gray-bgColor-hover: #d2dae4;
532
537
  --label-gray-bgColor-rest: #e8ecf2;
538
+ --label-gray-borderColor: #ffffff00;
533
539
  --label-gray-fgColor-active: #424448;
534
540
  --label-gray-fgColor-hover: #4e535a;
535
541
  --label-gray-fgColor-rest: #5c6570;
536
542
  --label-green-bgColor-active: #54d961;
537
543
  --label-green-bgColor-hover: #9ceda0;
538
544
  --label-green-bgColor-rest: #caf7ca;
545
+ --label-green-borderColor: #ffffff00;
539
546
  --label-green-fgColor-active: #254b34;
540
547
  --label-green-fgColor-hover: #285c3b;
541
548
  --label-green-fgColor-rest: #2b6e3f;
542
549
  --label-indigo-bgColor-active: #b1b9fb;
543
550
  --label-indigo-bgColor-hover: #d2d7fe;
544
551
  --label-indigo-bgColor-rest: #e5e9ff;
552
+ --label-indigo-borderColor: #ffffff00;
545
553
  --label-indigo-fgColor-active: #2d2db4;
546
554
  --label-indigo-fgColor-hover: #393cd5;
547
555
  --label-indigo-fgColor-rest: #494edf;
548
556
  --label-lemon-bgColor-active: #d8bd0e;
549
557
  --label-lemon-bgColor-hover: #f0db3d;
550
558
  --label-lemon-bgColor-rest: #f7eea1;
559
+ --label-lemon-borderColor: #ffffff00;
551
560
  --label-lemon-fgColor-active: #523f00;
552
561
  --label-lemon-fgColor-hover: #654f01;
553
562
  --label-lemon-fgColor-rest: #786002;
554
563
  --label-lime-bgColor-active: #9bd039;
555
564
  --label-lime-bgColor-hover: #c7e580;
556
565
  --label-lime-bgColor-rest: #e3f2b5;
566
+ --label-lime-borderColor: #ffffff00;
557
567
  --label-lime-fgColor-active: #2f4a21;
558
568
  --label-lime-fgColor-hover: #3a5b25;
559
569
  --label-lime-fgColor-rest: #476c28;
560
570
  --label-olive-bgColor-active: #b9c832;
561
571
  --label-olive-bgColor-hover: #dbe170;
562
572
  --label-olive-bgColor-rest: #f0f0ad;
573
+ --label-olive-borderColor: #ffffff00;
563
574
  --label-olive-fgColor-active: #3b4927;
564
575
  --label-olive-fgColor-hover: #495a2b;
565
576
  --label-olive-fgColor-rest: #56682c;
566
577
  --label-orange-bgColor-active: #fbaf74;
567
578
  --label-orange-bgColor-hover: #fecfaa;
568
579
  --label-orange-bgColor-rest: #ffe7d1;
580
+ --label-orange-borderColor: #ffffff00;
569
581
  --label-orange-fgColor-active: #70300f;
570
582
  --label-orange-fgColor-hover: #8d3c11;
571
583
  --label-orange-fgColor-rest: #a24610;
572
584
  --label-pine-bgColor-active: #1dd781;
573
585
  --label-pine-bgColor-hover: #80efb9;
574
586
  --label-pine-bgColor-rest: #bff8db;
587
+ --label-pine-borderColor: #ffffff00;
575
588
  --label-pine-fgColor-active: #114b36;
576
589
  --label-pine-fgColor-hover: #135d41;
577
590
  --label-pine-fgColor-rest: #156f4b;
578
591
  --label-pink-bgColor-active: #f8a5cf;
579
592
  --label-pink-bgColor-hover: #fdc9e2;
580
593
  --label-pink-bgColor-rest: #ffe5f1;
594
+ --label-pink-borderColor: #ffffff00;
581
595
  --label-pink-fgColor-active: #6e2b53;
582
596
  --label-pink-fgColor-hover: #8e2e66;
583
597
  --label-pink-fgColor-rest: #b12f79;
584
598
  --label-plum-bgColor-active: #e2a7fb;
585
599
  --label-plum-bgColor-hover: #f0cdfe;
586
600
  --label-plum-bgColor-rest: #f8e5ff;
601
+ --label-plum-borderColor: #ffffff00;
587
602
  --label-plum-fgColor-active: #651d96;
588
603
  --label-plum-fgColor-hover: #7d1eb8;
589
604
  --label-plum-fgColor-rest: #961edc;
590
605
  --label-purple-bgColor-active: #d1b1fc;
591
606
  --label-purple-bgColor-hover: #e6d2fe;
592
607
  --label-purple-bgColor-rest: #f1e5ff;
608
+ --label-purple-borderColor: #ffffff00;
593
609
  --label-purple-fgColor-active: #4f21ab;
594
610
  --label-purple-fgColor-hover: #6223d7;
595
611
  --label-purple-fgColor-rest: #783ae4;
596
612
  --label-red-bgColor-active: #fda5a7;
597
613
  --label-red-bgColor-hover: #fecdcd;
598
614
  --label-red-bgColor-rest: #ffe2e0;
615
+ --label-red-borderColor: #ffffff00;
599
616
  --label-red-fgColor-active: #880c27;
600
617
  --label-red-fgColor-hover: #a60c29;
601
618
  --label-red-fgColor-rest: #c50d28;
602
619
  --label-teal-bgColor-active: #22d3c7;
603
620
  --label-teal-bgColor-hover: #89ebe1;
604
621
  --label-teal-bgColor-rest: #c7f5ef;
622
+ --label-teal-borderColor: #ffffff00;
605
623
  --label-teal-fgColor-active: #0a4852;
606
624
  --label-teal-fgColor-hover: #0d5b63;
607
625
  --label-teal-fgColor-rest: #106e75;
608
626
  --label-yellow-bgColor-active: #ebb400;
609
627
  --label-yellow-bgColor-hover: #ffd642;
610
628
  --label-yellow-bgColor-rest: #ffec9e;
629
+ --label-yellow-borderColor: #ffffff00;
611
630
  --label-yellow-fgColor-active: #5c3d00;
612
631
  --label-yellow-fgColor-hover: #704d00;
613
632
  --label-yellow-fgColor-rest: #805900;
614
633
  --menu-bgColor-active: #ffffff00;
615
634
  --overlay-backdrop-bgColor: #c8d1da66;
635
+ --progressBar-track-borderColor: #ffffff00;
616
636
  --reactionButton-selected-bgColor-rest: #ddf4ff;
617
637
  --reactionButton-selected-fgColor-hover: #0550ae;
618
638
  --selectMenu-bgColor-active: #b6e3ff;
@@ -754,6 +774,15 @@
754
774
  --header-fgColor-logo: #ffffff;
755
775
  --overlay-bgColor: #ffffff;
756
776
  --page-header-bgColor: var(--bgColor-muted);
777
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
778
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
779
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
780
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
781
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
782
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
783
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
784
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
785
+ --progressBar-track-bgColor: var(--borderColor-default);
757
786
  --selection-bgColor: #0969da33;
758
787
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
759
788
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -799,7 +828,7 @@
799
828
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
800
829
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
801
830
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
802
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
831
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
803
832
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
804
833
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
805
834
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -1328,119 +1357,139 @@
1328
1357
  --label-auburn-bgColor-active: #d4b7b5;
1329
1358
  --label-auburn-bgColor-hover: #e6d6d5;
1330
1359
  --label-auburn-bgColor-rest: #f2e9e9;
1360
+ --label-auburn-borderColor: #ffffff00;
1331
1361
  --label-auburn-fgColor-active: #5d3937;
1332
1362
  --label-auburn-fgColor-hover: #744744;
1333
1363
  --label-auburn-fgColor-rest: #8a5551;
1334
1364
  --label-blue-bgColor-active: #75c8ff;
1335
1365
  --label-blue-bgColor-hover: #ade1ff;
1336
1366
  --label-blue-bgColor-rest: #d1f0ff;
1367
+ --label-blue-borderColor: #ffffff00;
1337
1368
  --label-blue-fgColor-active: #003d99;
1338
1369
  --label-blue-fgColor-hover: #004db3;
1339
1370
  --label-blue-fgColor-rest: #005fcc;
1340
1371
  --label-brown-bgColor-active: #cbbda4;
1341
1372
  --label-brown-bgColor-hover: #dfd7c8;
1342
1373
  --label-brown-bgColor-rest: #eeeae2;
1374
+ --label-brown-borderColor: #ffffff00;
1343
1375
  --label-brown-fgColor-active: #51412f;
1344
1376
  --label-brown-fgColor-hover: #64513a;
1345
1377
  --label-brown-fgColor-rest: #755f43;
1346
1378
  --label-coral-bgColor-active: #fcab92;
1347
1379
  --label-coral-bgColor-hover: #fecebe;
1348
1380
  --label-coral-bgColor-rest: #ffe5db;
1381
+ --label-coral-borderColor: #ffffff00;
1349
1382
  --label-coral-fgColor-active: #7e2011;
1350
1383
  --label-coral-fgColor-hover: #9b2712;
1351
1384
  --label-coral-fgColor-rest: #ba2e12;
1352
1385
  --label-cyan-bgColor-active: #00d0fa;
1353
1386
  --label-cyan-bgColor-hover: #7ae9ff;
1354
1387
  --label-cyan-bgColor-rest: #bdf4ff;
1388
+ --label-cyan-borderColor: #ffffff00;
1355
1389
  --label-cyan-fgColor-active: #004857;
1356
1390
  --label-cyan-fgColor-hover: #00596b;
1357
1391
  --label-cyan-fgColor-rest: #006a80;
1358
1392
  --label-gray-bgColor-active: #b4c0cf;
1359
1393
  --label-gray-bgColor-hover: #d2dae4;
1360
1394
  --label-gray-bgColor-rest: #e8ecf2;
1395
+ --label-gray-borderColor: #ffffff00;
1361
1396
  --label-gray-fgColor-active: #424448;
1362
1397
  --label-gray-fgColor-hover: #4e535a;
1363
1398
  --label-gray-fgColor-rest: #5c6570;
1364
1399
  --label-green-bgColor-active: #54d961;
1365
1400
  --label-green-bgColor-hover: #9ceda0;
1366
1401
  --label-green-bgColor-rest: #caf7ca;
1402
+ --label-green-borderColor: #ffffff00;
1367
1403
  --label-green-fgColor-active: #254b34;
1368
1404
  --label-green-fgColor-hover: #285c3b;
1369
1405
  --label-green-fgColor-rest: #2b6e3f;
1370
1406
  --label-indigo-bgColor-active: #b1b9fb;
1371
1407
  --label-indigo-bgColor-hover: #d2d7fe;
1372
1408
  --label-indigo-bgColor-rest: #e5e9ff;
1409
+ --label-indigo-borderColor: #ffffff00;
1373
1410
  --label-indigo-fgColor-active: #2d2db4;
1374
1411
  --label-indigo-fgColor-hover: #393cd5;
1375
1412
  --label-indigo-fgColor-rest: #494edf;
1376
1413
  --label-lemon-bgColor-active: #d8bd0e;
1377
1414
  --label-lemon-bgColor-hover: #f0db3d;
1378
1415
  --label-lemon-bgColor-rest: #f7eea1;
1416
+ --label-lemon-borderColor: #ffffff00;
1379
1417
  --label-lemon-fgColor-active: #523f00;
1380
1418
  --label-lemon-fgColor-hover: #654f01;
1381
1419
  --label-lemon-fgColor-rest: #786002;
1382
1420
  --label-lime-bgColor-active: #9bd039;
1383
1421
  --label-lime-bgColor-hover: #c7e580;
1384
1422
  --label-lime-bgColor-rest: #e3f2b5;
1423
+ --label-lime-borderColor: #ffffff00;
1385
1424
  --label-lime-fgColor-active: #2f4a21;
1386
1425
  --label-lime-fgColor-hover: #3a5b25;
1387
1426
  --label-lime-fgColor-rest: #476c28;
1388
1427
  --label-olive-bgColor-active: #b9c832;
1389
1428
  --label-olive-bgColor-hover: #dbe170;
1390
1429
  --label-olive-bgColor-rest: #f0f0ad;
1430
+ --label-olive-borderColor: #ffffff00;
1391
1431
  --label-olive-fgColor-active: #3b4927;
1392
1432
  --label-olive-fgColor-hover: #495a2b;
1393
1433
  --label-olive-fgColor-rest: #56682c;
1394
1434
  --label-orange-bgColor-active: #fbaf74;
1395
1435
  --label-orange-bgColor-hover: #fecfaa;
1396
1436
  --label-orange-bgColor-rest: #ffe7d1;
1437
+ --label-orange-borderColor: #ffffff00;
1397
1438
  --label-orange-fgColor-active: #70300f;
1398
1439
  --label-orange-fgColor-hover: #8d3c11;
1399
1440
  --label-orange-fgColor-rest: #a24610;
1400
1441
  --label-pine-bgColor-active: #1dd781;
1401
1442
  --label-pine-bgColor-hover: #80efb9;
1402
1443
  --label-pine-bgColor-rest: #bff8db;
1444
+ --label-pine-borderColor: #ffffff00;
1403
1445
  --label-pine-fgColor-active: #114b36;
1404
1446
  --label-pine-fgColor-hover: #135d41;
1405
1447
  --label-pine-fgColor-rest: #156f4b;
1406
1448
  --label-pink-bgColor-active: #f8a5cf;
1407
1449
  --label-pink-bgColor-hover: #fdc9e2;
1408
1450
  --label-pink-bgColor-rest: #ffe5f1;
1451
+ --label-pink-borderColor: #ffffff00;
1409
1452
  --label-pink-fgColor-active: #6e2b53;
1410
1453
  --label-pink-fgColor-hover: #8e2e66;
1411
1454
  --label-pink-fgColor-rest: #b12f79;
1412
1455
  --label-plum-bgColor-active: #e2a7fb;
1413
1456
  --label-plum-bgColor-hover: #f0cdfe;
1414
1457
  --label-plum-bgColor-rest: #f8e5ff;
1458
+ --label-plum-borderColor: #ffffff00;
1415
1459
  --label-plum-fgColor-active: #651d96;
1416
1460
  --label-plum-fgColor-hover: #7d1eb8;
1417
1461
  --label-plum-fgColor-rest: #961edc;
1418
1462
  --label-purple-bgColor-active: #d1b1fc;
1419
1463
  --label-purple-bgColor-hover: #e6d2fe;
1420
1464
  --label-purple-bgColor-rest: #f1e5ff;
1465
+ --label-purple-borderColor: #ffffff00;
1421
1466
  --label-purple-fgColor-active: #4f21ab;
1422
1467
  --label-purple-fgColor-hover: #6223d7;
1423
1468
  --label-purple-fgColor-rest: #783ae4;
1424
1469
  --label-red-bgColor-active: #fda5a7;
1425
1470
  --label-red-bgColor-hover: #fecdcd;
1426
1471
  --label-red-bgColor-rest: #ffe2e0;
1472
+ --label-red-borderColor: #ffffff00;
1427
1473
  --label-red-fgColor-active: #880c27;
1428
1474
  --label-red-fgColor-hover: #a60c29;
1429
1475
  --label-red-fgColor-rest: #c50d28;
1430
1476
  --label-teal-bgColor-active: #22d3c7;
1431
1477
  --label-teal-bgColor-hover: #89ebe1;
1432
1478
  --label-teal-bgColor-rest: #c7f5ef;
1479
+ --label-teal-borderColor: #ffffff00;
1433
1480
  --label-teal-fgColor-active: #0a4852;
1434
1481
  --label-teal-fgColor-hover: #0d5b63;
1435
1482
  --label-teal-fgColor-rest: #106e75;
1436
1483
  --label-yellow-bgColor-active: #ebb400;
1437
1484
  --label-yellow-bgColor-hover: #ffd642;
1438
1485
  --label-yellow-bgColor-rest: #ffec9e;
1486
+ --label-yellow-borderColor: #ffffff00;
1439
1487
  --label-yellow-fgColor-active: #5c3d00;
1440
1488
  --label-yellow-fgColor-hover: #704d00;
1441
1489
  --label-yellow-fgColor-rest: #805900;
1442
1490
  --menu-bgColor-active: #ffffff00;
1443
1491
  --overlay-backdrop-bgColor: #c8d1da66;
1492
+ --progressBar-track-borderColor: #ffffff00;
1444
1493
  --reactionButton-selected-bgColor-rest: #ddf4ff;
1445
1494
  --reactionButton-selected-fgColor-hover: #0550ae;
1446
1495
  --selectMenu-bgColor-active: #b6e3ff;
@@ -1582,6 +1631,15 @@
1582
1631
  --header-fgColor-logo: #ffffff;
1583
1632
  --overlay-bgColor: #ffffff;
1584
1633
  --page-header-bgColor: var(--bgColor-muted);
1634
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1635
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1636
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1637
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1638
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1639
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1640
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1641
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1642
+ --progressBar-track-bgColor: var(--borderColor-default);
1585
1643
  --selection-bgColor: #0969da33;
1586
1644
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1587
1645
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -1627,7 +1685,7 @@
1627
1685
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1628
1686
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1629
1687
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1630
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1688
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1631
1689
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1632
1690
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1633
1691
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
package/dist/css/functional/themes/light.css CHANGED
@@ -496,119 +496,140 @@
496
496
  --label-auburn-bgColor-active: #d4b7b5;
497
497
  --label-auburn-bgColor-hover: #e6d6d5;
498
498
  --label-auburn-bgColor-rest: #f2e9e9;
499
+ --label-auburn-borderColor: #ffffff00;
499
500
  --label-auburn-fgColor-active: #5d3937;
500
501
  --label-auburn-fgColor-hover: #744744;
501
502
  --label-auburn-fgColor-rest: #8a5551;
502
503
  --label-blue-bgColor-active: #75c8ff;
503
504
  --label-blue-bgColor-hover: #ade1ff;
504
505
  --label-blue-bgColor-rest: #d1f0ff;
506
+ --label-blue-borderColor: #ffffff00;
505
507
  --label-blue-fgColor-active: #003d99;
506
508
  --label-blue-fgColor-hover: #004db3;
507
509
  --label-blue-fgColor-rest: #005fcc;
508
510
  --label-brown-bgColor-active: #cbbda4;
509
511
  --label-brown-bgColor-hover: #dfd7c8;
510
512
  --label-brown-bgColor-rest: #eeeae2;
513
+ --label-brown-borderColor: #ffffff00;
511
514
  --label-brown-fgColor-active: #51412f;
512
515
  --label-brown-fgColor-hover: #64513a;
513
516
  --label-brown-fgColor-rest: #755f43;
514
517
  --label-coral-bgColor-active: #fcab92;
515
518
  --label-coral-bgColor-hover: #fecebe;
516
519
  --label-coral-bgColor-rest: #ffe5db;
520
+ --label-coral-borderColor: #ffffff00;
517
521
  --label-coral-fgColor-active: #7e2011;
518
522
  --label-coral-fgColor-hover: #9b2712;
519
523
  --label-coral-fgColor-rest: #ba2e12;
520
524
  --label-cyan-bgColor-active: #00d0fa;
521
525
  --label-cyan-bgColor-hover: #7ae9ff;
522
526
  --label-cyan-bgColor-rest: #bdf4ff;
527
+ --label-cyan-borderColor: #ffffff00;
523
528
  --label-cyan-fgColor-active: #004857;
524
529
  --label-cyan-fgColor-hover: #00596b;
525
530
  --label-cyan-fgColor-rest: #006a80;
526
531
  --label-gray-bgColor-active: #b4c0cf;
527
532
  --label-gray-bgColor-hover: #d2dae4;
528
533
  --label-gray-bgColor-rest: #e8ecf2;
534
+ --label-gray-borderColor: #ffffff00;
529
535
  --label-gray-fgColor-active: #424448;
530
536
  --label-gray-fgColor-hover: #4e535a;
531
537
  --label-gray-fgColor-rest: #5c6570;
532
538
  --label-green-bgColor-active: #54d961;
533
539
  --label-green-bgColor-hover: #9ceda0;
534
540
  --label-green-bgColor-rest: #caf7ca;
541
+ --label-green-borderColor: #ffffff00;
535
542
  --label-green-fgColor-active: #254b34;
536
543
  --label-green-fgColor-hover: #285c3b;
537
544
  --label-green-fgColor-rest: #2b6e3f;
538
545
  --label-indigo-bgColor-active: #b1b9fb;
539
546
  --label-indigo-bgColor-hover: #d2d7fe;
540
547
  --label-indigo-bgColor-rest: #e5e9ff;
548
+ --label-indigo-borderColor: #ffffff00;
541
549
  --label-indigo-fgColor-active: #2d2db4;
542
550
  --label-indigo-fgColor-hover: #393cd5;
543
551
  --label-indigo-fgColor-rest: #494edf;
544
552
  --label-lemon-bgColor-active: #d8bd0e;
545
553
  --label-lemon-bgColor-hover: #f0db3d;
546
554
  --label-lemon-bgColor-rest: #f7eea1;
555
+ --label-lemon-borderColor: #ffffff00;
547
556
  --label-lemon-fgColor-active: #523f00;
548
557
  --label-lemon-fgColor-hover: #654f01;
549
558
  --label-lemon-fgColor-rest: #786002;
550
559
  --label-lime-bgColor-active: #9bd039;
551
560
  --label-lime-bgColor-hover: #c7e580;
552
561
  --label-lime-bgColor-rest: #e3f2b5;
562
+ --label-lime-borderColor: #ffffff00;
553
563
  --label-lime-fgColor-active: #2f4a21;
554
564
  --label-lime-fgColor-hover: #3a5b25;
555
565
  --label-lime-fgColor-rest: #476c28;
556
566
  --label-olive-bgColor-active: #b9c832;
557
567
  --label-olive-bgColor-hover: #dbe170;
558
568
  --label-olive-bgColor-rest: #f0f0ad;
569
+ --label-olive-borderColor: #ffffff00;
559
570
  --label-olive-fgColor-active: #3b4927;
560
571
  --label-olive-fgColor-hover: #495a2b;
561
572
  --label-olive-fgColor-rest: #56682c;
562
573
  --label-orange-bgColor-active: #fbaf74;
563
574
  --label-orange-bgColor-hover: #fecfaa;
564
575
  --label-orange-bgColor-rest: #ffe7d1;
576
+ --label-orange-borderColor: #ffffff00;
565
577
  --label-orange-fgColor-active: #70300f;
566
578
  --label-orange-fgColor-hover: #8d3c11;
567
579
  --label-orange-fgColor-rest: #a24610;
568
580
  --label-pine-bgColor-active: #1dd781;
569
581
  --label-pine-bgColor-hover: #80efb9;
570
582
  --label-pine-bgColor-rest: #bff8db;
583
+ --label-pine-borderColor: #ffffff00;
571
584
  --label-pine-fgColor-active: #114b36;
572
585
  --label-pine-fgColor-hover: #135d41;
573
586
  --label-pine-fgColor-rest: #156f4b;
574
587
  --label-pink-bgColor-active: #f8a5cf;
575
588
  --label-pink-bgColor-hover: #fdc9e2;
576
589
  --label-pink-bgColor-rest: #ffe5f1;
590
+ --label-pink-borderColor: #ffffff00;
577
591
  --label-pink-fgColor-active: #6e2b53;
578
592
  --label-pink-fgColor-hover: #8e2e66;
579
593
  --label-pink-fgColor-rest: #b12f79;
580
594
  --label-plum-bgColor-active: #e2a7fb;
581
595
  --label-plum-bgColor-hover: #f0cdfe;
582
596
  --label-plum-bgColor-rest: #f8e5ff;
597
+ --label-plum-borderColor: #ffffff00;
583
598
  --label-plum-fgColor-active: #651d96;
584
599
  --label-plum-fgColor-hover: #7d1eb8;
585
600
  --label-plum-fgColor-rest: #961edc;
586
601
  --label-purple-bgColor-active: #d1b1fc;
587
602
  --label-purple-bgColor-hover: #e6d2fe;
588
603
  --label-purple-bgColor-rest: #f1e5ff;
604
+ --label-purple-borderColor: #ffffff00;
589
605
  --label-purple-fgColor-active: #4f21ab;
590
606
  --label-purple-fgColor-hover: #6223d7;
591
607
  --label-purple-fgColor-rest: #783ae4;
592
608
  --label-red-bgColor-active: #fda5a7;
593
609
  --label-red-bgColor-hover: #fecdcd;
594
610
  --label-red-bgColor-rest: #ffe2e0;
611
+ --label-red-borderColor: #ffffff00;
595
612
  --label-red-fgColor-active: #880c27;
596
613
  --label-red-fgColor-hover: #a60c29;
597
614
  --label-red-fgColor-rest: #c50d28;
598
615
  --label-teal-bgColor-active: #22d3c7;
599
616
  --label-teal-bgColor-hover: #89ebe1;
600
617
  --label-teal-bgColor-rest: #c7f5ef;
618
+ --label-teal-borderColor: #ffffff00;
601
619
  --label-teal-fgColor-active: #0a4852;
602
620
  --label-teal-fgColor-hover: #0d5b63;
603
621
  --label-teal-fgColor-rest: #106e75;
604
622
  --label-yellow-bgColor-active: #ebb400;
605
623
  --label-yellow-bgColor-hover: #ffd642;
606
624
  --label-yellow-bgColor-rest: #ffec9e;
625
+ --label-yellow-borderColor: #ffffff00;
607
626
  --label-yellow-fgColor-active: #5c3d00;
608
627
  --label-yellow-fgColor-hover: #704d00;
609
628
  --label-yellow-fgColor-rest: #805900;
610
629
  --menu-bgColor-active: #ffffff00;
611
630
  --overlay-backdrop-bgColor: #c8d1da66;
631
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
632
+ --progressBar-track-borderColor: #ffffff00;
612
633
  --reactionButton-selected-bgColor-rest: #ddf4ff;
613
634
  --reactionButton-selected-fgColor-hover: #0550ae;
614
635
  --selectMenu-bgColor-active: #b6e3ff;
@@ -754,6 +775,14 @@
754
775
  --header-fgColor-logo: #ffffff;
755
776
  --overlay-bgColor: #ffffff;
756
777
  --page-header-bgColor: var(--bgColor-muted);
778
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
779
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
780
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
781
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
782
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
783
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
784
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
785
+ --progressBar-track-bgColor: var(--borderColor-default);
757
786
  --selection-bgColor: #0969da33;
758
787
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
759
788
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -799,7 +828,7 @@
799
828
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
800
829
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
801
830
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
802
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
831
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
803
832
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
804
833
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
805
834
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -1324,119 +1353,140 @@
1324
1353
  --label-auburn-bgColor-active: #d4b7b5;
1325
1354
  --label-auburn-bgColor-hover: #e6d6d5;
1326
1355
  --label-auburn-bgColor-rest: #f2e9e9;
1356
+ --label-auburn-borderColor: #ffffff00;
1327
1357
  --label-auburn-fgColor-active: #5d3937;
1328
1358
  --label-auburn-fgColor-hover: #744744;
1329
1359
  --label-auburn-fgColor-rest: #8a5551;
1330
1360
  --label-blue-bgColor-active: #75c8ff;
1331
1361
  --label-blue-bgColor-hover: #ade1ff;
1332
1362
  --label-blue-bgColor-rest: #d1f0ff;
1363
+ --label-blue-borderColor: #ffffff00;
1333
1364
  --label-blue-fgColor-active: #003d99;
1334
1365
  --label-blue-fgColor-hover: #004db3;
1335
1366
  --label-blue-fgColor-rest: #005fcc;
1336
1367
  --label-brown-bgColor-active: #cbbda4;
1337
1368
  --label-brown-bgColor-hover: #dfd7c8;
1338
1369
  --label-brown-bgColor-rest: #eeeae2;
1370
+ --label-brown-borderColor: #ffffff00;
1339
1371
  --label-brown-fgColor-active: #51412f;
1340
1372
  --label-brown-fgColor-hover: #64513a;
1341
1373
  --label-brown-fgColor-rest: #755f43;
1342
1374
  --label-coral-bgColor-active: #fcab92;
1343
1375
  --label-coral-bgColor-hover: #fecebe;
1344
1376
  --label-coral-bgColor-rest: #ffe5db;
1377
+ --label-coral-borderColor: #ffffff00;
1345
1378
  --label-coral-fgColor-active: #7e2011;
1346
1379
  --label-coral-fgColor-hover: #9b2712;
1347
1380
  --label-coral-fgColor-rest: #ba2e12;
1348
1381
  --label-cyan-bgColor-active: #00d0fa;
1349
1382
  --label-cyan-bgColor-hover: #7ae9ff;
1350
1383
  --label-cyan-bgColor-rest: #bdf4ff;
1384
+ --label-cyan-borderColor: #ffffff00;
1351
1385
  --label-cyan-fgColor-active: #004857;
1352
1386
  --label-cyan-fgColor-hover: #00596b;
1353
1387
  --label-cyan-fgColor-rest: #006a80;
1354
1388
  --label-gray-bgColor-active: #b4c0cf;
1355
1389
  --label-gray-bgColor-hover: #d2dae4;
1356
1390
  --label-gray-bgColor-rest: #e8ecf2;
1391
+ --label-gray-borderColor: #ffffff00;
1357
1392
  --label-gray-fgColor-active: #424448;
1358
1393
  --label-gray-fgColor-hover: #4e535a;
1359
1394
  --label-gray-fgColor-rest: #5c6570;
1360
1395
  --label-green-bgColor-active: #54d961;
1361
1396
  --label-green-bgColor-hover: #9ceda0;
1362
1397
  --label-green-bgColor-rest: #caf7ca;
1398
+ --label-green-borderColor: #ffffff00;
1363
1399
  --label-green-fgColor-active: #254b34;
1364
1400
  --label-green-fgColor-hover: #285c3b;
1365
1401
  --label-green-fgColor-rest: #2b6e3f;
1366
1402
  --label-indigo-bgColor-active: #b1b9fb;
1367
1403
  --label-indigo-bgColor-hover: #d2d7fe;
1368
1404
  --label-indigo-bgColor-rest: #e5e9ff;
1405
+ --label-indigo-borderColor: #ffffff00;
1369
1406
  --label-indigo-fgColor-active: #2d2db4;
1370
1407
  --label-indigo-fgColor-hover: #393cd5;
1371
1408
  --label-indigo-fgColor-rest: #494edf;
1372
1409
  --label-lemon-bgColor-active: #d8bd0e;
1373
1410
  --label-lemon-bgColor-hover: #f0db3d;
1374
1411
  --label-lemon-bgColor-rest: #f7eea1;
1412
+ --label-lemon-borderColor: #ffffff00;
1375
1413
  --label-lemon-fgColor-active: #523f00;
1376
1414
  --label-lemon-fgColor-hover: #654f01;
1377
1415
  --label-lemon-fgColor-rest: #786002;
1378
1416
  --label-lime-bgColor-active: #9bd039;
1379
1417
  --label-lime-bgColor-hover: #c7e580;
1380
1418
  --label-lime-bgColor-rest: #e3f2b5;
1419
+ --label-lime-borderColor: #ffffff00;
1381
1420
  --label-lime-fgColor-active: #2f4a21;
1382
1421
  --label-lime-fgColor-hover: #3a5b25;
1383
1422
  --label-lime-fgColor-rest: #476c28;
1384
1423
  --label-olive-bgColor-active: #b9c832;
1385
1424
  --label-olive-bgColor-hover: #dbe170;
1386
1425
  --label-olive-bgColor-rest: #f0f0ad;
1426
+ --label-olive-borderColor: #ffffff00;
1387
1427
  --label-olive-fgColor-active: #3b4927;
1388
1428
  --label-olive-fgColor-hover: #495a2b;
1389
1429
  --label-olive-fgColor-rest: #56682c;
1390
1430
  --label-orange-bgColor-active: #fbaf74;
1391
1431
  --label-orange-bgColor-hover: #fecfaa;
1392
1432
  --label-orange-bgColor-rest: #ffe7d1;
1433
+ --label-orange-borderColor: #ffffff00;
1393
1434
  --label-orange-fgColor-active: #70300f;
1394
1435
  --label-orange-fgColor-hover: #8d3c11;
1395
1436
  --label-orange-fgColor-rest: #a24610;
1396
1437
  --label-pine-bgColor-active: #1dd781;
1397
1438
  --label-pine-bgColor-hover: #80efb9;
1398
1439
  --label-pine-bgColor-rest: #bff8db;
1440
+ --label-pine-borderColor: #ffffff00;
1399
1441
  --label-pine-fgColor-active: #114b36;
1400
1442
  --label-pine-fgColor-hover: #135d41;
1401
1443
  --label-pine-fgColor-rest: #156f4b;
1402
1444
  --label-pink-bgColor-active: #f8a5cf;
1403
1445
  --label-pink-bgColor-hover: #fdc9e2;
1404
1446
  --label-pink-bgColor-rest: #ffe5f1;
1447
+ --label-pink-borderColor: #ffffff00;
1405
1448
  --label-pink-fgColor-active: #6e2b53;
1406
1449
  --label-pink-fgColor-hover: #8e2e66;
1407
1450
  --label-pink-fgColor-rest: #b12f79;
1408
1451
  --label-plum-bgColor-active: #e2a7fb;
1409
1452
  --label-plum-bgColor-hover: #f0cdfe;
1410
1453
  --label-plum-bgColor-rest: #f8e5ff;
1454
+ --label-plum-borderColor: #ffffff00;
1411
1455
  --label-plum-fgColor-active: #651d96;
1412
1456
  --label-plum-fgColor-hover: #7d1eb8;
1413
1457
  --label-plum-fgColor-rest: #961edc;
1414
1458
  --label-purple-bgColor-active: #d1b1fc;
1415
1459
  --label-purple-bgColor-hover: #e6d2fe;
1416
1460
  --label-purple-bgColor-rest: #f1e5ff;
1461
+ --label-purple-borderColor: #ffffff00;
1417
1462
  --label-purple-fgColor-active: #4f21ab;
1418
1463
  --label-purple-fgColor-hover: #6223d7;
1419
1464
  --label-purple-fgColor-rest: #783ae4;
1420
1465
  --label-red-bgColor-active: #fda5a7;
1421
1466
  --label-red-bgColor-hover: #fecdcd;
1422
1467
  --label-red-bgColor-rest: #ffe2e0;
1468
+ --label-red-borderColor: #ffffff00;
1423
1469
  --label-red-fgColor-active: #880c27;
1424
1470
  --label-red-fgColor-hover: #a60c29;
1425
1471
  --label-red-fgColor-rest: #c50d28;
1426
1472
  --label-teal-bgColor-active: #22d3c7;
1427
1473
  --label-teal-bgColor-hover: #89ebe1;
1428
1474
  --label-teal-bgColor-rest: #c7f5ef;
1475
+ --label-teal-borderColor: #ffffff00;
1429
1476
  --label-teal-fgColor-active: #0a4852;
1430
1477
  --label-teal-fgColor-hover: #0d5b63;
1431
1478
  --label-teal-fgColor-rest: #106e75;
1432
1479
  --label-yellow-bgColor-active: #ebb400;
1433
1480
  --label-yellow-bgColor-hover: #ffd642;
1434
1481
  --label-yellow-bgColor-rest: #ffec9e;
1482
+ --label-yellow-borderColor: #ffffff00;
1435
1483
  --label-yellow-fgColor-active: #5c3d00;
1436
1484
  --label-yellow-fgColor-hover: #704d00;
1437
1485
  --label-yellow-fgColor-rest: #805900;
1438
1486
  --menu-bgColor-active: #ffffff00;
1439
1487
  --overlay-backdrop-bgColor: #c8d1da66;
1488
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1489
+ --progressBar-track-borderColor: #ffffff00;
1440
1490
  --reactionButton-selected-bgColor-rest: #ddf4ff;
1441
1491
  --reactionButton-selected-fgColor-hover: #0550ae;
1442
1492
  --selectMenu-bgColor-active: #b6e3ff;
@@ -1582,6 +1632,14 @@
1582
1632
  --header-fgColor-logo: #ffffff;
1583
1633
  --overlay-bgColor: #ffffff;
1584
1634
  --page-header-bgColor: var(--bgColor-muted);
1635
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1636
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1637
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1638
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1639
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1640
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1641
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1642
+ --progressBar-track-bgColor: var(--borderColor-default);
1585
1643
  --selection-bgColor: #0969da33;
1586
1644
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1587
1645
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -1627,7 +1685,7 @@
1627
1685
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1628
1686
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1629
1687
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1630
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1688
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1631
1689
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1632
1690
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1633
1691
  --diffBlob-additionNum-fgColor: var(--fgColor-default);