@primer/primitives 10.4.0 → 10.5.0-rc.21e0fa7a

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 (77) 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 +3 -3
  20. package/dist/build/schemas/stringToken.d.ts +3 -3
  21. package/dist/build/schemas/tokenType.d.ts +1 -1
  22. package/dist/build/schemas/typographyToken.d.ts +3 -3
  23. package/dist/build/schemas/validTokenType.d.ts +1 -1
  24. package/dist/build/schemas/validTokenType.js +1 -0
  25. package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
  26. package/dist/build/transformers/gradientToCss.d.ts +8 -0
  27. package/dist/build/transformers/gradientToCss.js +23 -0
  28. package/dist/build/transformers/index.d.ts +1 -0
  29. package/dist/build/transformers/index.js +1 -0
  30. package/dist/css/functional/themes/dark-colorblind.css +130 -0
  31. package/dist/css/functional/themes/dark-dimmed.css +130 -0
  32. package/dist/css/functional/themes/dark-high-contrast.css +130 -0
  33. package/dist/css/functional/themes/dark-tritanopia.css +130 -0
  34. package/dist/css/functional/themes/dark.css +130 -0
  35. package/dist/css/functional/themes/light-colorblind.css +130 -0
  36. package/dist/css/functional/themes/light-high-contrast.css +130 -0
  37. package/dist/css/functional/themes/light-tritanopia.css +130 -0
  38. package/dist/css/functional/themes/light.css +130 -0
  39. package/dist/docs/functional/themes/dark-colorblind.json +2176 -170
  40. package/dist/docs/functional/themes/dark-dimmed.json +2176 -170
  41. package/dist/docs/functional/themes/dark-high-contrast.json +2177 -171
  42. package/dist/docs/functional/themes/dark-tritanopia.json +2176 -170
  43. package/dist/docs/functional/themes/dark.json +2176 -170
  44. package/dist/docs/functional/themes/light-colorblind.json +2174 -168
  45. package/dist/docs/functional/themes/light-high-contrast.json +2177 -171
  46. package/dist/docs/functional/themes/light-tritanopia.json +2174 -168
  47. package/dist/docs/functional/themes/light.json +2174 -168
  48. package/dist/figma/themes/dark-colorblind.json +819 -34
  49. package/dist/figma/themes/dark-dimmed.json +819 -34
  50. package/dist/figma/themes/dark-high-contrast.json +819 -34
  51. package/dist/figma/themes/dark-tritanopia.json +819 -34
  52. package/dist/figma/themes/dark.json +819 -34
  53. package/dist/figma/themes/light-colorblind.json +818 -33
  54. package/dist/figma/themes/light-high-contrast.json +818 -33
  55. package/dist/figma/themes/light-tritanopia.json +818 -33
  56. package/dist/figma/themes/light.json +818 -33
  57. package/dist/internalCss/dark-colorblind.css +130 -0
  58. package/dist/internalCss/dark-dimmed.css +130 -0
  59. package/dist/internalCss/dark-high-contrast.css +130 -0
  60. package/dist/internalCss/dark-tritanopia.css +130 -0
  61. package/dist/internalCss/dark.css +130 -0
  62. package/dist/internalCss/light-colorblind.css +130 -0
  63. package/dist/internalCss/light-high-contrast.css +130 -0
  64. package/dist/internalCss/light-tritanopia.css +130 -0
  65. package/dist/internalCss/light.css +130 -0
  66. package/dist/styleLint/functional/themes/dark-colorblind.json +2175 -169
  67. package/dist/styleLint/functional/themes/dark-dimmed.json +2175 -169
  68. package/dist/styleLint/functional/themes/dark-high-contrast.json +2177 -171
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +2175 -169
  70. package/dist/styleLint/functional/themes/dark.json +2175 -169
  71. package/dist/styleLint/functional/themes/light-colorblind.json +2174 -168
  72. package/dist/styleLint/functional/themes/light-high-contrast.json +2177 -171
  73. package/dist/styleLint/functional/themes/light-tritanopia.json +2174 -168
  74. package/dist/styleLint/functional/themes/light.json +2174 -168
  75. package/package.json +1 -1
  76. package/src/tokens/functional/color/borderColor.json5 +8 -8
  77. package/src/tokens/functional/color/data-vis.json5 +911 -41
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);
@@ -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);
@@ -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);
@@ -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);
package/dist/internalCss/dark.css CHANGED
@@ -476,14 +476,28 @@
476
476
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
477
477
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
478
478
  --data-blue-color-muted: var(--base-display-color-blue-0);
479
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
480
+ --data-brown-color-muted: var(--base-display-color-brown-0);
481
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
482
+ --data-coral-color-muted: var(--base-display-color-coral-0);
479
483
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
480
484
  --data-gray-color-muted: var(--base-display-color-gray-0);
481
485
  --data-green-color-emphasis: var(--base-display-color-green-4);
482
486
  --data-green-color-muted: var(--base-display-color-green-0);
487
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
488
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
489
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
490
+ --data-lime-color-muted: var(--base-display-color-lime-0);
491
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
492
+ --data-olive-color-muted: var(--base-display-color-olive-0);
483
493
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
484
494
  --data-orange-color-muted: var(--base-display-color-orange-0);
495
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
496
+ --data-pine-color-muted: var(--base-display-color-pine-0);
485
497
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
486
498
  --data-pink-color-muted: var(--base-display-color-pink-0);
499
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
500
+ --data-plum-color-muted: var(--base-display-color-plum-0);
487
501
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
488
502
  --data-purple-color-muted: var(--base-display-color-purple-0);
489
503
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -838,6 +852,40 @@
838
852
  --controlTrack-fgColor-rest: var(--fgColor-muted);
839
853
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
840
854
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
855
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
856
+ --data-auburn-color-gradientStop-2: #27181700;
857
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
858
+ --data-blue-color-gradientStop-2: #001a4700;
859
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
860
+ --data-brown-color-gradientStop-2: #241c1400;
861
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
862
+ --data-coral-color-gradientStop-2: #35100800;
863
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
864
+ --data-gray-color-gradientStop-2: #1c1c1c00;
865
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
866
+ --data-green-color-gradientStop-2: #12211700;
867
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
868
+ --data-lemon-color-gradientStop-2: #291d0000;
869
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
870
+ --data-lime-color-gradientStop-2: #141f0f00;
871
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
872
+ --data-olive-color-gradientStop-2: #171e0b00;
873
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
874
+ --data-orange-color-gradientStop-2: #31170800;
875
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
876
+ --data-pine-color-gradientStop-2: #08211900;
877
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
878
+ --data-pink-color-gradientStop-2: #2d152400;
879
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
880
+ --data-plum-color-gradientStop-2: #2a0e3f00;
881
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
882
+ --data-purple-color-gradientStop-2: #21104700;
883
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
884
+ --data-red-color-gradientStop-2: #3c061400;
885
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
886
+ --data-teal-color-gradientStop-2: #041f2500;
887
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
888
+ --data-yellow-color-gradientStop-2: #2e1a0000;
841
889
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
842
890
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
843
891
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -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);
@@ -1404,14 +1469,28 @@
1404
1469
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1405
1470
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1406
1471
  --data-blue-color-muted: var(--base-display-color-blue-0);
1472
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1473
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1474
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1475
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1407
1476
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1408
1477
  --data-gray-color-muted: var(--base-display-color-gray-0);
1409
1478
  --data-green-color-emphasis: var(--base-display-color-green-4);
1410
1479
  --data-green-color-muted: var(--base-display-color-green-0);
1480
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1481
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1482
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1483
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1484
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1485
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1411
1486
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1412
1487
  --data-orange-color-muted: var(--base-display-color-orange-0);
1488
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1489
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1413
1490
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1414
1491
  --data-pink-color-muted: var(--base-display-color-pink-0);
1492
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1493
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1415
1494
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1416
1495
  --data-purple-color-muted: var(--base-display-color-purple-0);
1417
1496
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1766,6 +1845,40 @@
1766
1845
  --controlTrack-fgColor-rest: var(--fgColor-muted);
1767
1846
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1768
1847
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1848
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1849
+ --data-auburn-color-gradientStop-2: #27181700;
1850
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1851
+ --data-blue-color-gradientStop-2: #001a4700;
1852
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1853
+ --data-brown-color-gradientStop-2: #241c1400;
1854
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1855
+ --data-coral-color-gradientStop-2: #35100800;
1856
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1857
+ --data-gray-color-gradientStop-2: #1c1c1c00;
1858
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1859
+ --data-green-color-gradientStop-2: #12211700;
1860
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1861
+ --data-lemon-color-gradientStop-2: #291d0000;
1862
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1863
+ --data-lime-color-gradientStop-2: #141f0f00;
1864
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1865
+ --data-olive-color-gradientStop-2: #171e0b00;
1866
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1867
+ --data-orange-color-gradientStop-2: #31170800;
1868
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1869
+ --data-pine-color-gradientStop-2: #08211900;
1870
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1871
+ --data-pink-color-gradientStop-2: #2d152400;
1872
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1873
+ --data-plum-color-gradientStop-2: #2a0e3f00;
1874
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1875
+ --data-purple-color-gradientStop-2: #21104700;
1876
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1877
+ --data-red-color-gradientStop-2: #3c061400;
1878
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1879
+ --data-teal-color-gradientStop-2: #041f2500;
1880
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1881
+ --data-yellow-color-gradientStop-2: #2e1a0000;
1769
1882
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1770
1883
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1771
1884
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -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);
package/dist/internalCss/light-colorblind.css CHANGED
@@ -462,14 +462,28 @@
462
462
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
463
463
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
464
464
  --data-blue-color-muted: var(--base-display-color-blue-0);
465
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
466
+ --data-brown-color-muted: var(--base-display-color-brown-0);
467
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
468
+ --data-coral-color-muted: var(--base-display-color-coral-0);
465
469
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
466
470
  --data-gray-color-muted: var(--base-display-color-gray-0);
467
471
  --data-green-color-emphasis: var(--base-display-color-green-4);
468
472
  --data-green-color-muted: var(--base-display-color-green-0);
473
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
474
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
475
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
476
+ --data-lime-color-muted: var(--base-display-color-lime-0);
477
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
478
+ --data-olive-color-muted: var(--base-display-color-olive-0);
469
479
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
470
480
  --data-orange-color-muted: var(--base-display-color-orange-0);
481
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
482
+ --data-pine-color-muted: var(--base-display-color-pine-0);
471
483
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
472
484
  --data-pink-color-muted: var(--base-display-color-pink-0);
485
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
486
+ --data-plum-color-muted: var(--base-display-color-plum-0);
473
487
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
474
488
  --data-purple-color-muted: var(--base-display-color-purple-0);
475
489
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -836,6 +850,40 @@
836
850
  --controlTrack-borderColor-rest: var(--borderColor-default);
837
851
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
838
852
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
853
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
854
+ --data-auburn-color-gradientStop-2: #f2e9e900;
855
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
856
+ --data-blue-color-gradientStop-2: #d1f0ff00;
857
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
858
+ --data-brown-color-gradientStop-2: #eeeae200;
859
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
860
+ --data-coral-color-gradientStop-2: #ffe5db00;
861
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
862
+ --data-gray-color-gradientStop-2: #e8ecf200;
863
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
864
+ --data-green-color-gradientStop-2: #caf7ca00;
865
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
866
+ --data-lemon-color-gradientStop-2: #f7eea100;
867
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
868
+ --data-lime-color-gradientStop-2: #e3f2b500;
869
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
870
+ --data-olive-color-gradientStop-2: #f0f0ad00;
871
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
872
+ --data-orange-color-gradientStop-2: #ffe7d100;
873
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
874
+ --data-pine-color-gradientStop-2: #bff8db00;
875
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
876
+ --data-pink-color-gradientStop-2: #ffe5f100;
877
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
878
+ --data-plum-color-gradientStop-2: #f8e5ff00;
879
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
880
+ --data-purple-color-gradientStop-2: #f1e5ff00;
881
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
882
+ --data-red-color-gradientStop-2: #ffe2e000;
883
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
884
+ --data-teal-color-gradientStop-2: #c7f5ef00;
885
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
886
+ --data-yellow-color-gradientStop-2: #ffec9e00;
839
887
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
840
888
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
841
889
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -904,6 +952,23 @@
904
952
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
905
953
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
906
954
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
955
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
956
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
957
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
958
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
959
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
960
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
961
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
962
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
963
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
964
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
965
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
966
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
967
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
968
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
969
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
970
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
971
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
907
972
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
908
973
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
909
974
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -1390,14 +1455,28 @@
1390
1455
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1391
1456
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1392
1457
  --data-blue-color-muted: var(--base-display-color-blue-0);
1458
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1459
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1460
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1461
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1393
1462
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1394
1463
  --data-gray-color-muted: var(--base-display-color-gray-0);
1395
1464
  --data-green-color-emphasis: var(--base-display-color-green-4);
1396
1465
  --data-green-color-muted: var(--base-display-color-green-0);
1466
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1467
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1468
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1469
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1470
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1471
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1397
1472
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1398
1473
  --data-orange-color-muted: var(--base-display-color-orange-0);
1474
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1475
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1399
1476
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1400
1477
  --data-pink-color-muted: var(--base-display-color-pink-0);
1478
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1479
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1401
1480
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1402
1481
  --data-purple-color-muted: var(--base-display-color-purple-0);
1403
1482
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1764,6 +1843,40 @@
1764
1843
  --controlTrack-borderColor-rest: var(--borderColor-default);
1765
1844
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1766
1845
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1846
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1847
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1848
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1849
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1850
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1851
+ --data-brown-color-gradientStop-2: #eeeae200;
1852
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1853
+ --data-coral-color-gradientStop-2: #ffe5db00;
1854
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1855
+ --data-gray-color-gradientStop-2: #e8ecf200;
1856
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1857
+ --data-green-color-gradientStop-2: #caf7ca00;
1858
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1859
+ --data-lemon-color-gradientStop-2: #f7eea100;
1860
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1861
+ --data-lime-color-gradientStop-2: #e3f2b500;
1862
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1863
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1864
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1865
+ --data-orange-color-gradientStop-2: #ffe7d100;
1866
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1867
+ --data-pine-color-gradientStop-2: #bff8db00;
1868
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1869
+ --data-pink-color-gradientStop-2: #ffe5f100;
1870
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1871
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1872
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1873
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1874
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1875
+ --data-red-color-gradientStop-2: #ffe2e000;
1876
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1877
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1878
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1879
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1767
1880
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1768
1881
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1769
1882
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1832,6 +1945,23 @@
1832
1945
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1833
1946
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1834
1947
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1948
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1949
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1950
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1951
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1952
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1953
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1954
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1955
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1956
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1957
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1958
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1959
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1960
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1961
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1962
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1963
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1964
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1835
1965
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1836
1966
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1837
1967
  --diffBlob-additionWord-fgColor: var(--fgColor-default);