@primer/primitives 7.1.0 → 7.1.1

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 (6) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/js/colors/light_high_contrast.js +52 -52
  3. package/dist/json/colors/light_high_contrast.json +52 -52
  4. package/dist/scss/colors/_light_high_contrast.scss +52 -52
  5. package/dist/ts/colors/light_high_contrast.ts +52 -52
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @primer/primitives
2
2
 
3
+ ## 7.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#273](https://github.com/primer/primitives/pull/273) [`5c8d9a9`](https://github.com/primer/primitives/commit/5c8d9a99fca308bc23ba03e29a2a8ef2eef947fa) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Border improvements
8
+
9
+ * [#276](https://github.com/primer/primitives/pull/276) [`f2d41ec`](https://github.com/primer/primitives/commit/f2d41ec00c70a5e794dc76567098ebcb11fbed8a) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Improved button states for light HC
10
+
11
+ - [#274](https://github.com/primer/primitives/pull/274) [`f071312`](https://github.com/primer/primitives/commit/f0713123fd89552fab1b38e6f2be88747d9d8f1a) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Improved contrast for change highlights in diff
12
+
3
13
  ## 7.1.0
4
14
 
5
15
  ### Minor Changes
package/dist/js/colors/light_high_contrast.js CHANGED
@@ -9,20 +9,20 @@ exports.default = {
9
9
  "diffBlob": {
10
10
  "addition": {
11
11
  "numText": "#24292F",
12
- "fg": "#24292F",
12
+ "fg": "#ffffff",
13
13
  "numBg": "#CCFFD8",
14
14
  "lineBg": "#E6FFEC",
15
- "wordBg": "#ABF2BC"
15
+ "wordBg": "#055d20"
16
16
  },
17
17
  "deletion": {
18
18
  "numText": "#24292F",
19
- "fg": "#24292F",
19
+ "fg": "#ffffff",
20
20
  "numBg": "#FFD7D5",
21
21
  "lineBg": "#fff0ee",
22
- "wordBg": "rgba(238,90,93,0.4)"
22
+ "wordBg": "#a0111f"
23
23
  },
24
24
  "hunk": {
25
- "numBg": "rgba(54,140,249,0.4)"
25
+ "numBg": "#9cd7ff"
26
26
  },
27
27
  "expander": {
28
28
  "icon": "#24292F"
@@ -30,8 +30,8 @@ exports.default = {
30
30
  "selectedLineHighlightMixBlendMode": "multiply"
31
31
  },
32
32
  "diffstat": {
33
- "deletionBorder": "rgba(1,4,9,0.9)",
34
- "additionBorder": "rgba(1,4,9,0.9)",
33
+ "deletionBorder": "rgba(1,4,9,0.8)",
34
+ "additionBorder": "rgba(1,4,9,0.8)",
35
35
  "additionBg": "#117f32"
36
36
  },
37
37
  "searchKeyword": {
@@ -79,7 +79,7 @@ exports.default = {
79
79
  "guttermarkerSubtleText": "#67707A",
80
80
  "linenumberText": "#24292F",
81
81
  "cursor": "#24292F",
82
- "selectionBg": "rgba(54,140,249,0.4)",
82
+ "selectionBg": "#368cf9",
83
83
  "activelineBg": "#E7ECF0",
84
84
  "matchingbracketText": "#24292F",
85
85
  "linesBg": "#ffffff",
@@ -190,7 +190,7 @@ exports.default = {
190
190
  },
191
191
  "avatar": {
192
192
  "bg": "#ffffff",
193
- "border": "rgba(1,4,9,0.9)",
193
+ "border": "rgba(1,4,9,0.8)",
194
194
  "stackFade": "#ACB6C0",
195
195
  "stackFadeMore": "#CED5DC",
196
196
  "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
@@ -248,78 +248,78 @@ exports.default = {
248
248
  },
249
249
  "btn": {
250
250
  "text": "#24292F",
251
- "bg": "#FFFFFF",
252
- "border": "rgba(1,4,9,0.9)",
251
+ "bg": "#E7ECF0",
252
+ "border": "rgba(1,4,9,0.8)",
253
253
  "shadow": "0 1px 0 rgba(1,4,9,0.04)",
254
254
  "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
255
- "hoverBg": "#f3f4f6",
256
- "hoverBorder": "rgba(1,4,9,0.9)",
257
- "activeBg": "hsla(220,14%,93%,1)",
258
- "activeBorder": "rgba(1,4,9,0.9)",
259
- "selectedBg": "hsla(220,14%,94%,1)",
260
- "focusBg": "#FFFFFF",
261
- "focusBorder": "rgba(1,4,9,0.9)",
255
+ "hoverBg": "#CED5DC",
256
+ "hoverBorder": "rgba(1,4,9,0.8)",
257
+ "activeBg": "#ACB6C0",
258
+ "activeBorder": "rgba(1,4,9,0.8)",
259
+ "selectedBg": "#ACB6C0",
260
+ "focusBg": "#CED5DC",
261
+ "focusBorder": "rgba(1,4,9,0.8)",
262
262
  "focusShadow": "0 0 0 3px rgba(3,73,180,0.3)",
263
263
  "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
264
264
  "shadowInputFocus": "0 0 0 0.2em rgba(3,73,180,0.3)",
265
265
  "counterBg": "rgba(1,4,9,0.08)",
266
266
  "primary": {
267
267
  "text": "#ffffff",
268
- "bg": "#117f32",
269
- "border": "rgba(1,4,9,0.9)",
268
+ "bg": "#055d20",
269
+ "border": "#013d14",
270
270
  "shadow": "0 1px 0 rgba(1,4,9,0.1)",
271
271
  "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
272
- "hoverBg": "#2c974b",
273
- "hoverBorder": "rgba(1,4,9,0.9)",
274
- "selectedBg": "hsla(137,55%,36%,1)",
272
+ "hoverBg": "#024c1a",
273
+ "hoverBorder": "#013d14",
274
+ "selectedBg": "hsla(139,95%,13%,1)",
275
275
  "selectedShadow": "inset 0 1px 0 rgba(0,35,11,0.2)",
276
276
  "disabledText": "rgba(255,255,255,0.8)",
277
277
  "disabledBg": "#94d3a2",
278
- "disabledBorder": "rgba(1,4,9,0.9)",
279
- "focusBg": "#117f32",
280
- "focusBorder": "rgba(1,4,9,0.9)",
281
- "focusShadow": "0 0 0 3px rgba(17,127,50,0.4)",
278
+ "disabledBorder": "rgba(1,4,9,0.8)",
279
+ "focusBg": "#013d14",
280
+ "focusBorder": "#013d14",
281
+ "focusShadow": "0 0 0 3px rgba(1,61,20,0.4)",
282
282
  "icon": "rgba(255,255,255,0.8)",
283
283
  "counterBg": "rgba(255,255,255,0.2)"
284
284
  },
285
285
  "outline": {
286
- "text": "#0349b4",
286
+ "text": "#023b95",
287
287
  "hoverText": "#ffffff",
288
288
  "hoverBg": "#0349b4",
289
- "hoverBorder": "rgba(1,4,9,0.9)",
289
+ "hoverBorder": "#022f7a",
290
290
  "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
291
291
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
292
292
  "hoverCounterBg": "rgba(255,255,255,0.2)",
293
293
  "selectedText": "#ffffff",
294
- "selectedBg": "hsla(216,97%,33%,1)",
295
- "selectedBorder": "rgba(1,4,9,0.9)",
294
+ "selectedBg": "#022f7a",
295
+ "selectedBorder": "#022f7a",
296
296
  "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
297
297
  "disabledText": "rgba(3,73,180,0.5)",
298
- "disabledBg": "#FFFFFF",
298
+ "disabledBg": "#E7ECF0",
299
299
  "disabledCounterBg": "rgba(3,73,180,0.05)",
300
- "focusBorder": "rgba(1,4,9,0.9)",
300
+ "focusBorder": "#022f7a",
301
301
  "focusShadow": "0 0 0 3px rgba(2,59,149,0.4)",
302
302
  "counterBg": "rgba(3,73,180,0.1)"
303
303
  },
304
304
  "danger": {
305
- "text": "#a0111f",
305
+ "text": "#86061d",
306
306
  "hoverText": "#ffffff",
307
- "hoverBg": "#86061d",
308
- "hoverBorder": "rgba(1,4,9,0.9)",
307
+ "hoverBg": "#a0111f",
308
+ "hoverBorder": "#6e011a",
309
309
  "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
310
310
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
311
311
  "hoverCounterBg": "rgba(255,255,255,0.2)",
312
312
  "selectedText": "#ffffff",
313
- "selectedBg": "hsla(354,81%,32%,1)",
314
- "selectedBorder": "rgba(1,4,9,0.9)",
313
+ "selectedBg": "#6e011a",
314
+ "selectedBorder": "#6e011a",
315
315
  "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
316
316
  "disabledText": "rgba(160,17,31,0.5)",
317
- "disabledBg": "#FFFFFF",
317
+ "disabledBg": "#E7ECF0",
318
318
  "disabledCounterBg": "rgba(160,17,31,0.05)",
319
- "focusBorder": "rgba(1,4,9,0.9)",
319
+ "focusBorder": "#6e011a",
320
320
  "focusShadow": "0 0 0 3px rgba(134,6,29,0.4)",
321
321
  "counterBg": "rgba(160,17,31,0.1)",
322
- "icon": "#a0111f",
322
+ "icon": "#86061d",
323
323
  "hoverIcon": "#ffffff"
324
324
  }
325
325
  },
@@ -328,7 +328,7 @@ exports.default = {
328
328
  "borderHover": "rgba(172,182,192,0.2)"
329
329
  },
330
330
  "actionListItem": {
331
- "inlineDivider": "rgba(36,41,47,0.48)",
331
+ "inlineDivider": "rgba(48,54,61,0.48)",
332
332
  "default": {
333
333
  "hoverBg": "rgba(206,213,220,0.32)",
334
334
  "activeBg": "rgba(206,213,220,0.48)",
@@ -353,9 +353,9 @@ exports.default = {
353
353
  "subtle": "#E7ECF0"
354
354
  },
355
355
  "border": {
356
- "default": "#24292F",
357
- "muted": "#24292F",
358
- "subtle": "rgba(1,4,9,0.9)"
356
+ "default": "#30363D",
357
+ "muted": "#88929D",
358
+ "subtle": "rgba(1,4,9,0.8)"
359
359
  },
360
360
  "shadow": {
361
361
  "small": "0 1px 0 rgba(1,4,9,0.04)",
@@ -372,43 +372,43 @@ exports.default = {
372
372
  "accent": {
373
373
  "fg": "#0349b4",
374
374
  "emphasis": "#0349b4",
375
- "muted": "rgba(54,140,249,0.4)",
375
+ "muted": "#368cf9",
376
376
  "subtle": "#dff7ff"
377
377
  },
378
378
  "success": {
379
379
  "fg": "#055d20",
380
380
  "emphasis": "#055d20",
381
- "muted": "rgba(38,161,72,0.4)",
381
+ "muted": "#26a148",
382
382
  "subtle": "#d2fedb"
383
383
  },
384
384
  "attention": {
385
385
  "fg": "#744500",
386
386
  "emphasis": "#744500",
387
- "muted": "rgba(181,132,7,0.4)",
387
+ "muted": "#b58407",
388
388
  "subtle": "#fcf7be"
389
389
  },
390
390
  "severe": {
391
391
  "fg": "#873800",
392
392
  "emphasis": "#873800",
393
- "muted": "rgba(220,109,26,0.4)",
393
+ "muted": "#dc6d1a",
394
394
  "subtle": "#fff2d5"
395
395
  },
396
396
  "danger": {
397
397
  "fg": "#a0111f",
398
398
  "emphasis": "#a0111f",
399
- "muted": "rgba(238,90,93,0.4)",
399
+ "muted": "#ee5a5d",
400
400
  "subtle": "#fff0ee"
401
401
  },
402
402
  "done": {
403
403
  "fg": "#622cbc",
404
404
  "emphasis": "#622cbc",
405
- "muted": "rgba(163,113,247,0.4)",
405
+ "muted": "#a371f7",
406
406
  "subtle": "#faf0fe"
407
407
  },
408
408
  "sponsors": {
409
409
  "fg": "#971368",
410
410
  "emphasis": "#971368",
411
- "muted": "rgba(237,75,175,0.4)",
411
+ "muted": "#ed4baf",
412
412
  "subtle": "#feeff7"
413
413
  },
414
414
  "primer": {
package/dist/json/colors/light_high_contrast.json CHANGED
@@ -7,20 +7,20 @@
7
7
  "diffBlob": {
8
8
  "addition": {
9
9
  "numText": "#24292F",
10
- "fg": "#24292F",
10
+ "fg": "#ffffff",
11
11
  "numBg": "#CCFFD8",
12
12
  "lineBg": "#E6FFEC",
13
- "wordBg": "#ABF2BC"
13
+ "wordBg": "#055d20"
14
14
  },
15
15
  "deletion": {
16
16
  "numText": "#24292F",
17
- "fg": "#24292F",
17
+ "fg": "#ffffff",
18
18
  "numBg": "#FFD7D5",
19
19
  "lineBg": "#fff0ee",
20
- "wordBg": "rgba(238,90,93,0.4)"
20
+ "wordBg": "#a0111f"
21
21
  },
22
22
  "hunk": {
23
- "numBg": "rgba(54,140,249,0.4)"
23
+ "numBg": "#9cd7ff"
24
24
  },
25
25
  "expander": {
26
26
  "icon": "#24292F"
@@ -28,8 +28,8 @@
28
28
  "selectedLineHighlightMixBlendMode": "multiply"
29
29
  },
30
30
  "diffstat": {
31
- "deletionBorder": "rgba(1,4,9,0.9)",
32
- "additionBorder": "rgba(1,4,9,0.9)",
31
+ "deletionBorder": "rgba(1,4,9,0.8)",
32
+ "additionBorder": "rgba(1,4,9,0.8)",
33
33
  "additionBg": "#117f32"
34
34
  },
35
35
  "searchKeyword": {
@@ -77,7 +77,7 @@
77
77
  "guttermarkerSubtleText": "#67707A",
78
78
  "linenumberText": "#24292F",
79
79
  "cursor": "#24292F",
80
- "selectionBg": "rgba(54,140,249,0.4)",
80
+ "selectionBg": "#368cf9",
81
81
  "activelineBg": "#E7ECF0",
82
82
  "matchingbracketText": "#24292F",
83
83
  "linesBg": "#ffffff",
@@ -188,7 +188,7 @@
188
188
  },
189
189
  "avatar": {
190
190
  "bg": "#ffffff",
191
- "border": "rgba(1,4,9,0.9)",
191
+ "border": "rgba(1,4,9,0.8)",
192
192
  "stackFade": "#ACB6C0",
193
193
  "stackFadeMore": "#CED5DC",
194
194
  "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
@@ -246,78 +246,78 @@
246
246
  },
247
247
  "btn": {
248
248
  "text": "#24292F",
249
- "bg": "#FFFFFF",
250
- "border": "rgba(1,4,9,0.9)",
249
+ "bg": "#E7ECF0",
250
+ "border": "rgba(1,4,9,0.8)",
251
251
  "shadow": "0 1px 0 rgba(1,4,9,0.04)",
252
252
  "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
253
- "hoverBg": "#f3f4f6",
254
- "hoverBorder": "rgba(1,4,9,0.9)",
255
- "activeBg": "hsla(220,14%,93%,1)",
256
- "activeBorder": "rgba(1,4,9,0.9)",
257
- "selectedBg": "hsla(220,14%,94%,1)",
258
- "focusBg": "#FFFFFF",
259
- "focusBorder": "rgba(1,4,9,0.9)",
253
+ "hoverBg": "#CED5DC",
254
+ "hoverBorder": "rgba(1,4,9,0.8)",
255
+ "activeBg": "#ACB6C0",
256
+ "activeBorder": "rgba(1,4,9,0.8)",
257
+ "selectedBg": "#ACB6C0",
258
+ "focusBg": "#CED5DC",
259
+ "focusBorder": "rgba(1,4,9,0.8)",
260
260
  "focusShadow": "0 0 0 3px rgba(3,73,180,0.3)",
261
261
  "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
262
262
  "shadowInputFocus": "0 0 0 0.2em rgba(3,73,180,0.3)",
263
263
  "counterBg": "rgba(1,4,9,0.08)",
264
264
  "primary": {
265
265
  "text": "#ffffff",
266
- "bg": "#117f32",
267
- "border": "rgba(1,4,9,0.9)",
266
+ "bg": "#055d20",
267
+ "border": "#013d14",
268
268
  "shadow": "0 1px 0 rgba(1,4,9,0.1)",
269
269
  "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
270
- "hoverBg": "#2c974b",
271
- "hoverBorder": "rgba(1,4,9,0.9)",
272
- "selectedBg": "hsla(137,55%,36%,1)",
270
+ "hoverBg": "#024c1a",
271
+ "hoverBorder": "#013d14",
272
+ "selectedBg": "hsla(139,95%,13%,1)",
273
273
  "selectedShadow": "inset 0 1px 0 rgba(0,35,11,0.2)",
274
274
  "disabledText": "rgba(255,255,255,0.8)",
275
275
  "disabledBg": "#94d3a2",
276
- "disabledBorder": "rgba(1,4,9,0.9)",
277
- "focusBg": "#117f32",
278
- "focusBorder": "rgba(1,4,9,0.9)",
279
- "focusShadow": "0 0 0 3px rgba(17,127,50,0.4)",
276
+ "disabledBorder": "rgba(1,4,9,0.8)",
277
+ "focusBg": "#013d14",
278
+ "focusBorder": "#013d14",
279
+ "focusShadow": "0 0 0 3px rgba(1,61,20,0.4)",
280
280
  "icon": "rgba(255,255,255,0.8)",
281
281
  "counterBg": "rgba(255,255,255,0.2)"
282
282
  },
283
283
  "outline": {
284
- "text": "#0349b4",
284
+ "text": "#023b95",
285
285
  "hoverText": "#ffffff",
286
286
  "hoverBg": "#0349b4",
287
- "hoverBorder": "rgba(1,4,9,0.9)",
287
+ "hoverBorder": "#022f7a",
288
288
  "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
289
289
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
290
290
  "hoverCounterBg": "rgba(255,255,255,0.2)",
291
291
  "selectedText": "#ffffff",
292
- "selectedBg": "hsla(216,97%,33%,1)",
293
- "selectedBorder": "rgba(1,4,9,0.9)",
292
+ "selectedBg": "#022f7a",
293
+ "selectedBorder": "#022f7a",
294
294
  "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
295
295
  "disabledText": "rgba(3,73,180,0.5)",
296
- "disabledBg": "#FFFFFF",
296
+ "disabledBg": "#E7ECF0",
297
297
  "disabledCounterBg": "rgba(3,73,180,0.05)",
298
- "focusBorder": "rgba(1,4,9,0.9)",
298
+ "focusBorder": "#022f7a",
299
299
  "focusShadow": "0 0 0 3px rgba(2,59,149,0.4)",
300
300
  "counterBg": "rgba(3,73,180,0.1)"
301
301
  },
302
302
  "danger": {
303
- "text": "#a0111f",
303
+ "text": "#86061d",
304
304
  "hoverText": "#ffffff",
305
- "hoverBg": "#86061d",
306
- "hoverBorder": "rgba(1,4,9,0.9)",
305
+ "hoverBg": "#a0111f",
306
+ "hoverBorder": "#6e011a",
307
307
  "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
308
308
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
309
309
  "hoverCounterBg": "rgba(255,255,255,0.2)",
310
310
  "selectedText": "#ffffff",
311
- "selectedBg": "hsla(354,81%,32%,1)",
312
- "selectedBorder": "rgba(1,4,9,0.9)",
311
+ "selectedBg": "#6e011a",
312
+ "selectedBorder": "#6e011a",
313
313
  "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
314
314
  "disabledText": "rgba(160,17,31,0.5)",
315
- "disabledBg": "#FFFFFF",
315
+ "disabledBg": "#E7ECF0",
316
316
  "disabledCounterBg": "rgba(160,17,31,0.05)",
317
- "focusBorder": "rgba(1,4,9,0.9)",
317
+ "focusBorder": "#6e011a",
318
318
  "focusShadow": "0 0 0 3px rgba(134,6,29,0.4)",
319
319
  "counterBg": "rgba(160,17,31,0.1)",
320
- "icon": "#a0111f",
320
+ "icon": "#86061d",
321
321
  "hoverIcon": "#ffffff"
322
322
  }
323
323
  },
@@ -326,7 +326,7 @@
326
326
  "borderHover": "rgba(172,182,192,0.2)"
327
327
  },
328
328
  "actionListItem": {
329
- "inlineDivider": "rgba(36,41,47,0.48)",
329
+ "inlineDivider": "rgba(48,54,61,0.48)",
330
330
  "default": {
331
331
  "hoverBg": "rgba(206,213,220,0.32)",
332
332
  "activeBg": "rgba(206,213,220,0.48)",
@@ -351,9 +351,9 @@
351
351
  "subtle": "#E7ECF0"
352
352
  },
353
353
  "border": {
354
- "default": "#24292F",
355
- "muted": "#24292F",
356
- "subtle": "rgba(1,4,9,0.9)"
354
+ "default": "#30363D",
355
+ "muted": "#88929D",
356
+ "subtle": "rgba(1,4,9,0.8)"
357
357
  },
358
358
  "shadow": {
359
359
  "small": "0 1px 0 rgba(1,4,9,0.04)",
@@ -370,43 +370,43 @@
370
370
  "accent": {
371
371
  "fg": "#0349b4",
372
372
  "emphasis": "#0349b4",
373
- "muted": "rgba(54,140,249,0.4)",
373
+ "muted": "#368cf9",
374
374
  "subtle": "#dff7ff"
375
375
  },
376
376
  "success": {
377
377
  "fg": "#055d20",
378
378
  "emphasis": "#055d20",
379
- "muted": "rgba(38,161,72,0.4)",
379
+ "muted": "#26a148",
380
380
  "subtle": "#d2fedb"
381
381
  },
382
382
  "attention": {
383
383
  "fg": "#744500",
384
384
  "emphasis": "#744500",
385
- "muted": "rgba(181,132,7,0.4)",
385
+ "muted": "#b58407",
386
386
  "subtle": "#fcf7be"
387
387
  },
388
388
  "severe": {
389
389
  "fg": "#873800",
390
390
  "emphasis": "#873800",
391
- "muted": "rgba(220,109,26,0.4)",
391
+ "muted": "#dc6d1a",
392
392
  "subtle": "#fff2d5"
393
393
  },
394
394
  "danger": {
395
395
  "fg": "#a0111f",
396
396
  "emphasis": "#a0111f",
397
- "muted": "rgba(238,90,93,0.4)",
397
+ "muted": "#ee5a5d",
398
398
  "subtle": "#fff0ee"
399
399
  },
400
400
  "done": {
401
401
  "fg": "#622cbc",
402
402
  "emphasis": "#622cbc",
403
- "muted": "rgba(163,113,247,0.4)",
403
+ "muted": "#a371f7",
404
404
  "subtle": "#faf0fe"
405
405
  },
406
406
  "sponsors": {
407
407
  "fg": "#971368",
408
408
  "emphasis": "#971368",
409
- "muted": "rgba(237,75,175,0.4)",
409
+ "muted": "#ed4baf",
410
410
  "subtle": "#feeff7"
411
411
  },
412
412
  "primer": {
package/dist/scss/colors/_light_high_contrast.scss CHANGED
@@ -4,20 +4,20 @@
4
4
  --color-marketing-icon-primary: #1168e3;
5
5
  --color-marketing-icon-secondary: #368cf9;
6
6
  --color-diff-blob-addition-num-text: #24292F;
7
- --color-diff-blob-addition-fg: #24292F;
7
+ --color-diff-blob-addition-fg: #ffffff;
8
8
  --color-diff-blob-addition-num-bg: #CCFFD8;
9
9
  --color-diff-blob-addition-line-bg: #E6FFEC;
10
- --color-diff-blob-addition-word-bg: #ABF2BC;
10
+ --color-diff-blob-addition-word-bg: #055d20;
11
11
  --color-diff-blob-deletion-num-text: #24292F;
12
- --color-diff-blob-deletion-fg: #24292F;
12
+ --color-diff-blob-deletion-fg: #ffffff;
13
13
  --color-diff-blob-deletion-num-bg: #FFD7D5;
14
14
  --color-diff-blob-deletion-line-bg: #fff0ee;
15
- --color-diff-blob-deletion-word-bg: rgba(238,90,93,0.4);
16
- --color-diff-blob-hunk-num-bg: rgba(54,140,249,0.4);
15
+ --color-diff-blob-deletion-word-bg: #a0111f;
16
+ --color-diff-blob-hunk-num-bg: #9cd7ff;
17
17
  --color-diff-blob-expander-icon: #24292F;
18
18
  --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
19
- --color-diffstat-deletion-border: rgba(1,4,9,0.9);
20
- --color-diffstat-addition-border: rgba(1,4,9,0.9);
19
+ --color-diffstat-deletion-border: rgba(1,4,9,0.8);
20
+ --color-diffstat-addition-border: rgba(1,4,9,0.8);
21
21
  --color-diffstat-addition-bg: #117f32;
22
22
  --color-search-keyword-hl: #fcf7be;
23
23
  --color-prettylights-syntax-comment: #67707A;
@@ -57,7 +57,7 @@
57
57
  --color-codemirror-guttermarker-subtle-text: #67707A;
58
58
  --color-codemirror-linenumber-text: #24292F;
59
59
  --color-codemirror-cursor: #24292F;
60
- --color-codemirror-selection-bg: rgba(54,140,249,0.4);
60
+ --color-codemirror-selection-bg: #368cf9;
61
61
  --color-codemirror-activeline-bg: #E7ECF0;
62
62
  --color-codemirror-matchingbracket-text: #24292F;
63
63
  --color-codemirror-lines-bg: #ffffff;
@@ -152,7 +152,7 @@
152
152
  --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
153
153
  --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
154
154
  --color-avatar-bg: #ffffff;
155
- --color-avatar-border: rgba(1,4,9,0.9);
155
+ --color-avatar-border: rgba(1,4,9,0.8);
156
156
  --color-avatar-stack-fade: #ACB6C0;
157
157
  --color-avatar-stack-fade-more: #CED5DC;
158
158
  --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
@@ -188,77 +188,77 @@
188
188
  --color-ansi-cyan: #1b7c83;
189
189
  --color-ansi-cyan-bright: #3192aa;
190
190
  --color-btn-text: #24292F;
191
- --color-btn-bg: #FFFFFF;
192
- --color-btn-border: rgba(1,4,9,0.9);
191
+ --color-btn-bg: #E7ECF0;
192
+ --color-btn-border: rgba(1,4,9,0.8);
193
193
  --color-btn-shadow: 0 1px 0 rgba(1,4,9,0.04);
194
194
  --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
195
- --color-btn-hover-bg: #f3f4f6;
196
- --color-btn-hover-border: rgba(1,4,9,0.9);
197
- --color-btn-active-bg: hsla(220,14%,93%,1);
198
- --color-btn-active-border: rgba(1,4,9,0.9);
199
- --color-btn-selected-bg: hsla(220,14%,94%,1);
200
- --color-btn-focus-bg: #FFFFFF;
201
- --color-btn-focus-border: rgba(1,4,9,0.9);
195
+ --color-btn-hover-bg: #CED5DC;
196
+ --color-btn-hover-border: rgba(1,4,9,0.8);
197
+ --color-btn-active-bg: #ACB6C0;
198
+ --color-btn-active-border: rgba(1,4,9,0.8);
199
+ --color-btn-selected-bg: #ACB6C0;
200
+ --color-btn-focus-bg: #CED5DC;
201
+ --color-btn-focus-border: rgba(1,4,9,0.8);
202
202
  --color-btn-focus-shadow: 0 0 0 3px rgba(3,73,180,0.3);
203
203
  --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
204
204
  --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(3,73,180,0.3);
205
205
  --color-btn-counter-bg: rgba(1,4,9,0.08);
206
206
  --color-btn-primary-text: #ffffff;
207
- --color-btn-primary-bg: #117f32;
208
- --color-btn-primary-border: rgba(1,4,9,0.9);
207
+ --color-btn-primary-bg: #055d20;
208
+ --color-btn-primary-border: #013d14;
209
209
  --color-btn-primary-shadow: 0 1px 0 rgba(1,4,9,0.1);
210
210
  --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
211
- --color-btn-primary-hover-bg: #2c974b;
212
- --color-btn-primary-hover-border: rgba(1,4,9,0.9);
213
- --color-btn-primary-selected-bg: hsla(137,55%,36%,1);
211
+ --color-btn-primary-hover-bg: #024c1a;
212
+ --color-btn-primary-hover-border: #013d14;
213
+ --color-btn-primary-selected-bg: hsla(139,95%,13%,1);
214
214
  --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,35,11,0.2);
215
215
  --color-btn-primary-disabled-text: rgba(255,255,255,0.8);
216
216
  --color-btn-primary-disabled-bg: #94d3a2;
217
- --color-btn-primary-disabled-border: rgba(1,4,9,0.9);
218
- --color-btn-primary-focus-bg: #117f32;
219
- --color-btn-primary-focus-border: rgba(1,4,9,0.9);
220
- --color-btn-primary-focus-shadow: 0 0 0 3px rgba(17,127,50,0.4);
217
+ --color-btn-primary-disabled-border: rgba(1,4,9,0.8);
218
+ --color-btn-primary-focus-bg: #013d14;
219
+ --color-btn-primary-focus-border: #013d14;
220
+ --color-btn-primary-focus-shadow: 0 0 0 3px rgba(1,61,20,0.4);
221
221
  --color-btn-primary-icon: rgba(255,255,255,0.8);
222
222
  --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
223
- --color-btn-outline-text: #0349b4;
223
+ --color-btn-outline-text: #023b95;
224
224
  --color-btn-outline-hover-text: #ffffff;
225
225
  --color-btn-outline-hover-bg: #0349b4;
226
- --color-btn-outline-hover-border: rgba(1,4,9,0.9);
226
+ --color-btn-outline-hover-border: #022f7a;
227
227
  --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
228
228
  --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
229
229
  --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
230
230
  --color-btn-outline-selected-text: #ffffff;
231
- --color-btn-outline-selected-bg: hsla(216,97%,33%,1);
232
- --color-btn-outline-selected-border: rgba(1,4,9,0.9);
231
+ --color-btn-outline-selected-bg: #022f7a;
232
+ --color-btn-outline-selected-border: #022f7a;
233
233
  --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(2,26,74,0.2);
234
234
  --color-btn-outline-disabled-text: rgba(3,73,180,0.5);
235
- --color-btn-outline-disabled-bg: #FFFFFF;
235
+ --color-btn-outline-disabled-bg: #E7ECF0;
236
236
  --color-btn-outline-disabled-counter-bg: rgba(3,73,180,0.05);
237
- --color-btn-outline-focus-border: rgba(1,4,9,0.9);
237
+ --color-btn-outline-focus-border: #022f7a;
238
238
  --color-btn-outline-focus-shadow: 0 0 0 3px rgba(2,59,149,0.4);
239
239
  --color-btn-outline-counter-bg: rgba(3,73,180,0.1);
240
- --color-btn-danger-text: #a0111f;
240
+ --color-btn-danger-text: #86061d;
241
241
  --color-btn-danger-hover-text: #ffffff;
242
- --color-btn-danger-hover-bg: #86061d;
243
- --color-btn-danger-hover-border: rgba(1,4,9,0.9);
242
+ --color-btn-danger-hover-bg: #a0111f;
243
+ --color-btn-danger-hover-border: #6e011a;
244
244
  --color-btn-danger-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
245
245
  --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
246
246
  --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
247
247
  --color-btn-danger-selected-text: #ffffff;
248
- --color-btn-danger-selected-bg: hsla(354,81%,32%,1);
249
- --color-btn-danger-selected-border: rgba(1,4,9,0.9);
248
+ --color-btn-danger-selected-bg: #6e011a;
249
+ --color-btn-danger-selected-border: #6e011a;
250
250
  --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(67,0,17,0.2);
251
251
  --color-btn-danger-disabled-text: rgba(160,17,31,0.5);
252
- --color-btn-danger-disabled-bg: #FFFFFF;
252
+ --color-btn-danger-disabled-bg: #E7ECF0;
253
253
  --color-btn-danger-disabled-counter-bg: rgba(160,17,31,0.05);
254
- --color-btn-danger-focus-border: rgba(1,4,9,0.9);
254
+ --color-btn-danger-focus-border: #6e011a;
255
255
  --color-btn-danger-focus-shadow: 0 0 0 3px rgba(134,6,29,0.4);
256
256
  --color-btn-danger-counter-bg: rgba(160,17,31,0.1);
257
- --color-btn-danger-icon: #a0111f;
257
+ --color-btn-danger-icon: #86061d;
258
258
  --color-btn-danger-hover-icon: #ffffff;
259
259
  --color-underlinenav-icon: #67707A;
260
260
  --color-underlinenav-border-hover: rgba(172,182,192,0.2);
261
- --color-action-list-item-inline-divider: rgba(36,41,47,0.48);
261
+ --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
262
262
  --color-action-list-item-default-hover-bg: rgba(206,213,220,0.32);
263
263
  --color-action-list-item-default-active-bg: rgba(206,213,220,0.48);
264
264
  --color-action-list-item-default-selected-bg: rgba(206,213,220,0.24);
@@ -273,9 +273,9 @@
273
273
  --color-canvas-overlay: #ffffff;
274
274
  --color-canvas-inset: #ffffff;
275
275
  --color-canvas-subtle: #E7ECF0;
276
- --color-border-default: #24292F;
277
- --color-border-muted: #24292F;
278
- --color-border-subtle: rgba(1,4,9,0.9);
276
+ --color-border-default: #30363D;
277
+ --color-border-muted: #88929D;
278
+ --color-border-subtle: rgba(1,4,9,0.8);
279
279
  --color-shadow-small: 0 1px 0 rgba(1,4,9,0.04);
280
280
  --color-shadow-medium: 0 3px 6px rgba(136,146,157,0.15);
281
281
  --color-shadow-large: 0 8px 24px rgba(136,146,157,0.2);
@@ -286,31 +286,31 @@
286
286
  --color-neutral-subtle: #E7ECF0;
287
287
  --color-accent-fg: #0349b4;
288
288
  --color-accent-emphasis: #0349b4;
289
- --color-accent-muted: rgba(54,140,249,0.4);
289
+ --color-accent-muted: #368cf9;
290
290
  --color-accent-subtle: #dff7ff;
291
291
  --color-success-fg: #055d20;
292
292
  --color-success-emphasis: #055d20;
293
- --color-success-muted: rgba(38,161,72,0.4);
293
+ --color-success-muted: #26a148;
294
294
  --color-success-subtle: #d2fedb;
295
295
  --color-attention-fg: #744500;
296
296
  --color-attention-emphasis: #744500;
297
- --color-attention-muted: rgba(181,132,7,0.4);
297
+ --color-attention-muted: #b58407;
298
298
  --color-attention-subtle: #fcf7be;
299
299
  --color-severe-fg: #873800;
300
300
  --color-severe-emphasis: #873800;
301
- --color-severe-muted: rgba(220,109,26,0.4);
301
+ --color-severe-muted: #dc6d1a;
302
302
  --color-severe-subtle: #fff2d5;
303
303
  --color-danger-fg: #a0111f;
304
304
  --color-danger-emphasis: #a0111f;
305
- --color-danger-muted: rgba(238,90,93,0.4);
305
+ --color-danger-muted: #ee5a5d;
306
306
  --color-danger-subtle: #fff0ee;
307
307
  --color-done-fg: #622cbc;
308
308
  --color-done-emphasis: #622cbc;
309
- --color-done-muted: rgba(163,113,247,0.4);
309
+ --color-done-muted: #a371f7;
310
310
  --color-done-subtle: #faf0fe;
311
311
  --color-sponsors-fg: #971368;
312
312
  --color-sponsors-emphasis: #971368;
313
- --color-sponsors-muted: rgba(237,75,175,0.4);
313
+ --color-sponsors-muted: #ed4baf;
314
314
  --color-sponsors-subtle: #feeff7;
315
315
  --color-primer-fg-disabled: #88929D;
316
316
  --color-primer-canvas-backdrop: rgba(1,4,9,0.5);
package/dist/ts/colors/light_high_contrast.ts CHANGED
@@ -7,20 +7,20 @@ export default {
7
7
  "diffBlob": {
8
8
  "addition": {
9
9
  "numText": "#24292F",
10
- "fg": "#24292F",
10
+ "fg": "#ffffff",
11
11
  "numBg": "#CCFFD8",
12
12
  "lineBg": "#E6FFEC",
13
- "wordBg": "#ABF2BC"
13
+ "wordBg": "#055d20"
14
14
  },
15
15
  "deletion": {
16
16
  "numText": "#24292F",
17
- "fg": "#24292F",
17
+ "fg": "#ffffff",
18
18
  "numBg": "#FFD7D5",
19
19
  "lineBg": "#fff0ee",
20
- "wordBg": "rgba(238,90,93,0.4)"
20
+ "wordBg": "#a0111f"
21
21
  },
22
22
  "hunk": {
23
- "numBg": "rgba(54,140,249,0.4)"
23
+ "numBg": "#9cd7ff"
24
24
  },
25
25
  "expander": {
26
26
  "icon": "#24292F"
@@ -28,8 +28,8 @@ export default {
28
28
  "selectedLineHighlightMixBlendMode": "multiply"
29
29
  },
30
30
  "diffstat": {
31
- "deletionBorder": "rgba(1,4,9,0.9)",
32
- "additionBorder": "rgba(1,4,9,0.9)",
31
+ "deletionBorder": "rgba(1,4,9,0.8)",
32
+ "additionBorder": "rgba(1,4,9,0.8)",
33
33
  "additionBg": "#117f32"
34
34
  },
35
35
  "searchKeyword": {
@@ -77,7 +77,7 @@ export default {
77
77
  "guttermarkerSubtleText": "#67707A",
78
78
  "linenumberText": "#24292F",
79
79
  "cursor": "#24292F",
80
- "selectionBg": "rgba(54,140,249,0.4)",
80
+ "selectionBg": "#368cf9",
81
81
  "activelineBg": "#E7ECF0",
82
82
  "matchingbracketText": "#24292F",
83
83
  "linesBg": "#ffffff",
@@ -188,7 +188,7 @@ export default {
188
188
  },
189
189
  "avatar": {
190
190
  "bg": "#ffffff",
191
- "border": "rgba(1,4,9,0.9)",
191
+ "border": "rgba(1,4,9,0.8)",
192
192
  "stackFade": "#ACB6C0",
193
193
  "stackFadeMore": "#CED5DC",
194
194
  "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
@@ -246,78 +246,78 @@ export default {
246
246
  },
247
247
  "btn": {
248
248
  "text": "#24292F",
249
- "bg": "#FFFFFF",
250
- "border": "rgba(1,4,9,0.9)",
249
+ "bg": "#E7ECF0",
250
+ "border": "rgba(1,4,9,0.8)",
251
251
  "shadow": "0 1px 0 rgba(1,4,9,0.04)",
252
252
  "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
253
- "hoverBg": "#f3f4f6",
254
- "hoverBorder": "rgba(1,4,9,0.9)",
255
- "activeBg": "hsla(220,14%,93%,1)",
256
- "activeBorder": "rgba(1,4,9,0.9)",
257
- "selectedBg": "hsla(220,14%,94%,1)",
258
- "focusBg": "#FFFFFF",
259
- "focusBorder": "rgba(1,4,9,0.9)",
253
+ "hoverBg": "#CED5DC",
254
+ "hoverBorder": "rgba(1,4,9,0.8)",
255
+ "activeBg": "#ACB6C0",
256
+ "activeBorder": "rgba(1,4,9,0.8)",
257
+ "selectedBg": "#ACB6C0",
258
+ "focusBg": "#CED5DC",
259
+ "focusBorder": "rgba(1,4,9,0.8)",
260
260
  "focusShadow": "0 0 0 3px rgba(3,73,180,0.3)",
261
261
  "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
262
262
  "shadowInputFocus": "0 0 0 0.2em rgba(3,73,180,0.3)",
263
263
  "counterBg": "rgba(1,4,9,0.08)",
264
264
  "primary": {
265
265
  "text": "#ffffff",
266
- "bg": "#117f32",
267
- "border": "rgba(1,4,9,0.9)",
266
+ "bg": "#055d20",
267
+ "border": "#013d14",
268
268
  "shadow": "0 1px 0 rgba(1,4,9,0.1)",
269
269
  "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
270
- "hoverBg": "#2c974b",
271
- "hoverBorder": "rgba(1,4,9,0.9)",
272
- "selectedBg": "hsla(137,55%,36%,1)",
270
+ "hoverBg": "#024c1a",
271
+ "hoverBorder": "#013d14",
272
+ "selectedBg": "hsla(139,95%,13%,1)",
273
273
  "selectedShadow": "inset 0 1px 0 rgba(0,35,11,0.2)",
274
274
  "disabledText": "rgba(255,255,255,0.8)",
275
275
  "disabledBg": "#94d3a2",
276
- "disabledBorder": "rgba(1,4,9,0.9)",
277
- "focusBg": "#117f32",
278
- "focusBorder": "rgba(1,4,9,0.9)",
279
- "focusShadow": "0 0 0 3px rgba(17,127,50,0.4)",
276
+ "disabledBorder": "rgba(1,4,9,0.8)",
277
+ "focusBg": "#013d14",
278
+ "focusBorder": "#013d14",
279
+ "focusShadow": "0 0 0 3px rgba(1,61,20,0.4)",
280
280
  "icon": "rgba(255,255,255,0.8)",
281
281
  "counterBg": "rgba(255,255,255,0.2)"
282
282
  },
283
283
  "outline": {
284
- "text": "#0349b4",
284
+ "text": "#023b95",
285
285
  "hoverText": "#ffffff",
286
286
  "hoverBg": "#0349b4",
287
- "hoverBorder": "rgba(1,4,9,0.9)",
287
+ "hoverBorder": "#022f7a",
288
288
  "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
289
289
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
290
290
  "hoverCounterBg": "rgba(255,255,255,0.2)",
291
291
  "selectedText": "#ffffff",
292
- "selectedBg": "hsla(216,97%,33%,1)",
293
- "selectedBorder": "rgba(1,4,9,0.9)",
292
+ "selectedBg": "#022f7a",
293
+ "selectedBorder": "#022f7a",
294
294
  "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
295
295
  "disabledText": "rgba(3,73,180,0.5)",
296
- "disabledBg": "#FFFFFF",
296
+ "disabledBg": "#E7ECF0",
297
297
  "disabledCounterBg": "rgba(3,73,180,0.05)",
298
- "focusBorder": "rgba(1,4,9,0.9)",
298
+ "focusBorder": "#022f7a",
299
299
  "focusShadow": "0 0 0 3px rgba(2,59,149,0.4)",
300
300
  "counterBg": "rgba(3,73,180,0.1)"
301
301
  },
302
302
  "danger": {
303
- "text": "#a0111f",
303
+ "text": "#86061d",
304
304
  "hoverText": "#ffffff",
305
- "hoverBg": "#86061d",
306
- "hoverBorder": "rgba(1,4,9,0.9)",
305
+ "hoverBg": "#a0111f",
306
+ "hoverBorder": "#6e011a",
307
307
  "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
308
308
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
309
309
  "hoverCounterBg": "rgba(255,255,255,0.2)",
310
310
  "selectedText": "#ffffff",
311
- "selectedBg": "hsla(354,81%,32%,1)",
312
- "selectedBorder": "rgba(1,4,9,0.9)",
311
+ "selectedBg": "#6e011a",
312
+ "selectedBorder": "#6e011a",
313
313
  "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
314
314
  "disabledText": "rgba(160,17,31,0.5)",
315
- "disabledBg": "#FFFFFF",
315
+ "disabledBg": "#E7ECF0",
316
316
  "disabledCounterBg": "rgba(160,17,31,0.05)",
317
- "focusBorder": "rgba(1,4,9,0.9)",
317
+ "focusBorder": "#6e011a",
318
318
  "focusShadow": "0 0 0 3px rgba(134,6,29,0.4)",
319
319
  "counterBg": "rgba(160,17,31,0.1)",
320
- "icon": "#a0111f",
320
+ "icon": "#86061d",
321
321
  "hoverIcon": "#ffffff"
322
322
  }
323
323
  },
@@ -326,7 +326,7 @@ export default {
326
326
  "borderHover": "rgba(172,182,192,0.2)"
327
327
  },
328
328
  "actionListItem": {
329
- "inlineDivider": "rgba(36,41,47,0.48)",
329
+ "inlineDivider": "rgba(48,54,61,0.48)",
330
330
  "default": {
331
331
  "hoverBg": "rgba(206,213,220,0.32)",
332
332
  "activeBg": "rgba(206,213,220,0.48)",
@@ -351,9 +351,9 @@ export default {
351
351
  "subtle": "#E7ECF0"
352
352
  },
353
353
  "border": {
354
- "default": "#24292F",
355
- "muted": "#24292F",
356
- "subtle": "rgba(1,4,9,0.9)"
354
+ "default": "#30363D",
355
+ "muted": "#88929D",
356
+ "subtle": "rgba(1,4,9,0.8)"
357
357
  },
358
358
  "shadow": {
359
359
  "small": "0 1px 0 rgba(1,4,9,0.04)",
@@ -370,43 +370,43 @@ export default {
370
370
  "accent": {
371
371
  "fg": "#0349b4",
372
372
  "emphasis": "#0349b4",
373
- "muted": "rgba(54,140,249,0.4)",
373
+ "muted": "#368cf9",
374
374
  "subtle": "#dff7ff"
375
375
  },
376
376
  "success": {
377
377
  "fg": "#055d20",
378
378
  "emphasis": "#055d20",
379
- "muted": "rgba(38,161,72,0.4)",
379
+ "muted": "#26a148",
380
380
  "subtle": "#d2fedb"
381
381
  },
382
382
  "attention": {
383
383
  "fg": "#744500",
384
384
  "emphasis": "#744500",
385
- "muted": "rgba(181,132,7,0.4)",
385
+ "muted": "#b58407",
386
386
  "subtle": "#fcf7be"
387
387
  },
388
388
  "severe": {
389
389
  "fg": "#873800",
390
390
  "emphasis": "#873800",
391
- "muted": "rgba(220,109,26,0.4)",
391
+ "muted": "#dc6d1a",
392
392
  "subtle": "#fff2d5"
393
393
  },
394
394
  "danger": {
395
395
  "fg": "#a0111f",
396
396
  "emphasis": "#a0111f",
397
- "muted": "rgba(238,90,93,0.4)",
397
+ "muted": "#ee5a5d",
398
398
  "subtle": "#fff0ee"
399
399
  },
400
400
  "done": {
401
401
  "fg": "#622cbc",
402
402
  "emphasis": "#622cbc",
403
- "muted": "rgba(163,113,247,0.4)",
403
+ "muted": "#a371f7",
404
404
  "subtle": "#faf0fe"
405
405
  },
406
406
  "sponsors": {
407
407
  "fg": "#971368",
408
408
  "emphasis": "#971368",
409
- "muted": "rgba(237,75,175,0.4)",
409
+ "muted": "#ed4baf",
410
410
  "subtle": "#feeff7"
411
411
  },
412
412
  "primer": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.1.0",
3
+ "version": "7.1.1",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": ["dist"],
6
6
  "main": "dist/js/index.js",