@primer/primitives 10.4.0-rc.fd8ac4c9 → 10.5.0-rc.1c002767

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 (123) hide show
  1. package/dist/build/filters/index.d.ts +1 -0
  2. package/dist/build/filters/index.js +1 -0
  3. package/dist/build/filters/isGradient.d.ts +7 -0
  4. package/dist/build/filters/isGradient.js +10 -0
  5. package/dist/build/platforms/css.js +1 -0
  6. package/dist/build/primerStyleDictionary.js +2 -1
  7. package/dist/build/schemas/borderToken.d.ts +3 -3
  8. package/dist/build/schemas/colorToken.d.ts +3 -3
  9. package/dist/build/schemas/cubicBezierToken.d.ts +3 -3
  10. package/dist/build/schemas/designToken.js +2 -0
  11. package/dist/build/schemas/dimensionToken.d.ts +3 -3
  12. package/dist/build/schemas/durationToken.d.ts +3 -3
  13. package/dist/build/schemas/fontFamilyToken.d.ts +3 -3
  14. package/dist/build/schemas/fontWeightToken.d.ts +3 -3
  15. package/dist/build/schemas/gradientToken.d.ts +60 -0
  16. package/dist/build/schemas/gradientToken.js +26 -0
  17. package/dist/build/schemas/numberToken.d.ts +3 -3
  18. package/dist/build/schemas/referenceValue.js +1 -1
  19. package/dist/build/schemas/shadowToken.d.ts +1995 -3
  20. package/dist/build/schemas/shadowToken.js +27 -0
  21. package/dist/build/schemas/stringToken.d.ts +3 -3
  22. package/dist/build/schemas/tokenType.d.ts +1 -1
  23. package/dist/build/schemas/typographyToken.d.ts +3 -3
  24. package/dist/build/schemas/validTokenType.d.ts +1 -1
  25. package/dist/build/schemas/validTokenType.js +1 -0
  26. package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
  27. package/dist/build/transformers/gradientToCss.d.ts +8 -0
  28. package/dist/build/transformers/gradientToCss.js +23 -0
  29. package/dist/build/transformers/index.d.ts +1 -0
  30. package/dist/build/transformers/index.js +1 -0
  31. package/dist/css/functional/themes/dark-colorblind.css +138 -8
  32. package/dist/css/functional/themes/dark-dimmed.css +138 -8
  33. package/dist/css/functional/themes/dark-high-contrast.css +150 -20
  34. package/dist/css/functional/themes/dark-tritanopia.css +138 -8
  35. package/dist/css/functional/themes/dark.css +138 -8
  36. package/dist/css/functional/themes/light-colorblind.css +138 -8
  37. package/dist/css/functional/themes/light-high-contrast.css +150 -20
  38. package/dist/css/functional/themes/light-tritanopia.css +138 -8
  39. package/dist/css/functional/themes/light.css +138 -8
  40. package/dist/css/primitives.css +0 -6
  41. package/dist/docs/functional/themes/dark-colorblind.json +13601 -2768
  42. package/dist/docs/functional/themes/dark-dimmed.json +13889 -2760
  43. package/dist/docs/functional/themes/dark-high-contrast.json +15016 -2909
  44. package/dist/docs/functional/themes/dark-tritanopia.json +13546 -2741
  45. package/dist/docs/functional/themes/dark.json +12052 -1345
  46. package/dist/docs/functional/themes/light-colorblind.json +13567 -2764
  47. package/dist/docs/functional/themes/light-high-contrast.json +15056 -3021
  48. package/dist/docs/functional/themes/light-tritanopia.json +13555 -2780
  49. package/dist/docs/functional/themes/light.json +12092 -1359
  50. package/dist/figma/figma.json +1 -10
  51. package/dist/figma/themes/dark-colorblind.json +6380 -5472
  52. package/dist/figma/themes/dark-dimmed.json +6453 -5214
  53. package/dist/figma/themes/dark-high-contrast.json +6402 -4025
  54. package/dist/figma/themes/dark-tritanopia.json +6364 -5490
  55. package/dist/figma/themes/dark.json +5560 -4791
  56. package/dist/figma/themes/light-colorblind.json +6285 -5324
  57. package/dist/figma/themes/light-high-contrast.json +6362 -3994
  58. package/dist/figma/themes/light-tritanopia.json +6282 -5352
  59. package/dist/figma/themes/light.json +6281 -5396
  60. package/dist/internalCss/dark-colorblind.css +138 -8
  61. package/dist/internalCss/dark-dimmed.css +138 -8
  62. package/dist/internalCss/dark-high-contrast.css +150 -20
  63. package/dist/internalCss/dark-tritanopia.css +138 -8
  64. package/dist/internalCss/dark.css +138 -8
  65. package/dist/internalCss/light-colorblind.css +138 -8
  66. package/dist/internalCss/light-high-contrast.css +150 -20
  67. package/dist/internalCss/light-tritanopia.css +138 -8
  68. package/dist/internalCss/light.css +138 -8
  69. package/dist/styleLint/functional/themes/dark-colorblind.json +13581 -2748
  70. package/dist/styleLint/functional/themes/dark-dimmed.json +13905 -2776
  71. package/dist/styleLint/functional/themes/dark-high-contrast.json +15028 -2921
  72. package/dist/styleLint/functional/themes/dark-tritanopia.json +13587 -2782
  73. package/dist/styleLint/functional/themes/dark.json +12085 -1378
  74. package/dist/styleLint/functional/themes/light-colorblind.json +13535 -2732
  75. package/dist/styleLint/functional/themes/light-high-contrast.json +15071 -3036
  76. package/dist/styleLint/functional/themes/light-tritanopia.json +13524 -2749
  77. package/dist/styleLint/functional/themes/light.json +12097 -1364
  78. package/package.json +1 -1
  79. package/src/tokens/component/avatar.json5 +33 -0
  80. package/src/tokens/component/button.json5 +1714 -0
  81. package/src/tokens/component/contribution.json5 +0 -37
  82. package/src/tokens/component/header.json5 +3 -0
  83. package/src/tokens/component/label.json5 +1942 -0
  84. package/src/tokens/component/menu.json5 +24 -0
  85. package/src/tokens/component/overlay.json5 +1 -1
  86. package/src/tokens/component/selectMenu.json5 +38 -0
  87. package/src/tokens/component/sideNav.json5 +22 -0
  88. package/src/tokens/component/treeView.json5 +24 -0
  89. package/src/tokens/component/underlineNav.json5 +56 -0
  90. package/src/tokens/functional/color/borderColor.json5 +8 -8
  91. package/src/tokens/functional/color/control.json5 +1087 -0
  92. package/src/tokens/functional/color/data-vis.json5 +911 -41
  93. package/src/tokens/functional/color/display.json5 +2170 -0
  94. package/src/tokens/functional/color/selection.json5 +22 -0
  95. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  96. package/dist/css/functional/motion/motion.css +0 -6
  97. package/dist/docs/functional/motion/motion.json +0 -66
  98. package/dist/fallbacks/functional/motion/motion.json +0 -6
  99. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  100. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  101. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  102. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  103. package/dist/figma/shadows/dark.json +0 -1152
  104. package/dist/figma/shadows/light-colorblind.json +0 -1052
  105. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  106. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  107. package/dist/figma/shadows/light.json +0 -1052
  108. package/dist/styleLint/functional/motion/motion.json +0 -66
  109. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  110. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  111. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  112. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -65
  113. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -47
  114. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  115. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  116. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  117. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -69
  118. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -41
  119. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  120. package/src/tokens/functional/motion/loading.json5 +0 -17
  121. package/src/tokens/functional/motion/patterns.json5 +0 -35
  122. package/src/tokens/functional/shadow/dark.json5 +0 -369
  123. package/src/tokens/functional/shadow/light.json5 +0 -363
package/dist/internalCss/dark-high-contrast.css CHANGED
@@ -444,16 +444,16 @@
444
444
  --color-prettylights-syntax-string-regexp: var(--base-color-green-1);
445
445
  --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-7);
446
446
  --color-prettylights-syntax-variable: var(--base-color-orange-2);
447
- --contribution-default-bgColor-0: var(--base-color-neutral-3);
447
+ --contribution-default-bgColor-0: var(--base-color-neutral-2);
448
448
  --contribution-default-bgColor-1: var(--base-color-green-8);
449
449
  --contribution-default-bgColor-2: var(--base-color-green-6);
450
450
  --contribution-default-bgColor-3: var(--base-color-green-4);
451
451
  --contribution-default-bgColor-4: var(--base-color-green-2);
452
- --contribution-default-borderColor-0: var(--base-color-white);
453
- --contribution-default-borderColor-1: var(--base-color-white);
454
- --contribution-default-borderColor-2: var(--base-color-white);
455
- --contribution-default-borderColor-3: var(--base-color-white);
456
- --contribution-default-borderColor-4: var(--base-color-white);
452
+ --contribution-default-borderColor-0: #ffffff0d;
453
+ --contribution-default-borderColor-1: #ffffff0d;
454
+ --contribution-default-borderColor-2: #ffffff0d;
455
+ --contribution-default-borderColor-3: #ffffff0d;
456
+ --contribution-default-borderColor-4: #ffffff0d;
457
457
  --contribution-halloween-bgColor-1: var(--base-display-color-orange-9);
458
458
  --contribution-halloween-bgColor-2: var(--base-display-color-orange-5);
459
459
  --contribution-halloween-bgColor-3: var(--base-display-color-orange-4);
@@ -483,14 +483,28 @@
483
483
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
484
484
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
485
485
  --data-blue-color-muted: var(--base-display-color-blue-0);
486
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
487
+ --data-brown-color-muted: var(--base-display-color-brown-0);
488
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
489
+ --data-coral-color-muted: var(--base-display-color-coral-0);
486
490
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
487
491
  --data-gray-color-muted: var(--base-display-color-gray-0);
488
492
  --data-green-color-emphasis: var(--base-display-color-green-4);
489
493
  --data-green-color-muted: var(--base-display-color-green-0);
494
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
495
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
496
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
497
+ --data-lime-color-muted: var(--base-display-color-lime-0);
498
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
499
+ --data-olive-color-muted: var(--base-display-color-olive-0);
490
500
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
491
501
  --data-orange-color-muted: var(--base-display-color-orange-0);
502
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
503
+ --data-pine-color-muted: var(--base-display-color-pine-0);
492
504
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
493
505
  --data-pink-color-muted: var(--base-display-color-pink-0);
506
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
507
+ --data-plum-color-muted: var(--base-display-color-plum-0);
494
508
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
495
509
  --data-purple-color-muted: var(--base-display-color-purple-0);
496
510
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -828,6 +842,40 @@
828
842
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
829
843
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
830
844
  --counter-borderColor: var(--borderColor-default);
845
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
846
+ --data-auburn-color-gradientStop-2: #27181700;
847
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
848
+ --data-blue-color-gradientStop-2: #001a4700;
849
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
850
+ --data-brown-color-gradientStop-2: #241c1400;
851
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
852
+ --data-coral-color-gradientStop-2: #35100800;
853
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
854
+ --data-gray-color-gradientStop-2: #1c1c1c00;
855
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
856
+ --data-green-color-gradientStop-2: #12211700;
857
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
858
+ --data-lemon-color-gradientStop-2: #291d0000;
859
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
860
+ --data-lime-color-gradientStop-2: #141f0f00;
861
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
862
+ --data-olive-color-gradientStop-2: #171e0b00;
863
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
864
+ --data-orange-color-gradientStop-2: #31170800;
865
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
866
+ --data-pine-color-gradientStop-2: #08211900;
867
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
868
+ --data-pink-color-gradientStop-2: #2d152400;
869
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
870
+ --data-plum-color-gradientStop-2: #2a0e3f00;
871
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
872
+ --data-purple-color-gradientStop-2: #21104700;
873
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
874
+ --data-red-color-gradientStop-2: #3c061400;
875
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
876
+ --data-teal-color-gradientStop-2: #041f2500;
877
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
878
+ --data-yellow-color-gradientStop-2: #2e1a0000;
831
879
  --diffBlob-additionLine-bgColor: #0ac74033;
832
880
  --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
833
881
  --diffBlob-deletionLine-bgColor: #ff808033;
@@ -852,9 +900,9 @@
852
900
  --selection-bgColor: #194fb1b3;
853
901
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
854
902
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
855
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
856
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
857
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
903
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
904
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
905
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
858
906
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
859
907
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
860
908
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -897,6 +945,23 @@
897
945
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
898
946
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
899
947
  --controlTrack-fgColor-rest: var(--fgColor-default);
948
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
949
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
950
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
951
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
952
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
953
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
954
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
955
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
956
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
957
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
958
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
959
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
960
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
961
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
962
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
963
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
964
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
900
965
  --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
901
966
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
902
967
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -925,7 +990,7 @@
925
990
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
926
991
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
927
992
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
928
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
993
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
929
994
  }
930
995
  @media (prefers-color-scheme: dark) {
931
996
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
@@ -1372,16 +1437,16 @@
1372
1437
  --color-prettylights-syntax-string-regexp: var(--base-color-green-1);
1373
1438
  --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-7);
1374
1439
  --color-prettylights-syntax-variable: var(--base-color-orange-2);
1375
- --contribution-default-bgColor-0: var(--base-color-neutral-3);
1440
+ --contribution-default-bgColor-0: var(--base-color-neutral-2);
1376
1441
  --contribution-default-bgColor-1: var(--base-color-green-8);
1377
1442
  --contribution-default-bgColor-2: var(--base-color-green-6);
1378
1443
  --contribution-default-bgColor-3: var(--base-color-green-4);
1379
1444
  --contribution-default-bgColor-4: var(--base-color-green-2);
1380
- --contribution-default-borderColor-0: var(--base-color-white);
1381
- --contribution-default-borderColor-1: var(--base-color-white);
1382
- --contribution-default-borderColor-2: var(--base-color-white);
1383
- --contribution-default-borderColor-3: var(--base-color-white);
1384
- --contribution-default-borderColor-4: var(--base-color-white);
1445
+ --contribution-default-borderColor-0: #ffffff0d;
1446
+ --contribution-default-borderColor-1: #ffffff0d;
1447
+ --contribution-default-borderColor-2: #ffffff0d;
1448
+ --contribution-default-borderColor-3: #ffffff0d;
1449
+ --contribution-default-borderColor-4: #ffffff0d;
1385
1450
  --contribution-halloween-bgColor-1: var(--base-display-color-orange-9);
1386
1451
  --contribution-halloween-bgColor-2: var(--base-display-color-orange-5);
1387
1452
  --contribution-halloween-bgColor-3: var(--base-display-color-orange-4);
@@ -1411,14 +1476,28 @@
1411
1476
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1412
1477
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1413
1478
  --data-blue-color-muted: var(--base-display-color-blue-0);
1479
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1480
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1481
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1482
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1414
1483
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1415
1484
  --data-gray-color-muted: var(--base-display-color-gray-0);
1416
1485
  --data-green-color-emphasis: var(--base-display-color-green-4);
1417
1486
  --data-green-color-muted: var(--base-display-color-green-0);
1487
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1488
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1489
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1490
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1491
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1492
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1418
1493
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1419
1494
  --data-orange-color-muted: var(--base-display-color-orange-0);
1495
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1496
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1420
1497
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1421
1498
  --data-pink-color-muted: var(--base-display-color-pink-0);
1499
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1500
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1422
1501
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1423
1502
  --data-purple-color-muted: var(--base-display-color-purple-0);
1424
1503
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1756,6 +1835,40 @@
1756
1835
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1757
1836
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1758
1837
  --counter-borderColor: var(--borderColor-default);
1838
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1839
+ --data-auburn-color-gradientStop-2: #27181700;
1840
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1841
+ --data-blue-color-gradientStop-2: #001a4700;
1842
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1843
+ --data-brown-color-gradientStop-2: #241c1400;
1844
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1845
+ --data-coral-color-gradientStop-2: #35100800;
1846
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1847
+ --data-gray-color-gradientStop-2: #1c1c1c00;
1848
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1849
+ --data-green-color-gradientStop-2: #12211700;
1850
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1851
+ --data-lemon-color-gradientStop-2: #291d0000;
1852
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1853
+ --data-lime-color-gradientStop-2: #141f0f00;
1854
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1855
+ --data-olive-color-gradientStop-2: #171e0b00;
1856
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1857
+ --data-orange-color-gradientStop-2: #31170800;
1858
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1859
+ --data-pine-color-gradientStop-2: #08211900;
1860
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1861
+ --data-pink-color-gradientStop-2: #2d152400;
1862
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1863
+ --data-plum-color-gradientStop-2: #2a0e3f00;
1864
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1865
+ --data-purple-color-gradientStop-2: #21104700;
1866
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1867
+ --data-red-color-gradientStop-2: #3c061400;
1868
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1869
+ --data-teal-color-gradientStop-2: #041f2500;
1870
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1871
+ --data-yellow-color-gradientStop-2: #2e1a0000;
1759
1872
  --diffBlob-additionLine-bgColor: #0ac74033;
1760
1873
  --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
1761
1874
  --diffBlob-deletionLine-bgColor: #ff808033;
@@ -1780,9 +1893,9 @@
1780
1893
  --selection-bgColor: #194fb1b3;
1781
1894
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1782
1895
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1783
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1784
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1785
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1896
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1897
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1898
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1786
1899
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
1787
1900
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1788
1901
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1825,6 +1938,23 @@
1825
1938
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1826
1939
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1827
1940
  --controlTrack-fgColor-rest: var(--fgColor-default);
1941
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
1942
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
1943
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
1944
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
1945
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
1946
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
1947
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
1948
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
1949
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
1950
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
1951
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
1952
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
1953
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
1954
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
1955
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
1956
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
1957
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
1828
1958
  --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
1829
1959
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1830
1960
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -1853,6 +1983,6 @@
1853
1983
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1854
1984
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1855
1985
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1856
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1986
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1857
1987
  }
1858
1988
  }
package/dist/internalCss/dark-tritanopia.css CHANGED
@@ -482,14 +482,28 @@
482
482
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
483
483
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
484
484
  --data-blue-color-muted: var(--base-display-color-blue-0);
485
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
486
+ --data-brown-color-muted: var(--base-display-color-brown-0);
487
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
488
+ --data-coral-color-muted: var(--base-display-color-coral-0);
485
489
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
486
490
  --data-gray-color-muted: var(--base-display-color-gray-0);
487
491
  --data-green-color-emphasis: var(--base-display-color-green-4);
488
492
  --data-green-color-muted: var(--base-display-color-green-0);
493
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
494
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
495
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
496
+ --data-lime-color-muted: var(--base-display-color-lime-0);
497
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
498
+ --data-olive-color-muted: var(--base-display-color-olive-0);
489
499
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
490
500
  --data-orange-color-muted: var(--base-display-color-orange-0);
501
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
502
+ --data-pine-color-muted: var(--base-display-color-pine-0);
491
503
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
492
504
  --data-pink-color-muted: var(--base-display-color-pink-0);
505
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
506
+ --data-plum-color-muted: var(--base-display-color-plum-0);
493
507
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
494
508
  --data-purple-color-muted: var(--base-display-color-purple-0);
495
509
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -842,6 +856,40 @@
842
856
  --controlTrack-fgColor-rest: var(--fgColor-muted);
843
857
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
844
858
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
859
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
860
+ --data-auburn-color-gradientStop-2: #27181700;
861
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
862
+ --data-blue-color-gradientStop-2: #001a4700;
863
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
864
+ --data-brown-color-gradientStop-2: #241c1400;
865
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
866
+ --data-coral-color-gradientStop-2: #35100800;
867
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
868
+ --data-gray-color-gradientStop-2: #1c1c1c00;
869
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
870
+ --data-green-color-gradientStop-2: #12211700;
871
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
872
+ --data-lemon-color-gradientStop-2: #291d0000;
873
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
874
+ --data-lime-color-gradientStop-2: #141f0f00;
875
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
876
+ --data-olive-color-gradientStop-2: #171e0b00;
877
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
878
+ --data-orange-color-gradientStop-2: #31170800;
879
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
880
+ --data-pine-color-gradientStop-2: #08211900;
881
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
882
+ --data-pink-color-gradientStop-2: #2d152400;
883
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
884
+ --data-plum-color-gradientStop-2: #2a0e3f00;
885
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
886
+ --data-purple-color-gradientStop-2: #21104700;
887
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
888
+ --data-red-color-gradientStop-2: #3c061400;
889
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
890
+ --data-teal-color-gradientStop-2: #041f2500;
891
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
892
+ --data-yellow-color-gradientStop-2: #2e1a0000;
845
893
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
846
894
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
847
895
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -870,9 +918,9 @@
870
918
  --selection-bgColor: #1f6febb3;
871
919
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
872
920
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
873
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
874
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
875
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
921
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
922
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
923
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
876
924
  --tooltip-bgColor: var(--bgColor-emphasis);
877
925
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
878
926
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -911,6 +959,23 @@
911
959
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
912
960
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
913
961
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
962
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
963
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
964
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
965
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
966
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
967
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
968
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
969
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
970
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
971
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
972
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
973
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
974
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
975
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
976
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
977
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
978
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
914
979
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
915
980
  --focus-outline: 2px solid #1f6feb;
916
981
  --overlay-borderColor: var(--borderColor-muted);
@@ -925,7 +990,7 @@
925
990
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
926
991
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
927
992
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
928
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
993
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
929
994
  }
930
995
  @media (prefers-color-scheme: dark) {
931
996
  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
@@ -1410,14 +1475,28 @@
1410
1475
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1411
1476
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1412
1477
  --data-blue-color-muted: var(--base-display-color-blue-0);
1478
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1479
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1480
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1481
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1413
1482
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1414
1483
  --data-gray-color-muted: var(--base-display-color-gray-0);
1415
1484
  --data-green-color-emphasis: var(--base-display-color-green-4);
1416
1485
  --data-green-color-muted: var(--base-display-color-green-0);
1486
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1487
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1488
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1489
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1490
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1491
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1417
1492
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1418
1493
  --data-orange-color-muted: var(--base-display-color-orange-0);
1494
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1495
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1419
1496
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1420
1497
  --data-pink-color-muted: var(--base-display-color-pink-0);
1498
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1499
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1421
1500
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1422
1501
  --data-purple-color-muted: var(--base-display-color-purple-0);
1423
1502
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1770,6 +1849,40 @@
1770
1849
  --controlTrack-fgColor-rest: var(--fgColor-muted);
1771
1850
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1772
1851
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1852
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1853
+ --data-auburn-color-gradientStop-2: #27181700;
1854
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1855
+ --data-blue-color-gradientStop-2: #001a4700;
1856
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1857
+ --data-brown-color-gradientStop-2: #241c1400;
1858
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1859
+ --data-coral-color-gradientStop-2: #35100800;
1860
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1861
+ --data-gray-color-gradientStop-2: #1c1c1c00;
1862
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1863
+ --data-green-color-gradientStop-2: #12211700;
1864
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1865
+ --data-lemon-color-gradientStop-2: #291d0000;
1866
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1867
+ --data-lime-color-gradientStop-2: #141f0f00;
1868
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1869
+ --data-olive-color-gradientStop-2: #171e0b00;
1870
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1871
+ --data-orange-color-gradientStop-2: #31170800;
1872
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1873
+ --data-pine-color-gradientStop-2: #08211900;
1874
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1875
+ --data-pink-color-gradientStop-2: #2d152400;
1876
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1877
+ --data-plum-color-gradientStop-2: #2a0e3f00;
1878
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1879
+ --data-purple-color-gradientStop-2: #21104700;
1880
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1881
+ --data-red-color-gradientStop-2: #3c061400;
1882
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1883
+ --data-teal-color-gradientStop-2: #041f2500;
1884
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1885
+ --data-yellow-color-gradientStop-2: #2e1a0000;
1773
1886
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1774
1887
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1775
1888
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -1798,9 +1911,9 @@
1798
1911
  --selection-bgColor: #1f6febb3;
1799
1912
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1800
1913
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1801
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1802
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1803
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1914
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1915
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1916
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1804
1917
  --tooltip-bgColor: var(--bgColor-emphasis);
1805
1918
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1806
1919
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1839,6 +1952,23 @@
1839
1952
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1840
1953
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1841
1954
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1955
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
1956
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
1957
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
1958
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
1959
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
1960
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
1961
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
1962
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
1963
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
1964
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
1965
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
1966
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
1967
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
1968
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
1969
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
1970
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
1971
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
1842
1972
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1843
1973
  --focus-outline: 2px solid #1f6feb;
1844
1974
  --overlay-borderColor: var(--borderColor-muted);
@@ -1853,6 +1983,6 @@
1853
1983
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1854
1984
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1855
1985
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1856
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1986
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1857
1987
  }
1858
1988
  }