@primer/primitives 10.4.0 → 10.5.0-rc.2284dc61

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 (76) 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 +2167 -161
  40. package/dist/docs/functional/themes/dark-dimmed.json +2167 -161
  41. package/dist/docs/functional/themes/dark-high-contrast.json +2168 -162
  42. package/dist/docs/functional/themes/dark-tritanopia.json +2167 -161
  43. package/dist/docs/functional/themes/dark.json +2167 -161
  44. package/dist/docs/functional/themes/light-colorblind.json +2166 -160
  45. package/dist/docs/functional/themes/light-high-contrast.json +2168 -162
  46. package/dist/docs/functional/themes/light-tritanopia.json +2166 -160
  47. package/dist/docs/functional/themes/light.json +2166 -160
  48. package/dist/figma/themes/dark-colorblind.json +811 -26
  49. package/dist/figma/themes/dark-dimmed.json +811 -26
  50. package/dist/figma/themes/dark-high-contrast.json +811 -26
  51. package/dist/figma/themes/dark-tritanopia.json +811 -26
  52. package/dist/figma/themes/dark.json +811 -26
  53. package/dist/figma/themes/light-colorblind.json +810 -25
  54. package/dist/figma/themes/light-high-contrast.json +810 -25
  55. package/dist/figma/themes/light-tritanopia.json +810 -25
  56. package/dist/figma/themes/light.json +810 -25
  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 +2167 -161
  67. package/dist/styleLint/functional/themes/dark-dimmed.json +2167 -161
  68. package/dist/styleLint/functional/themes/dark-high-contrast.json +2168 -162
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +2167 -161
  70. package/dist/styleLint/functional/themes/dark.json +2167 -161
  71. package/dist/styleLint/functional/themes/light-colorblind.json +2180 -174
  72. package/dist/styleLint/functional/themes/light-high-contrast.json +2168 -162
  73. package/dist/styleLint/functional/themes/light-tritanopia.json +2180 -174
  74. package/dist/styleLint/functional/themes/light.json +2180 -174
  75. package/package.json +1 -1
  76. package/src/tokens/functional/color/data-vis.json5 +911 -41
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -161,14 +161,28 @@
161
161
  --data-auburn-color-muted: #f2e9e9;
162
162
  --data-blue-color-emphasis: #006edb;
163
163
  --data-blue-color-muted: #d1f0ff;
164
+ --data-brown-color-emphasis: #856d4c;
165
+ --data-brown-color-muted: #eeeae2;
166
+ --data-coral-color-emphasis: #d43511;
167
+ --data-coral-color-muted: #ffe5db;
164
168
  --data-gray-color-emphasis: #808fa3;
165
169
  --data-gray-color-muted: #e8ecf2;
166
170
  --data-green-color-emphasis: #30a147;
167
171
  --data-green-color-muted: #caf7ca;
172
+ --data-lemon-color-emphasis: #866e04;
173
+ --data-lemon-color-muted: #f7eea1;
174
+ --data-lime-color-emphasis: #527a29;
175
+ --data-lime-color-muted: #e3f2b5;
176
+ --data-olive-color-emphasis: #64762d;
177
+ --data-olive-color-muted: #f0f0ad;
168
178
  --data-orange-color-emphasis: #eb670f;
169
179
  --data-orange-color-muted: #ffe7d1;
180
+ --data-pine-color-emphasis: #167e53;
181
+ --data-pine-color-muted: #bff8db;
170
182
  --data-pink-color-emphasis: #ce2c85;
171
183
  --data-pink-color-muted: #ffe5f1;
184
+ --data-plum-color-emphasis: #a830e8;
185
+ --data-plum-color-muted: #f8e5ff;
172
186
  --data-purple-color-emphasis: #894ceb;
173
187
  --data-purple-color-muted: #f1e5ff;
174
188
  --data-red-color-emphasis: #df0c24;
@@ -528,6 +542,40 @@
528
542
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
529
543
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
530
544
  --counter-borderColor: var(--borderColor-default);
545
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
546
+ --data-auburn-color-gradientStop-2: #f2e9e900;
547
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
548
+ --data-blue-color-gradientStop-2: #d1f0ff00;
549
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
550
+ --data-brown-color-gradientStop-2: #eeeae200;
551
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
552
+ --data-coral-color-gradientStop-2: #ffe5db00;
553
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
554
+ --data-gray-color-gradientStop-2: #e8ecf200;
555
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
556
+ --data-green-color-gradientStop-2: #caf7ca00;
557
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
558
+ --data-lemon-color-gradientStop-2: #f7eea100;
559
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
560
+ --data-lime-color-gradientStop-2: #e3f2b500;
561
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
562
+ --data-olive-color-gradientStop-2: #f0f0ad00;
563
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
564
+ --data-orange-color-gradientStop-2: #ffe7d100;
565
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
566
+ --data-pine-color-gradientStop-2: #bff8db00;
567
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
568
+ --data-pink-color-gradientStop-2: #ffe5f100;
569
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
570
+ --data-plum-color-gradientStop-2: #f8e5ff00;
571
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
572
+ --data-purple-color-gradientStop-2: #f1e5ff00;
573
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
574
+ --data-red-color-gradientStop-2: #ffe2e000;
575
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
576
+ --data-teal-color-gradientStop-2: #c7f5ef00;
577
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
578
+ --data-yellow-color-gradientStop-2: #ffec9e00;
531
579
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
532
580
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
533
581
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -602,6 +650,23 @@
602
650
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
603
651
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
604
652
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
653
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
654
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
655
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
656
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
657
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
658
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
659
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
660
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
661
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
662
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
663
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
664
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
665
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
666
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
667
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
668
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
669
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
605
670
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
606
671
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
607
672
  --diffBlob-additionWord-fgColor: var(--fgColor-onEmphasis);
@@ -785,14 +850,28 @@
785
850
  --data-auburn-color-muted: #f2e9e9;
786
851
  --data-blue-color-emphasis: #006edb;
787
852
  --data-blue-color-muted: #d1f0ff;
853
+ --data-brown-color-emphasis: #856d4c;
854
+ --data-brown-color-muted: #eeeae2;
855
+ --data-coral-color-emphasis: #d43511;
856
+ --data-coral-color-muted: #ffe5db;
788
857
  --data-gray-color-emphasis: #808fa3;
789
858
  --data-gray-color-muted: #e8ecf2;
790
859
  --data-green-color-emphasis: #30a147;
791
860
  --data-green-color-muted: #caf7ca;
861
+ --data-lemon-color-emphasis: #866e04;
862
+ --data-lemon-color-muted: #f7eea1;
863
+ --data-lime-color-emphasis: #527a29;
864
+ --data-lime-color-muted: #e3f2b5;
865
+ --data-olive-color-emphasis: #64762d;
866
+ --data-olive-color-muted: #f0f0ad;
792
867
  --data-orange-color-emphasis: #eb670f;
793
868
  --data-orange-color-muted: #ffe7d1;
869
+ --data-pine-color-emphasis: #167e53;
870
+ --data-pine-color-muted: #bff8db;
794
871
  --data-pink-color-emphasis: #ce2c85;
795
872
  --data-pink-color-muted: #ffe5f1;
873
+ --data-plum-color-emphasis: #a830e8;
874
+ --data-plum-color-muted: #f8e5ff;
796
875
  --data-purple-color-emphasis: #894ceb;
797
876
  --data-purple-color-muted: #f1e5ff;
798
877
  --data-red-color-emphasis: #df0c24;
@@ -1152,6 +1231,40 @@
1152
1231
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1153
1232
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1154
1233
  --counter-borderColor: var(--borderColor-default);
1234
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1235
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1236
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1237
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1238
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1239
+ --data-brown-color-gradientStop-2: #eeeae200;
1240
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1241
+ --data-coral-color-gradientStop-2: #ffe5db00;
1242
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1243
+ --data-gray-color-gradientStop-2: #e8ecf200;
1244
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1245
+ --data-green-color-gradientStop-2: #caf7ca00;
1246
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1247
+ --data-lemon-color-gradientStop-2: #f7eea100;
1248
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1249
+ --data-lime-color-gradientStop-2: #e3f2b500;
1250
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1251
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1252
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1253
+ --data-orange-color-gradientStop-2: #ffe7d100;
1254
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1255
+ --data-pine-color-gradientStop-2: #bff8db00;
1256
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1257
+ --data-pink-color-gradientStop-2: #ffe5f100;
1258
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1259
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1260
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1261
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1262
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1263
+ --data-red-color-gradientStop-2: #ffe2e000;
1264
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1265
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1266
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1267
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1155
1268
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1156
1269
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1157
1270
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1226,6 +1339,23 @@
1226
1339
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1227
1340
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1228
1341
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1342
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1343
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1344
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1345
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1346
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1347
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1348
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1349
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1350
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1351
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1352
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1353
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1354
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1355
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1356
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1357
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1358
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1229
1359
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1230
1360
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1231
1361
  --diffBlob-additionWord-fgColor: var(--fgColor-onEmphasis);
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -166,14 +166,28 @@
166
166
  --data-auburn-color-muted: #f2e9e9;
167
167
  --data-blue-color-emphasis: #006edb;
168
168
  --data-blue-color-muted: #d1f0ff;
169
+ --data-brown-color-emphasis: #856d4c;
170
+ --data-brown-color-muted: #eeeae2;
171
+ --data-coral-color-emphasis: #d43511;
172
+ --data-coral-color-muted: #ffe5db;
169
173
  --data-gray-color-emphasis: #808fa3;
170
174
  --data-gray-color-muted: #e8ecf2;
171
175
  --data-green-color-emphasis: #30a147;
172
176
  --data-green-color-muted: #caf7ca;
177
+ --data-lemon-color-emphasis: #866e04;
178
+ --data-lemon-color-muted: #f7eea1;
179
+ --data-lime-color-emphasis: #527a29;
180
+ --data-lime-color-muted: #e3f2b5;
181
+ --data-olive-color-emphasis: #64762d;
182
+ --data-olive-color-muted: #f0f0ad;
173
183
  --data-orange-color-emphasis: #eb670f;
174
184
  --data-orange-color-muted: #ffe7d1;
185
+ --data-pine-color-emphasis: #167e53;
186
+ --data-pine-color-muted: #bff8db;
175
187
  --data-pink-color-emphasis: #ce2c85;
176
188
  --data-pink-color-muted: #ffe5f1;
189
+ --data-plum-color-emphasis: #a830e8;
190
+ --data-plum-color-muted: #f8e5ff;
177
191
  --data-purple-color-emphasis: #894ceb;
178
192
  --data-purple-color-muted: #f1e5ff;
179
193
  --data-red-color-emphasis: #df0c24;
@@ -532,6 +546,40 @@
532
546
  --controlTrack-borderColor-rest: var(--borderColor-default);
533
547
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
534
548
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
549
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
550
+ --data-auburn-color-gradientStop-2: #f2e9e900;
551
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
552
+ --data-blue-color-gradientStop-2: #d1f0ff00;
553
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
554
+ --data-brown-color-gradientStop-2: #eeeae200;
555
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
556
+ --data-coral-color-gradientStop-2: #ffe5db00;
557
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
558
+ --data-gray-color-gradientStop-2: #e8ecf200;
559
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
560
+ --data-green-color-gradientStop-2: #caf7ca00;
561
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
562
+ --data-lemon-color-gradientStop-2: #f7eea100;
563
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
564
+ --data-lime-color-gradientStop-2: #e3f2b500;
565
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
566
+ --data-olive-color-gradientStop-2: #f0f0ad00;
567
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
568
+ --data-orange-color-gradientStop-2: #ffe7d100;
569
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
570
+ --data-pine-color-gradientStop-2: #bff8db00;
571
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
572
+ --data-pink-color-gradientStop-2: #ffe5f100;
573
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
574
+ --data-plum-color-gradientStop-2: #f8e5ff00;
575
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
576
+ --data-purple-color-gradientStop-2: #f1e5ff00;
577
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
578
+ --data-red-color-gradientStop-2: #ffe2e000;
579
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
580
+ --data-teal-color-gradientStop-2: #c7f5ef00;
581
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
582
+ --data-yellow-color-gradientStop-2: #ffec9e00;
535
583
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
536
584
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
537
585
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -600,6 +648,23 @@
600
648
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
601
649
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
602
650
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
651
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
652
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
653
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
654
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
655
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
656
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
657
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
658
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
659
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
660
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
661
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
662
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
663
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
664
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
665
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
666
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
667
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
603
668
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
604
669
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
605
670
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -790,14 +855,28 @@
790
855
  --data-auburn-color-muted: #f2e9e9;
791
856
  --data-blue-color-emphasis: #006edb;
792
857
  --data-blue-color-muted: #d1f0ff;
858
+ --data-brown-color-emphasis: #856d4c;
859
+ --data-brown-color-muted: #eeeae2;
860
+ --data-coral-color-emphasis: #d43511;
861
+ --data-coral-color-muted: #ffe5db;
793
862
  --data-gray-color-emphasis: #808fa3;
794
863
  --data-gray-color-muted: #e8ecf2;
795
864
  --data-green-color-emphasis: #30a147;
796
865
  --data-green-color-muted: #caf7ca;
866
+ --data-lemon-color-emphasis: #866e04;
867
+ --data-lemon-color-muted: #f7eea1;
868
+ --data-lime-color-emphasis: #527a29;
869
+ --data-lime-color-muted: #e3f2b5;
870
+ --data-olive-color-emphasis: #64762d;
871
+ --data-olive-color-muted: #f0f0ad;
797
872
  --data-orange-color-emphasis: #eb670f;
798
873
  --data-orange-color-muted: #ffe7d1;
874
+ --data-pine-color-emphasis: #167e53;
875
+ --data-pine-color-muted: #bff8db;
799
876
  --data-pink-color-emphasis: #ce2c85;
800
877
  --data-pink-color-muted: #ffe5f1;
878
+ --data-plum-color-emphasis: #a830e8;
879
+ --data-plum-color-muted: #f8e5ff;
801
880
  --data-purple-color-emphasis: #894ceb;
802
881
  --data-purple-color-muted: #f1e5ff;
803
882
  --data-red-color-emphasis: #df0c24;
@@ -1156,6 +1235,40 @@
1156
1235
  --controlTrack-borderColor-rest: var(--borderColor-default);
1157
1236
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1158
1237
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1238
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1239
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1240
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1241
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1242
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1243
+ --data-brown-color-gradientStop-2: #eeeae200;
1244
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1245
+ --data-coral-color-gradientStop-2: #ffe5db00;
1246
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1247
+ --data-gray-color-gradientStop-2: #e8ecf200;
1248
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1249
+ --data-green-color-gradientStop-2: #caf7ca00;
1250
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1251
+ --data-lemon-color-gradientStop-2: #f7eea100;
1252
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1253
+ --data-lime-color-gradientStop-2: #e3f2b500;
1254
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1255
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1256
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1257
+ --data-orange-color-gradientStop-2: #ffe7d100;
1258
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1259
+ --data-pine-color-gradientStop-2: #bff8db00;
1260
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1261
+ --data-pink-color-gradientStop-2: #ffe5f100;
1262
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1263
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1264
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1265
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1266
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1267
+ --data-red-color-gradientStop-2: #ffe2e000;
1268
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1269
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1270
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1271
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1159
1272
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1160
1273
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1161
1274
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1224,6 +1337,23 @@
1224
1337
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1225
1338
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1226
1339
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1340
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1341
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1342
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1343
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1344
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1345
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1346
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1347
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1348
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1349
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1350
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1351
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1352
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1353
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1354
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1355
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1356
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1227
1357
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1228
1358
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1229
1359
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
package/dist/css/functional/themes/light.css CHANGED
@@ -164,14 +164,28 @@
164
164
  --data-auburn-color-muted: #f2e9e9;
165
165
  --data-blue-color-emphasis: #006edb;
166
166
  --data-blue-color-muted: #d1f0ff;
167
+ --data-brown-color-emphasis: #856d4c;
168
+ --data-brown-color-muted: #eeeae2;
169
+ --data-coral-color-emphasis: #d43511;
170
+ --data-coral-color-muted: #ffe5db;
167
171
  --data-gray-color-emphasis: #808fa3;
168
172
  --data-gray-color-muted: #e8ecf2;
169
173
  --data-green-color-emphasis: #30a147;
170
174
  --data-green-color-muted: #caf7ca;
175
+ --data-lemon-color-emphasis: #866e04;
176
+ --data-lemon-color-muted: #f7eea1;
177
+ --data-lime-color-emphasis: #527a29;
178
+ --data-lime-color-muted: #e3f2b5;
179
+ --data-olive-color-emphasis: #64762d;
180
+ --data-olive-color-muted: #f0f0ad;
171
181
  --data-orange-color-emphasis: #eb670f;
172
182
  --data-orange-color-muted: #ffe7d1;
183
+ --data-pine-color-emphasis: #167e53;
184
+ --data-pine-color-muted: #bff8db;
173
185
  --data-pink-color-emphasis: #ce2c85;
174
186
  --data-pink-color-muted: #ffe5f1;
187
+ --data-plum-color-emphasis: #a830e8;
188
+ --data-plum-color-muted: #f8e5ff;
175
189
  --data-purple-color-emphasis: #894ceb;
176
190
  --data-purple-color-muted: #f1e5ff;
177
191
  --data-red-color-emphasis: #df0c24;
@@ -530,6 +544,40 @@
530
544
  --controlTrack-borderColor-rest: var(--borderColor-default);
531
545
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
532
546
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
547
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
548
+ --data-auburn-color-gradientStop-2: #f2e9e900;
549
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
550
+ --data-blue-color-gradientStop-2: #d1f0ff00;
551
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
552
+ --data-brown-color-gradientStop-2: #eeeae200;
553
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
554
+ --data-coral-color-gradientStop-2: #ffe5db00;
555
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
556
+ --data-gray-color-gradientStop-2: #e8ecf200;
557
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
558
+ --data-green-color-gradientStop-2: #caf7ca00;
559
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
560
+ --data-lemon-color-gradientStop-2: #f7eea100;
561
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
562
+ --data-lime-color-gradientStop-2: #e3f2b500;
563
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
564
+ --data-olive-color-gradientStop-2: #f0f0ad00;
565
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
566
+ --data-orange-color-gradientStop-2: #ffe7d100;
567
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
568
+ --data-pine-color-gradientStop-2: #bff8db00;
569
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
570
+ --data-pink-color-gradientStop-2: #ffe5f100;
571
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
572
+ --data-plum-color-gradientStop-2: #f8e5ff00;
573
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
574
+ --data-purple-color-gradientStop-2: #f1e5ff00;
575
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
576
+ --data-red-color-gradientStop-2: #ffe2e000;
577
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
578
+ --data-teal-color-gradientStop-2: #c7f5ef00;
579
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
580
+ --data-yellow-color-gradientStop-2: #ffec9e00;
533
581
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
534
582
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
535
583
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -600,6 +648,23 @@
600
648
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
601
649
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
602
650
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
651
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
652
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
653
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
654
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
655
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
656
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
657
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
658
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
659
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
660
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
661
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
662
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
663
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
664
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
665
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
666
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
667
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
603
668
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
604
669
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
605
670
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -788,14 +853,28 @@
788
853
  --data-auburn-color-muted: #f2e9e9;
789
854
  --data-blue-color-emphasis: #006edb;
790
855
  --data-blue-color-muted: #d1f0ff;
856
+ --data-brown-color-emphasis: #856d4c;
857
+ --data-brown-color-muted: #eeeae2;
858
+ --data-coral-color-emphasis: #d43511;
859
+ --data-coral-color-muted: #ffe5db;
791
860
  --data-gray-color-emphasis: #808fa3;
792
861
  --data-gray-color-muted: #e8ecf2;
793
862
  --data-green-color-emphasis: #30a147;
794
863
  --data-green-color-muted: #caf7ca;
864
+ --data-lemon-color-emphasis: #866e04;
865
+ --data-lemon-color-muted: #f7eea1;
866
+ --data-lime-color-emphasis: #527a29;
867
+ --data-lime-color-muted: #e3f2b5;
868
+ --data-olive-color-emphasis: #64762d;
869
+ --data-olive-color-muted: #f0f0ad;
795
870
  --data-orange-color-emphasis: #eb670f;
796
871
  --data-orange-color-muted: #ffe7d1;
872
+ --data-pine-color-emphasis: #167e53;
873
+ --data-pine-color-muted: #bff8db;
797
874
  --data-pink-color-emphasis: #ce2c85;
798
875
  --data-pink-color-muted: #ffe5f1;
876
+ --data-plum-color-emphasis: #a830e8;
877
+ --data-plum-color-muted: #f8e5ff;
799
878
  --data-purple-color-emphasis: #894ceb;
800
879
  --data-purple-color-muted: #f1e5ff;
801
880
  --data-red-color-emphasis: #df0c24;
@@ -1154,6 +1233,40 @@
1154
1233
  --controlTrack-borderColor-rest: var(--borderColor-default);
1155
1234
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1156
1235
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1236
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1237
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1238
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1239
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1240
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1241
+ --data-brown-color-gradientStop-2: #eeeae200;
1242
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1243
+ --data-coral-color-gradientStop-2: #ffe5db00;
1244
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1245
+ --data-gray-color-gradientStop-2: #e8ecf200;
1246
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1247
+ --data-green-color-gradientStop-2: #caf7ca00;
1248
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1249
+ --data-lemon-color-gradientStop-2: #f7eea100;
1250
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1251
+ --data-lime-color-gradientStop-2: #e3f2b500;
1252
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1253
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1254
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1255
+ --data-orange-color-gradientStop-2: #ffe7d100;
1256
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1257
+ --data-pine-color-gradientStop-2: #bff8db00;
1258
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1259
+ --data-pink-color-gradientStop-2: #ffe5f100;
1260
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1261
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1262
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1263
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1264
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1265
+ --data-red-color-gradientStop-2: #ffe2e000;
1266
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1267
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1268
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1269
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1157
1270
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1158
1271
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1159
1272
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1224,6 +1337,23 @@
1224
1337
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1225
1338
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1226
1339
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1340
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1341
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1342
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1343
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1344
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1345
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1346
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1347
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1348
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1349
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1350
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1351
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1352
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1353
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1354
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1355
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1356
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1227
1357
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1228
1358
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1229
1359
  --diffBlob-additionWord-fgColor: var(--fgColor-default);