@primer/primitives 10.2.0 → 10.3.0-rc.416d4297

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 (93) hide show
  1. package/dist/build/formats/cssCustomMedia.js +2 -2
  2. package/dist/build/formats/jsonOneDimensional.js +2 -1
  3. package/dist/build/platforms/css.js +5 -2
  4. package/dist/build/platforms/figma.js +2 -2
  5. package/dist/build/preprocessors/themeOverrides.js +7 -4
  6. package/dist/build/schemas/collections.d.ts +1 -1
  7. package/dist/build/schemas/colorToken.d.ts +471 -65
  8. package/dist/build/schemas/colorToken.js +18 -15
  9. package/dist/build/schemas/shadowToken.js +2 -2
  10. package/dist/build/transformers/colorAlphaToCss.d.ts +1 -1
  11. package/dist/build/transformers/figmaAttributes.js +2 -1
  12. package/dist/build/types/styleDictionaryConfigGenerator.d.ts +1 -1
  13. package/dist/build/utilities/asArray.d.ts +1 -0
  14. package/dist/build/utilities/asArray.js +1 -0
  15. package/dist/css/functional/size/border.css +5 -5
  16. package/dist/css/functional/size/size.css +15 -15
  17. package/dist/css/functional/size/viewport.css +2 -2
  18. package/dist/css/functional/themes/dark-colorblind.css +398 -398
  19. package/dist/css/functional/themes/dark-dimmed.css +390 -390
  20. package/dist/css/functional/themes/dark-high-contrast.css +412 -412
  21. package/dist/css/functional/themes/dark-tritanopia.css +406 -406
  22. package/dist/css/functional/themes/dark.css +416 -416
  23. package/dist/css/functional/themes/light-colorblind.css +434 -434
  24. package/dist/css/functional/themes/light-high-contrast.css +438 -438
  25. package/dist/css/functional/themes/light-tritanopia.css +432 -432
  26. package/dist/css/functional/themes/light.css +444 -444
  27. package/dist/css/primitives.css +20 -20
  28. package/dist/docs/base/motion/motion.json +88 -73
  29. package/dist/docs/base/size/size.json +94 -75
  30. package/dist/docs/base/typography/typography.json +14 -10
  31. package/dist/docs/functional/motion/motion.json +19 -15
  32. package/dist/docs/functional/size/border.json +139 -125
  33. package/dist/docs/functional/size/breakpoints.json +31 -25
  34. package/dist/docs/functional/size/size-coarse.json +13 -10
  35. package/dist/docs/functional/size/size-fine.json +9 -6
  36. package/dist/docs/functional/size/size.json +499 -433
  37. package/dist/docs/functional/size/viewport.json +32 -26
  38. package/dist/docs/functional/themes/dark-colorblind.json +7174 -6544
  39. package/dist/docs/functional/themes/dark-dimmed.json +7181 -6473
  40. package/dist/docs/functional/themes/dark-high-contrast.json +7445 -6789
  41. package/dist/docs/functional/themes/dark-tritanopia.json +7164 -6498
  42. package/dist/docs/functional/themes/dark.json +7202 -6494
  43. package/dist/docs/functional/themes/light-colorblind.json +7096 -6466
  44. package/dist/docs/functional/themes/light-high-contrast.json +7326 -6660
  45. package/dist/docs/functional/themes/light-tritanopia.json +7109 -6479
  46. package/dist/docs/functional/themes/light.json +7159 -6451
  47. package/dist/docs/functional/typography/typography.json +518 -472
  48. package/dist/figma/figma.json +3 -3
  49. package/dist/figma/shadows/dark-colorblind.json +115 -115
  50. package/dist/figma/shadows/light-colorblind.json +105 -105
  51. package/dist/figma/themes/dark-colorblind.json +5553 -5553
  52. package/dist/figma/themes/dark-dimmed.json +5162 -5162
  53. package/dist/figma/themes/dark-high-contrast.json +4196 -4196
  54. package/dist/figma/themes/dark-tritanopia.json +5211 -5211
  55. package/dist/figma/themes/dark.json +5537 -5537
  56. package/dist/figma/themes/light-colorblind.json +5501 -5501
  57. package/dist/figma/themes/light-high-contrast.json +4176 -4176
  58. package/dist/figma/themes/light-tritanopia.json +5077 -5077
  59. package/dist/figma/themes/light.json +1950 -1950
  60. package/dist/internalCss/dark-colorblind.css +1144 -1144
  61. package/dist/internalCss/dark-dimmed.css +1138 -1138
  62. package/dist/internalCss/dark-high-contrast.css +1154 -1154
  63. package/dist/internalCss/dark-tritanopia.css +1148 -1148
  64. package/dist/internalCss/dark.css +1150 -1150
  65. package/dist/internalCss/light-colorblind.css +1152 -1152
  66. package/dist/internalCss/light-high-contrast.css +1166 -1166
  67. package/dist/internalCss/light-tritanopia.css +1156 -1156
  68. package/dist/internalCss/light.css +1158 -1158
  69. package/dist/styleLint/base/motion/motion.json +97 -82
  70. package/dist/styleLint/base/size/size.json +102 -83
  71. package/dist/styleLint/base/typography/typography.json +16 -12
  72. package/dist/styleLint/functional/motion/motion.json +22 -18
  73. package/dist/styleLint/functional/size/border.json +140 -126
  74. package/dist/styleLint/functional/size/breakpoints.json +32 -26
  75. package/dist/styleLint/functional/size/size-coarse.json +14 -11
  76. package/dist/styleLint/functional/size/size-fine.json +10 -7
  77. package/dist/styleLint/functional/size/size.json +486 -420
  78. package/dist/styleLint/functional/size/viewport.json +36 -30
  79. package/dist/styleLint/functional/themes/dark-colorblind.json +6916 -6286
  80. package/dist/styleLint/functional/themes/dark-dimmed.json +7372 -6664
  81. package/dist/styleLint/functional/themes/dark-high-contrast.json +7472 -6816
  82. package/dist/styleLint/functional/themes/dark-tritanopia.json +7051 -6385
  83. package/dist/styleLint/functional/themes/dark.json +7180 -6472
  84. package/dist/styleLint/functional/themes/light-colorblind.json +7041 -6411
  85. package/dist/styleLint/functional/themes/light-high-contrast.json +7418 -6752
  86. package/dist/styleLint/functional/themes/light-tritanopia.json +6926 -6296
  87. package/dist/styleLint/functional/themes/light.json +7093 -6385
  88. package/dist/styleLint/functional/typography/typography.json +520 -474
  89. package/package.json +2 -2
  90. package/src/tokens/component/diffBlob.json5 +293 -0
  91. package/src/tokens/component/highlight.json5 +23 -0
  92. package/src/tokens/functional/color/dark/app-dark.json5 +0 -302
  93. package/src/tokens/functional/color/light/app-light.json5 +1 -274
@@ -2,11 +2,6 @@
2
2
  [data-color-mode="dark"][data-dark-theme="dark_high_contrast"] ::backdrop,
3
3
  [data-color-mode="auto"][data-light-theme="dark_high_contrast"],
4
4
  [data-color-mode="auto"][data-light-theme="dark_high_contrast"] ::backdrop {
5
- --avatar-bgColor: #ffffff1a;
6
- --avatar-borderColor: #ffffffe6;
7
- --avatar-shadow: 0px 0px 0px 2px #0d1117;
8
- --avatarStack-fade-bgColor-default: #3d444d;
9
- --avatarStack-fade-bgColor-muted: #2a313c;
10
5
  --base-color-black: #010409;
11
6
  --base-color-blue-0: #caeaff;
12
7
  --base-color-blue-1: #addcff;
@@ -38,13 +33,10 @@
38
33
  --base-color-green-7: #008c2c;
39
34
  --base-color-green-8: #007728;
40
35
  --base-color-green-9: #006222;
41
- --base-color-inset: #010409;
42
- --base-color-neutral-0: #010409;
43
36
  --base-color-neutral-1: #0d1117;
44
37
  --base-color-neutral-10: #b7bdc8;
45
38
  --base-color-neutral-11: #d1d7e0;
46
39
  --base-color-neutral-12: #f0f6fc;
47
- --base-color-neutral-13: #ffffff;
48
40
  --base-color-neutral-2: #151b23;
49
41
  --base-color-neutral-3: #212830;
50
42
  --base-color-neutral-4: #262c36;
@@ -297,55 +289,457 @@
297
289
  --base-display-color-yellow-7: #df9e11;
298
290
  --base-display-color-yellow-8: #edb431;
299
291
  --base-display-color-yellow-9: #f0ca6a;
300
- --bgColor-accent-emphasis: #194fb1;
292
+ --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
293
+ --borderRadius-large: 0.75rem;
294
+ --borderRadius-medium: 0.375rem;
295
+ --borderRadius-small: 0.1875rem;
296
+ --borderWidth-thick: 0.125rem;
297
+ --borderWidth-thicker: 0.25rem;
298
+ --borderWidth-thin: 0.0625rem;
299
+ --button-danger-iconColor-rest: #ffb1af;
300
+ --button-primary-bgColor-active: #109135;
301
+ --button-primary-bgColor-disabled: #048f2f;
302
+ --button-primary-bgColor-hover: #08792b;
303
+ --color-ansi-cyan: #39c5cf;
304
+ --color-ansi-cyan-bright: #56d4dd;
305
+ --control-checked-bgColor-active: #3c79d0;
306
+ --control-checked-bgColor-hover: #2b64c1;
307
+ --control-danger-bgColor-active: #c51120;
308
+ --fgColor-accent: #74b9ff;
309
+ --fgColor-done: #d3abff;
310
+ --fgColor-sponsors: #ff90c8;
311
+ --fgColor-success: #2bd853;
312
+ --outline-focus-offset: -0.125rem;
313
+ --outline-focus-width: 0.125rem;
314
+ --reactionButton-selected-bgColor-hover: #5dadff5c;
315
+ --avatar-shadow: 0px 0px 0px 2px #0d1117;
316
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
317
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
318
+ --base-color-inset: var(--base-color-black);
319
+ --base-color-neutral-0: var(--base-color-black);
320
+ --base-color-neutral-13: var(--base-color-white);
321
+ --bgColor-accent-emphasis: var(--base-color-blue-9);
301
322
  --bgColor-accent-muted: #5cacff1a;
302
- --bgColor-attention-emphasis: #7b4900;
323
+ --bgColor-attention-emphasis: var(--base-color-yellow-9);
303
324
  --bgColor-attention-muted: #edaa2726;
304
- --bgColor-black: #010409;
305
- --bgColor-closed-emphasis: #ad0116;
306
- --bgColor-closed-muted: #ff80801a;
307
- --bgColor-danger-emphasis: #ad0116;
325
+ --bgColor-danger-emphasis: var(--base-color-red-9);
308
326
  --bgColor-danger-muted: #ff80801a;
309
- --bgColor-default: #010409;
310
- --bgColor-disabled: #262c36;
311
- --bgColor-done-emphasis: #6921d7;
327
+ --bgColor-disabled: var(--base-color-neutral-4);
328
+ --bgColor-done-emphasis: var(--base-color-purple-9);
312
329
  --bgColor-done-muted: #bf8fff26;
313
- --bgColor-emphasis: #3d444d;
314
- --bgColor-inset: #010409;
315
- --bgColor-inverse: #ffffff;
316
- --bgColor-muted: #151b23;
317
- --bgColor-neutral-emphasis: #3d444d;
318
- --bgColor-neutral-muted: #212830;
319
- --bgColor-open-emphasis: #006222;
320
- --bgColor-open-muted: #0ac74026;
321
- --bgColor-severe-emphasis: #8f3c00;
330
+ --bgColor-emphasis: var(--base-color-neutral-7);
331
+ --bgColor-muted: var(--base-color-neutral-2);
332
+ --bgColor-neutral-emphasis: var(--base-color-neutral-7);
333
+ --bgColor-neutral-muted: var(--base-color-neutral-3);
334
+ --bgColor-severe-emphasis: var(--base-color-orange-9);
322
335
  --bgColor-severe-muted: #f48b251a;
323
- --bgColor-sponsors-emphasis: #9c1d6a;
336
+ --bgColor-sponsors-emphasis: var(--base-color-pink-9);
324
337
  --bgColor-sponsors-muted: #f87cbd1a;
325
- --bgColor-success-emphasis: #006222;
338
+ --bgColor-success-emphasis: var(--base-color-green-9);
326
339
  --bgColor-success-muted: #0ac74026;
327
- --bgColor-transparent: #00000000;
328
- --bgColor-upsell-emphasis: #6921d7;
329
- --bgColor-upsell-muted: #bf8fff26;
330
- --bgColor-white: #ffffff;
340
+ --bgColor-transparent: var(--base-color-transparent);
341
+ --borderColor-accent-emphasis: var(--base-color-blue-5);
342
+ --borderColor-accent-muted: var(--base-color-blue-4);
343
+ --borderColor-attention-emphasis: var(--base-color-yellow-5);
344
+ --borderColor-attention-muted: var(--base-color-yellow-4);
345
+ --borderColor-danger-emphasis: var(--base-color-red-5);
346
+ --borderColor-danger-muted: var(--base-color-red-4);
347
+ --borderColor-default: var(--base-color-neutral-10);
348
+ --borderColor-disabled: #9198a11f;
349
+ --borderColor-done-emphasis: var(--base-color-purple-5);
350
+ --borderColor-done-muted: var(--base-color-purple-4);
351
+ --borderColor-severe-emphasis: var(--base-color-orange-5);
352
+ --borderColor-severe-muted: var(--base-color-orange-4);
353
+ --borderColor-sponsors-emphasis: var(--base-color-pink-5);
354
+ --borderColor-sponsors-muted: var(--base-color-pink-4);
355
+ --borderColor-success-emphasis: var(--base-color-green-5);
356
+ --borderColor-success-muted: var(--base-color-green-4);
357
+ --borderColor-translucent: var(--base-color-neutral-6);
358
+ --borderColor-transparent: var(--base-color-transparent);
359
+ --borderRadius-default: var(--borderRadius-medium);
360
+ --borderWidth-default: var(--borderWidth-thin);
361
+ --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
362
+ --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
363
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
364
+ --button-danger-borderColor-active: var(--base-color-red-2);
365
+ --button-danger-borderColor-hover: var(--base-color-red-2);
366
+ --button-danger-fgColor-rest: var(--base-color-red-2);
367
+ --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
368
+ --button-default-shadow-resting: 0px 0px 0px 0px #000000;
369
+ --button-inactive-fgColor: var(--base-color-neutral-10);
370
+ --button-invisible-bgColor-active: var(--base-color-neutral-3);
371
+ --button-invisible-bgColor-disabled: var(--base-color-transparent);
372
+ --button-invisible-bgColor-hover: var(--base-color-neutral-2);
373
+ --button-invisible-borderColor-disabled: var(--base-color-transparent);
374
+ --button-invisible-iconColor-hover: var(--base-color-neutral-11);
375
+ --button-invisible-iconColor-rest: var(--base-color-neutral-11);
376
+ --button-outline-bgColor-active: var(--base-color-blue-7);
377
+ --button-outline-bgColor-rest: var(--base-color-neutral-12);
378
+ --button-outline-fgColor-disabled: #74b9ff80;
379
+ --button-outline-fgColor-hover: var(--base-color-blue-3);
380
+ --button-outline-fgColor-rest: var(--base-color-blue-4);
381
+ --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
382
+ --button-primary-borderColor-active: var(--base-color-green-2);
383
+ --button-primary-borderColor-disabled: #4ae16866;
384
+ --button-primary-borderColor-hover: var(--base-color-green-2);
385
+ --button-primary-borderColor-rest: var(--base-color-green-2);
386
+ --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
387
+ --button-star-iconColor: var(--base-color-yellow-2);
388
+ --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
389
+ --buttonCounter-outline-bgColor-hover: #194fb133;
390
+ --buttonCounter-outline-bgColor-rest: #194fb133;
391
+ --buttonCounter-outline-fgColor-disabled: #74b9ff80;
392
+ --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
393
+ --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
394
+ --codeMirror-selection-bgColor: #5cacff66;
395
+ --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
396
+ --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
397
+ --codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
398
+ --codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
399
+ --codeMirror-syntax-fgColor-storage: var(--base-color-red-3);
400
+ --codeMirror-syntax-fgColor-string: var(--base-color-blue-1);
401
+ --codeMirror-syntax-fgColor-support: var(--base-color-blue-2);
402
+ --codeMirror-syntax-fgColor-variable: var(--base-color-orange-2);
403
+ --color-ansi-black: var(--base-color-neutral-6);
404
+ --color-ansi-black-bright: var(--base-color-neutral-8);
405
+ --color-ansi-blue: var(--base-color-blue-3);
406
+ --color-ansi-blue-bright: var(--base-color-blue-2);
407
+ --color-ansi-gray: var(--base-color-neutral-8);
408
+ --color-ansi-green: var(--base-color-green-3);
409
+ --color-ansi-green-bright: var(--base-color-green-2);
410
+ --color-ansi-magenta: var(--base-color-purple-3);
411
+ --color-ansi-magenta-bright: var(--base-color-purple-2);
412
+ --color-ansi-red: var(--base-color-red-3);
413
+ --color-ansi-red-bright: var(--base-color-red-2);
414
+ --color-ansi-white: var(--base-color-neutral-12);
415
+ --color-ansi-yellow: var(--base-color-yellow-3);
416
+ --color-ansi-yellow-bright: var(--base-color-yellow-2);
417
+ --color-prettylights-syntax-brackethighlighter-angle: var(--base-color-neutral-9);
418
+ --color-prettylights-syntax-brackethighlighter-unmatched: var(--base-color-red-4);
419
+ --color-prettylights-syntax-carriage-return-bg: var(--base-color-red-6);
420
+ --color-prettylights-syntax-carriage-return-text: var(--base-color-neutral-12);
421
+ --color-prettylights-syntax-comment: var(--base-color-neutral-9);
422
+ --color-prettylights-syntax-constant: var(--base-color-blue-2);
423
+ --color-prettylights-syntax-constant-other-reference-link: var(--base-color-blue-1);
424
+ --color-prettylights-syntax-entity: var(--base-color-purple-2);
425
+ --color-prettylights-syntax-entity-tag: var(--base-color-green-1);
426
+ --color-prettylights-syntax-invalid-illegal-bg: var(--base-color-red-7);
427
+ --color-prettylights-syntax-invalid-illegal-text: var(--base-color-neutral-12);
428
+ --color-prettylights-syntax-keyword: var(--base-color-red-3);
429
+ --color-prettylights-syntax-markup-bold: var(--base-color-neutral-12);
430
+ --color-prettylights-syntax-markup-changed-bg: var(--base-color-orange-8);
431
+ --color-prettylights-syntax-markup-changed-text: var(--base-color-orange-0);
432
+ --color-prettylights-syntax-markup-deleted-bg: var(--base-color-red-8);
433
+ --color-prettylights-syntax-markup-deleted-text: var(--base-color-red-0);
434
+ --color-prettylights-syntax-markup-heading: var(--base-color-blue-5);
435
+ --color-prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6);
436
+ --color-prettylights-syntax-markup-ignored-text: var(--base-color-neutral-12);
437
+ --color-prettylights-syntax-markup-inserted-bg: var(--base-color-green-8);
438
+ --color-prettylights-syntax-markup-inserted-text: var(--base-color-green-0);
439
+ --color-prettylights-syntax-markup-italic: var(--base-color-neutral-12);
440
+ --color-prettylights-syntax-markup-list: var(--base-color-yellow-1);
441
+ --color-prettylights-syntax-meta-diff-range: var(--base-color-purple-2);
442
+ --color-prettylights-syntax-storage-modifier-import: var(--base-color-neutral-12);
443
+ --color-prettylights-syntax-string: var(--base-color-blue-1);
444
+ --color-prettylights-syntax-string-regexp: var(--base-color-green-1);
445
+ --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-7);
446
+ --color-prettylights-syntax-variable: var(--base-color-orange-2);
447
+ --control-bgColor-active: var(--base-color-neutral-6);
448
+ --control-bgColor-hover: var(--base-color-neutral-5);
449
+ --control-bgColor-rest: var(--base-color-neutral-4);
450
+ --control-borderColor-selected: var(--base-color-neutral-12);
451
+ --control-checked-borderColor-active: var(--base-color-blue-2);
452
+ --control-checked-borderColor-hover: var(--base-color-blue-2);
453
+ --control-checked-borderColor-rest: var(--base-color-blue-2);
454
+ --control-danger-fgColor-hover: var(--base-color-red-3);
455
+ --control-fgColor-placeholder: var(--base-color-neutral-10);
456
+ --control-transparent-bgColor-active: var(--base-color-neutral-7);
457
+ --control-transparent-bgColor-hover: var(--base-color-neutral-6);
458
+ --control-transparent-bgColor-rest: var(--base-color-transparent);
459
+ --control-transparent-bgColor-selected: var(--base-color-neutral-6);
460
+ --control-transparent-borderColor-rest: var(--base-color-transparent);
461
+ --controlTrack-bgColor-active: var(--base-color-neutral-7);
462
+ --controlTrack-bgColor-hover: var(--base-color-neutral-6);
463
+ --controlTrack-bgColor-rest: var(--base-color-neutral-5);
464
+ --data-auburn-color-emphasis: var(--base-display-color-auburn-5);
465
+ --data-auburn-color-muted: var(--base-display-color-auburn-0);
466
+ --data-blue-color-emphasis: var(--base-display-color-blue-5);
467
+ --data-blue-color-muted: var(--base-display-color-blue-0);
468
+ --data-gray-color-emphasis: var(--base-display-color-gray-4);
469
+ --data-gray-color-muted: var(--base-display-color-gray-0);
470
+ --data-green-color-emphasis: var(--base-display-color-green-4);
471
+ --data-green-color-muted: var(--base-display-color-green-0);
472
+ --data-orange-color-emphasis: var(--base-display-color-orange-4);
473
+ --data-orange-color-muted: var(--base-display-color-orange-0);
474
+ --data-pink-color-emphasis: var(--base-display-color-pink-5);
475
+ --data-pink-color-muted: var(--base-display-color-pink-0);
476
+ --data-purple-color-emphasis: var(--base-display-color-purple-5);
477
+ --data-purple-color-muted: var(--base-display-color-purple-0);
478
+ --data-red-color-emphasis: var(--base-display-color-red-5);
479
+ --data-red-color-muted: var(--base-display-color-red-0);
480
+ --data-teal-color-emphasis: var(--base-display-color-teal-4);
481
+ --data-teal-color-muted: var(--base-display-color-teal-0);
482
+ --data-yellow-color-emphasis: var(--base-display-color-yellow-4);
483
+ --data-yellow-color-muted: var(--base-display-color-yellow-0);
484
+ --diffBlob-additionNum-bgColor: #28d7514d;
485
+ --diffBlob-deletionNum-bgColor: #ff80804d;
486
+ --diffBlob-hunkNum-bgColor-rest: #5cacff66;
487
+ --display-auburn-bgColor-emphasis: var(--base-display-color-auburn-3);
488
+ --display-auburn-bgColor-muted: var(--base-display-color-auburn-0);
489
+ --display-auburn-borderColor-emphasis: var(--base-display-color-auburn-6);
490
+ --display-auburn-borderColor-muted: var(--base-display-color-auburn-1);
491
+ --display-auburn-fgColor: var(--base-display-color-auburn-8);
492
+ --display-blue-bgColor-emphasis: var(--base-display-color-blue-3);
493
+ --display-blue-bgColor-muted: var(--base-display-color-blue-0);
494
+ --display-blue-borderColor-emphasis: var(--base-display-color-blue-6);
495
+ --display-blue-borderColor-muted: var(--base-display-color-blue-1);
496
+ --display-blue-fgColor: var(--base-display-color-blue-8);
497
+ --display-brown-bgColor-emphasis: var(--base-display-color-brown-3);
498
+ --display-brown-bgColor-muted: var(--base-display-color-brown-0);
499
+ --display-brown-borderColor-emphasis: var(--base-display-color-brown-6);
500
+ --display-brown-borderColor-muted: var(--base-display-color-brown-1);
501
+ --display-brown-fgColor: var(--base-display-color-brown-8);
502
+ --display-coral-bgColor-emphasis: var(--base-display-color-coral-3);
503
+ --display-coral-bgColor-muted: var(--base-display-color-red-0);
504
+ --display-coral-borderColor-emphasis: var(--base-display-color-coral-6);
505
+ --display-coral-borderColor-muted: var(--base-display-color-red-1);
506
+ --display-coral-fgColor: var(--base-display-color-coral-8);
507
+ --display-cyan-bgColor-emphasis: var(--base-display-color-cyan-3);
508
+ --display-cyan-bgColor-muted: var(--base-display-color-cyan-0);
509
+ --display-cyan-borderColor-emphasis: var(--base-display-color-cyan-6);
510
+ --display-cyan-borderColor-muted: var(--base-display-color-cyan-1);
511
+ --display-cyan-fgColor: var(--base-display-color-cyan-8);
512
+ --display-gray-bgColor-emphasis: var(--base-display-color-gray-3);
513
+ --display-gray-bgColor-muted: var(--base-display-color-gray-0);
514
+ --display-gray-borderColor-emphasis: var(--base-display-color-gray-6);
515
+ --display-gray-borderColor-muted: var(--base-display-color-gray-1);
516
+ --display-gray-fgColor: var(--base-display-color-gray-8);
517
+ --display-green-bgColor-emphasis: var(--base-display-color-green-3);
518
+ --display-green-bgColor-muted: var(--base-display-color-green-0);
519
+ --display-green-borderColor-emphasis: var(--base-display-color-green-6);
520
+ --display-green-borderColor-muted: var(--base-display-color-green-1);
521
+ --display-green-fgColor: var(--base-display-color-green-8);
522
+ --display-indigo-bgColor-emphasis: var(--base-display-color-indigo-3);
523
+ --display-indigo-bgColor-muted: var(--base-display-color-indigo-0);
524
+ --display-indigo-borderColor-emphasis: var(--base-display-color-indigo-6);
525
+ --display-indigo-borderColor-muted: var(--base-display-color-indigo-1);
526
+ --display-indigo-fgColor: var(--base-display-color-indigo-8);
527
+ --display-lemon-bgColor-emphasis: var(--base-display-color-lemon-3);
528
+ --display-lemon-bgColor-muted: var(--base-display-color-lemon-0);
529
+ --display-lemon-borderColor-emphasis: var(--base-display-color-lemon-6);
530
+ --display-lemon-borderColor-muted: var(--base-display-color-lemon-1);
531
+ --display-lemon-fgColor: var(--base-display-color-lemon-8);
532
+ --display-lime-bgColor-emphasis: var(--base-display-color-lime-3);
533
+ --display-lime-bgColor-muted: var(--base-display-color-lime-0);
534
+ --display-lime-borderColor-emphasis: var(--base-display-color-lime-6);
535
+ --display-lime-borderColor-muted: var(--base-display-color-lime-1);
536
+ --display-lime-fgColor: var(--base-display-color-lime-8);
537
+ --display-olive-bgColor-emphasis: var(--base-display-color-olive-3);
538
+ --display-olive-bgColor-muted: var(--base-display-color-olive-0);
539
+ --display-olive-borderColor-emphasis: var(--base-display-color-olive-6);
540
+ --display-olive-borderColor-muted: var(--base-display-color-olive-1);
541
+ --display-olive-fgColor: var(--base-display-color-olive-8);
542
+ --display-orange-bgColor-emphasis: var(--base-display-color-orange-3);
543
+ --display-orange-bgColor-muted: var(--base-display-color-orange-0);
544
+ --display-orange-borderColor-emphasis: var(--base-display-color-orange-6);
545
+ --display-orange-borderColor-muted: var(--base-display-color-orange-1);
546
+ --display-orange-fgColor: var(--base-display-color-orange-8);
547
+ --display-pine-bgColor-emphasis: var(--base-display-color-pine-3);
548
+ --display-pine-bgColor-muted: var(--base-display-color-pine-0);
549
+ --display-pine-borderColor-emphasis: var(--base-display-color-pine-6);
550
+ --display-pine-borderColor-muted: var(--base-display-color-pine-1);
551
+ --display-pine-fgColor: var(--base-display-color-pine-8);
552
+ --display-pink-bgColor-emphasis: var(--base-display-color-pink-3);
553
+ --display-pink-bgColor-muted: var(--base-display-color-pink-0);
554
+ --display-pink-borderColor-emphasis: var(--base-display-color-pink-6);
555
+ --display-pink-borderColor-muted: var(--base-display-color-pink-1);
556
+ --display-pink-fgColor: var(--base-display-color-pink-8);
557
+ --display-plum-bgColor-emphasis: var(--base-display-color-plum-3);
558
+ --display-plum-bgColor-muted: var(--base-display-color-plum-0);
559
+ --display-plum-borderColor-emphasis: var(--base-display-color-plum-6);
560
+ --display-plum-borderColor-muted: var(--base-display-color-plum-1);
561
+ --display-plum-fgColor: var(--base-display-color-plum-8);
562
+ --display-purple-bgColor-emphasis: var(--base-display-color-purple-3);
563
+ --display-purple-bgColor-muted: var(--base-display-color-purple-0);
564
+ --display-purple-borderColor-emphasis: var(--base-display-color-purple-6);
565
+ --display-purple-borderColor-muted: var(--base-display-color-purple-1);
566
+ --display-purple-fgColor: var(--base-display-color-purple-8);
567
+ --display-red-bgColor-emphasis: var(--base-display-color-red-3);
568
+ --display-red-bgColor-muted: var(--base-display-color-red-0);
569
+ --display-red-borderColor-emphasis: var(--base-display-color-red-6);
570
+ --display-red-borderColor-muted: var(--base-display-color-red-1);
571
+ --display-red-fgColor: var(--base-display-color-red-8);
572
+ --display-teal-bgColor-emphasis: var(--base-display-color-teal-3);
573
+ --display-teal-bgColor-muted: var(--base-display-color-teal-0);
574
+ --display-teal-borderColor-emphasis: var(--base-display-color-teal-6);
575
+ --display-teal-borderColor-muted: var(--base-display-color-teal-1);
576
+ --display-teal-fgColor: var(--base-display-color-teal-8);
577
+ --display-yellow-bgColor-emphasis: var(--base-display-color-yellow-3);
578
+ --display-yellow-bgColor-muted: var(--base-display-color-yellow-0);
579
+ --display-yellow-borderColor-emphasis: var(--base-display-color-yellow-6);
580
+ --display-yellow-borderColor-muted: var(--base-display-color-yellow-1);
581
+ --display-yellow-fgColor: var(--base-display-color-yellow-8);
582
+ --fgColor-attention: var(--base-color-yellow-3);
583
+ --fgColor-danger: var(--base-color-red-3);
584
+ --fgColor-disabled: var(--base-color-neutral-8);
585
+ --fgColor-link: var(--fgColor-accent);
586
+ --fgColor-muted: var(--base-color-neutral-10);
587
+ --fgColor-neutral: var(--base-color-neutral-11);
588
+ --fgColor-open: var(--fgColor-success);
589
+ --fgColor-severe: var(--base-color-orange-3);
590
+ --fgColor-upsell: var(--fgColor-done);
591
+ --header-bgColor: #151b23f2;
592
+ --header-borderColor-divider: var(--base-color-neutral-8);
593
+ --header-fgColor-logo: var(--base-color-neutral-12);
594
+ --headerSearch-bgColor: var(--base-color-neutral-1);
595
+ --headerSearch-borderColor: var(--base-color-neutral-5);
596
+ --highlight-neutral-bgColor: #f0b72f66;
597
+ --label-auburn-bgColor-active: var(--base-display-color-auburn-2);
598
+ --label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
599
+ --label-auburn-bgColor-rest: var(--base-display-color-auburn-0);
600
+ --label-auburn-fgColor-active: var(--base-display-color-auburn-8);
601
+ --label-auburn-fgColor-hover: var(--base-display-color-auburn-7);
602
+ --label-auburn-fgColor-rest: var(--base-display-color-auburn-6);
603
+ --label-blue-bgColor-active: var(--base-display-color-blue-2);
604
+ --label-blue-bgColor-hover: var(--base-display-color-blue-1);
605
+ --label-blue-bgColor-rest: var(--base-display-color-blue-0);
606
+ --label-blue-fgColor-active: var(--base-display-color-blue-8);
607
+ --label-blue-fgColor-hover: var(--base-display-color-blue-7);
608
+ --label-blue-fgColor-rest: var(--base-display-color-blue-6);
609
+ --label-brown-bgColor-active: var(--base-display-color-brown-2);
610
+ --label-brown-bgColor-hover: var(--base-display-color-brown-1);
611
+ --label-brown-bgColor-rest: var(--base-display-color-brown-0);
612
+ --label-brown-fgColor-active: var(--base-display-color-brown-8);
613
+ --label-brown-fgColor-hover: var(--base-display-color-brown-7);
614
+ --label-brown-fgColor-rest: var(--base-display-color-brown-6);
615
+ --label-coral-bgColor-active: var(--base-display-color-coral-2);
616
+ --label-coral-bgColor-hover: var(--base-display-color-coral-1);
617
+ --label-coral-bgColor-rest: var(--base-display-color-coral-0);
618
+ --label-coral-fgColor-active: var(--base-display-color-coral-8);
619
+ --label-coral-fgColor-hover: var(--base-display-color-coral-7);
620
+ --label-coral-fgColor-rest: var(--base-display-color-coral-6);
621
+ --label-cyan-bgColor-active: var(--base-display-color-cyan-2);
622
+ --label-cyan-bgColor-hover: var(--base-display-color-cyan-1);
623
+ --label-cyan-bgColor-rest: var(--base-display-color-cyan-0);
624
+ --label-cyan-fgColor-active: var(--base-display-color-cyan-8);
625
+ --label-cyan-fgColor-hover: var(--base-display-color-cyan-7);
626
+ --label-cyan-fgColor-rest: var(--base-display-color-cyan-6);
627
+ --label-gray-bgColor-active: var(--base-display-color-gray-2);
628
+ --label-gray-bgColor-hover: var(--base-display-color-gray-1);
629
+ --label-gray-bgColor-rest: var(--base-display-color-gray-0);
630
+ --label-gray-fgColor-active: var(--base-display-color-gray-8);
631
+ --label-gray-fgColor-hover: var(--base-display-color-gray-7);
632
+ --label-gray-fgColor-rest: var(--base-display-color-gray-6);
633
+ --label-green-bgColor-active: var(--base-display-color-green-2);
634
+ --label-green-bgColor-hover: var(--base-display-color-green-1);
635
+ --label-green-bgColor-rest: var(--base-display-color-green-0);
636
+ --label-green-fgColor-active: var(--base-display-color-green-8);
637
+ --label-green-fgColor-hover: var(--base-display-color-green-7);
638
+ --label-green-fgColor-rest: var(--base-display-color-green-6);
639
+ --label-indigo-bgColor-active: var(--base-display-color-indigo-2);
640
+ --label-indigo-bgColor-hover: var(--base-display-color-indigo-1);
641
+ --label-indigo-bgColor-rest: var(--base-display-color-indigo-0);
642
+ --label-indigo-fgColor-active: var(--base-display-color-indigo-8);
643
+ --label-indigo-fgColor-hover: var(--base-display-color-indigo-7);
644
+ --label-indigo-fgColor-rest: var(--base-display-color-indigo-6);
645
+ --label-lemon-bgColor-active: var(--base-display-color-lemon-2);
646
+ --label-lemon-bgColor-hover: var(--base-display-color-lemon-1);
647
+ --label-lemon-bgColor-rest: var(--base-display-color-lemon-0);
648
+ --label-lemon-fgColor-active: var(--base-display-color-lemon-8);
649
+ --label-lemon-fgColor-hover: var(--base-display-color-lemon-7);
650
+ --label-lemon-fgColor-rest: var(--base-display-color-lemon-6);
651
+ --label-lime-bgColor-active: var(--base-display-color-lime-2);
652
+ --label-lime-bgColor-hover: var(--base-display-color-lime-1);
653
+ --label-lime-bgColor-rest: var(--base-display-color-lime-0);
654
+ --label-lime-fgColor-active: var(--base-display-color-lime-8);
655
+ --label-lime-fgColor-hover: var(--base-display-color-lime-7);
656
+ --label-lime-fgColor-rest: var(--base-display-color-lime-6);
657
+ --label-olive-bgColor-active: var(--base-display-color-olive-2);
658
+ --label-olive-bgColor-hover: var(--base-display-color-olive-1);
659
+ --label-olive-bgColor-rest: var(--base-display-color-olive-0);
660
+ --label-olive-fgColor-active: var(--base-display-color-olive-8);
661
+ --label-olive-fgColor-hover: var(--base-display-color-olive-7);
662
+ --label-olive-fgColor-rest: var(--base-display-color-olive-6);
663
+ --label-orange-bgColor-active: var(--base-display-color-orange-2);
664
+ --label-orange-bgColor-hover: var(--base-display-color-orange-1);
665
+ --label-orange-bgColor-rest: var(--base-display-color-orange-0);
666
+ --label-orange-fgColor-active: var(--base-display-color-orange-8);
667
+ --label-orange-fgColor-hover: var(--base-display-color-orange-7);
668
+ --label-orange-fgColor-rest: var(--base-display-color-orange-6);
669
+ --label-pine-bgColor-active: var(--base-display-color-pine-2);
670
+ --label-pine-bgColor-hover: var(--base-display-color-pine-1);
671
+ --label-pine-bgColor-rest: var(--base-display-color-pine-0);
672
+ --label-pine-fgColor-active: var(--base-display-color-pine-8);
673
+ --label-pine-fgColor-hover: var(--base-display-color-pine-7);
674
+ --label-pine-fgColor-rest: var(--base-display-color-pine-6);
675
+ --label-pink-bgColor-active: var(--base-display-color-pink-2);
676
+ --label-pink-bgColor-hover: var(--base-display-color-pink-1);
677
+ --label-pink-bgColor-rest: var(--base-display-color-pink-0);
678
+ --label-pink-fgColor-active: var(--base-display-color-pink-8);
679
+ --label-pink-fgColor-hover: var(--base-display-color-pink-7);
680
+ --label-pink-fgColor-rest: var(--base-display-color-pink-6);
681
+ --label-plum-bgColor-active: var(--base-display-color-plum-2);
682
+ --label-plum-bgColor-hover: var(--base-display-color-plum-1);
683
+ --label-plum-bgColor-rest: var(--base-display-color-plum-0);
684
+ --label-plum-fgColor-active: var(--base-display-color-plum-8);
685
+ --label-plum-fgColor-hover: var(--base-display-color-plum-7);
686
+ --label-plum-fgColor-rest: var(--base-display-color-plum-6);
687
+ --label-purple-bgColor-active: var(--base-display-color-purple-2);
688
+ --label-purple-bgColor-hover: var(--base-display-color-purple-1);
689
+ --label-purple-bgColor-rest: var(--base-display-color-purple-0);
690
+ --label-purple-fgColor-active: var(--base-display-color-purple-8);
691
+ --label-purple-fgColor-hover: var(--base-display-color-purple-7);
692
+ --label-purple-fgColor-rest: var(--base-display-color-purple-6);
693
+ --label-red-bgColor-active: var(--base-display-color-red-2);
694
+ --label-red-bgColor-hover: var(--base-display-color-red-1);
695
+ --label-red-bgColor-rest: var(--base-display-color-red-0);
696
+ --label-red-fgColor-active: var(--base-display-color-red-8);
697
+ --label-red-fgColor-hover: var(--base-display-color-red-7);
698
+ --label-red-fgColor-rest: var(--base-display-color-red-6);
699
+ --label-teal-bgColor-active: var(--base-display-color-teal-2);
700
+ --label-teal-bgColor-hover: var(--base-display-color-teal-1);
701
+ --label-teal-bgColor-rest: var(--base-display-color-teal-0);
702
+ --label-teal-fgColor-active: var(--base-display-color-teal-8);
703
+ --label-teal-fgColor-hover: var(--base-display-color-teal-7);
704
+ --label-teal-fgColor-rest: var(--base-display-color-teal-6);
705
+ --label-yellow-bgColor-active: var(--base-display-color-yellow-2);
706
+ --label-yellow-bgColor-hover: var(--base-display-color-yellow-1);
707
+ --label-yellow-bgColor-rest: var(--base-display-color-yellow-0);
708
+ --label-yellow-fgColor-active: var(--base-display-color-yellow-8);
709
+ --label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
710
+ --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
711
+ --menu-bgColor-active: var(--base-color-neutral-2);
712
+ --overlay-backdrop-bgColor: #d1d7e066;
713
+ --reactionButton-selected-bgColor-rest: #5cacff33;
714
+ --reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
715
+ --selectMenu-bgColor-active: var(--base-color-blue-8);
716
+ --sideNav-bgColor-selected: var(--base-color-neutral-3);
717
+ --skeletonLoader-bgColor: var(--base-color-neutral-5);
718
+ --timelineBadge-bgColor: var(--base-color-neutral-3);
719
+ --underlineNav-borderColor-active: var(--base-color-coral-3);
720
+ --avatar-bgColor: #ffffff1a;
721
+ --avatar-borderColor: #ffffffe6;
722
+ --bgColor-black: var(--base-color-neutral-0);
723
+ --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
724
+ --bgColor-closed-muted: var(--bgColor-danger-muted);
725
+ --bgColor-default: var(--base-color-neutral-0);
726
+ --bgColor-inset: var(--base-color-neutral-0);
727
+ --bgColor-inverse: var(--base-color-neutral-13);
728
+ --bgColor-open-emphasis: var(--bgColor-success-emphasis);
729
+ --bgColor-open-muted: var(--bgColor-success-muted);
730
+ --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
731
+ --bgColor-upsell-muted: var(--bgColor-done-muted);
732
+ --bgColor-white: var(--base-color-neutral-13);
331
733
  --border-accent-emphasis: 0.0625rem solid #409eff;
332
734
  --border-accent-muted: 0.0625rem solid #5cacff;
333
735
  --border-attention-emphasis: 0.0625rem solid #e09b13;
334
736
  --border-attention-muted: 0.0625rem solid #edaa27;
335
- --border-closed-emphasis: 0.0625rem solid #ff6a69;
336
- --border-closed-muted: 0.0625rem solid #ff8080;
337
737
  --border-danger-emphasis: 0.0625rem solid #ff6a69;
338
738
  --border-danger-muted: 0.0625rem solid #ff8080;
339
739
  --border-default: 0.0625rem solid #b7bdc8;
340
740
  --border-disabled: 0.0625rem solid #9198a11f;
341
741
  --border-done-emphasis: 0.0625rem solid #b87fff;
342
742
  --border-done-muted: 0.0625rem solid #bf8fff;
343
- --border-emphasis: 0.0625rem solid #b7bdc8;
344
- --border-muted: 0.0625rem solid #b7bdc8;
345
- --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
346
- --border-neutral-muted: 0.0625rem solid #b7bdc8;
347
- --border-open-emphasis: 0.0625rem solid #09b43a;
348
- --border-open-muted: 0.0625rem solid #0ac740;
349
743
  --border-severe-emphasis: 0.0625rem solid #e7811d;
350
744
  --border-severe-muted: 0.0625rem solid #f48b25;
351
745
  --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
@@ -353,570 +747,171 @@
353
747
  --border-success-emphasis: 0.0625rem solid #09b43a;
354
748
  --border-success-muted: 0.0625rem solid #0ac740;
355
749
  --border-transparent: 0.0625rem solid #00000000;
356
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
357
- --border-upsell-muted: 0.0625rem solid #bf8fff;
358
- --borderColor-accent-emphasis: #409eff;
359
- --borderColor-accent-muted: #5cacff;
360
- --borderColor-attention-emphasis: #e09b13;
361
- --borderColor-attention-muted: #edaa27;
362
- --borderColor-closed-emphasis: #ff6a69;
363
- --borderColor-closed-muted: #ff8080;
364
- --borderColor-danger-emphasis: #ff6a69;
365
- --borderColor-danger-muted: #ff8080;
366
- --borderColor-default: #b7bdc8;
367
- --borderColor-disabled: #9198a11f;
368
- --borderColor-done-emphasis: #b87fff;
369
- --borderColor-done-muted: #bf8fff;
370
- --borderColor-emphasis: #b7bdc8;
371
- --borderColor-muted: #b7bdc8;
372
- --borderColor-neutral-emphasis: #b7bdc8;
373
- --borderColor-neutral-muted: #b7bdc8;
374
- --borderColor-open-emphasis: #09b43a;
375
- --borderColor-open-muted: #0ac740;
376
- --borderColor-severe-emphasis: #e7811d;
377
- --borderColor-severe-muted: #f48b25;
378
- --borderColor-sponsors-emphasis: #ef6eb1;
379
- --borderColor-sponsors-muted: #f87cbd;
380
- --borderColor-success-emphasis: #09b43a;
381
- --borderColor-success-muted: #0ac740;
382
- --borderColor-translucent: #2f3742;
383
- --borderColor-transparent: #00000000;
384
- --borderColor-upsell-emphasis: #b87fff;
385
- --borderColor-upsell-muted: #bf8fff;
386
- --borderRadius-default: 0.375rem;
387
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
388
- --borderRadius-large: 0.75rem;
389
- --borderRadius-medium: 0.375rem;
390
- --borderRadius-small: 0.1875rem;
391
- --borderWidth-default: 0.0625rem;
392
- --borderWidth-thick: 0.125rem;
393
- --borderWidth-thicker: 0.25rem;
394
- --borderWidth-thin: 0.0625rem;
395
- --boxShadow-thick: inset 0 0 0 0.125rem;
396
- --boxShadow-thicker: inset 0 0 0 0.25rem;
397
- --boxShadow-thin: inset 0 0 0 0.0625rem; /* Thin shadow for borders */
398
- --button-danger-bgColor-active: #ad0116;
399
- --button-danger-bgColor-disabled: #262c36;
400
- --button-danger-bgColor-hover: #ad0116;
401
- --button-danger-bgColor-rest: #262c36;
402
- --button-danger-borderColor-active: #ffb1af;
403
- --button-danger-borderColor-hover: #ffb1af;
404
- --button-danger-borderColor-rest: #b7bdc8;
405
- --button-danger-fgColor-active: #ffffff;
750
+ --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
751
+ --borderColor-closed-muted: var(--borderColor-danger-muted);
752
+ --borderColor-emphasis: var(--borderColor-default);
753
+ --borderColor-muted: var(--borderColor-default);
754
+ --borderColor-open-emphasis: var(--borderColor-success-emphasis);
755
+ --borderColor-open-muted: var(--borderColor-success-muted);
756
+ --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
757
+ --borderColor-upsell-muted: var(--borderColor-done-muted);
758
+ --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
759
+ --button-danger-bgColor-hover: var(--bgColor-danger-emphasis);
760
+ --button-danger-bgColor-rest: var(--control-bgColor-rest);
761
+ --button-danger-fgColor-active: var(--base-color-neutral-13);
406
762
  --button-danger-fgColor-disabled: #ff949280;
407
- --button-danger-fgColor-hover: #ffffff;
408
- --button-danger-fgColor-rest: #ffb1af;
409
- --button-danger-iconColor-hover: #ffffff;
410
- --button-danger-iconColor-rest: #ffb1af;
411
- --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
412
- --button-default-bgColor-active: #2f3742;
413
- --button-default-bgColor-disabled: #262c36;
414
- --button-default-bgColor-hover: #2a313c;
415
- --button-default-bgColor-rest: #262c36;
416
- --button-default-bgColor-selected: #2f3742;
417
- --button-default-borderColor-active: #b7bdc8;
418
- --button-default-borderColor-disabled: #9198a11f;
419
- --button-default-borderColor-hover: #b7bdc8;
420
- --button-default-borderColor-rest: #b7bdc8;
421
- --button-default-fgColor-rest: #ffffff;
422
- --button-default-shadow-resting: 0px 0px 0px 0px #000000;
423
- --button-inactive-bgColor: #262c36;
424
- --button-inactive-fgColor: #b7bdc8;
425
- --button-invisible-bgColor-active: #212830;
426
- --button-invisible-bgColor-disabled: #00000000;
427
- --button-invisible-bgColor-hover: #151b23;
428
- --button-invisible-bgColor-rest: #00000000;
429
- --button-invisible-borderColor-disabled: #00000000;
430
- --button-invisible-borderColor-hover: #b7bdc8;
431
- --button-invisible-borderColor-rest: #00000000;
432
- --button-invisible-fgColor-active: #ffffff;
433
- --button-invisible-fgColor-disabled: #656c76;
434
- --button-invisible-fgColor-hover: #ffffff;
435
- --button-invisible-fgColor-rest: #ffffff;
436
- --button-invisible-iconColor-disabled: #656c76;
437
- --button-invisible-iconColor-hover: #d1d7e0;
438
- --button-invisible-iconColor-rest: #d1d7e0;
439
- --button-outline-bgColor-active: #2672f3;
440
- --button-outline-bgColor-disabled: #262c36;
441
- --button-outline-bgColor-hover: #2a313c;
442
- --button-outline-bgColor-rest: #f0f6fc;
443
- --button-outline-borderColor-hover: #b7bdc8;
444
- --button-outline-borderColor-selected: #b7bdc8;
445
- --button-outline-fgColor-active: #ffffff;
446
- --button-outline-fgColor-disabled: #74b9ff80;
447
- --button-outline-fgColor-hover: #71b7ff;
448
- --button-outline-fgColor-rest: #5cacff;
449
- --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
450
- --button-primary-bgColor-active: #109135;
451
- --button-primary-bgColor-disabled: #048f2f;
452
- --button-primary-bgColor-hover: #08792b;
453
- --button-primary-bgColor-rest: #006222;
454
- --button-primary-borderColor-active: #4ae168;
455
- --button-primary-borderColor-disabled: #4ae16866;
456
- --button-primary-borderColor-hover: #4ae168;
457
- --button-primary-borderColor-rest: #4ae168;
763
+ --button-danger-fgColor-hover: var(--base-color-neutral-13);
764
+ --button-danger-iconColor-hover: var(--base-color-neutral-13);
765
+ --button-default-bgColor-active: var(--control-bgColor-active);
766
+ --button-default-bgColor-hover: var(--control-bgColor-hover);
767
+ --button-default-bgColor-rest: var(--control-bgColor-rest);
768
+ --button-default-bgColor-selected: var(--control-bgColor-active);
769
+ --button-inactive-bgColor: var(--control-bgColor-rest);
770
+ --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
771
+ --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
772
+ --button-outline-bgColor-hover: var(--control-bgColor-hover);
773
+ --button-outline-fgColor-active: var(--base-color-neutral-13);
774
+ --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
458
775
  --button-primary-fgColor-disabled: #ffffff66;
459
- --button-primary-fgColor-rest: #ffffff;
460
- --button-primary-iconColor-rest: #ffffff;
461
- --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
462
- --button-star-iconColor: #f7c843;
463
776
  --buttonCounter-danger-bgColor-disabled: #ad01160d;
464
777
  --buttonCounter-danger-bgColor-hover: #01040926;
465
778
  --buttonCounter-danger-bgColor-rest: #01040926;
466
779
  --buttonCounter-danger-fgColor-disabled: #ff949280;
467
- --buttonCounter-danger-fgColor-hover: #ffffff;
468
- --buttonCounter-danger-fgColor-rest: #ff9492;
469
- --buttonCounter-default-bgColor-rest: #2f3742;
470
- --buttonCounter-invisible-bgColor-rest: #212830;
780
+ --buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
781
+ --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
782
+ --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
471
783
  --buttonCounter-outline-bgColor-disabled: #194fb10d;
472
- --buttonCounter-outline-bgColor-hover: #194fb133;
473
- --buttonCounter-outline-bgColor-rest: #194fb133;
474
- --buttonCounter-outline-fgColor-disabled: #74b9ff80;
475
- --buttonCounter-outline-fgColor-hover: #71b7ff;
476
- --buttonCounter-outline-fgColor-rest: #5cacff;
477
784
  --buttonCounter-primary-bgColor-rest: #01040926;
478
- --card-bgColor: #151b23;
479
- --codeMirror-activeline-bgColor: #212830;
480
- --codeMirror-bgColor: #010409;
481
- --codeMirror-cursor-fgColor: #ffffff;
482
- --codeMirror-fgColor: #ffffff;
483
- --codeMirror-gutterMarker-fgColor-default: #010409;
484
- --codeMirror-gutterMarker-fgColor-muted: #b7bdc8;
485
- --codeMirror-gutters-bgColor: #010409;
486
- --codeMirror-lineNumber-fgColor: #b7bdc8;
487
- --codeMirror-lines-bgColor: #010409;
488
- --codeMirror-matchingBracket-fgColor: #ffffff;
489
- --codeMirror-selection-bgColor: #5cacff66;
490
- --codeMirror-syntax-fgColor-comment: #656c76;
491
- --codeMirror-syntax-fgColor-constant: #91cbff;
492
- --codeMirror-syntax-fgColor-entity: #dbb7ff;
493
- --codeMirror-syntax-fgColor-keyword: #ff9492;
494
- --codeMirror-syntax-fgColor-storage: #ff9492;
495
- --codeMirror-syntax-fgColor-string: #addcff;
496
- --codeMirror-syntax-fgColor-support: #91cbff;
497
- --codeMirror-syntax-fgColor-variable: #ffb757;
498
- --color-ansi-black: #2f3742;
499
- --color-ansi-black-bright: #656c76;
500
- --color-ansi-blue: #71b7ff;
501
- --color-ansi-blue-bright: #91cbff;
502
- --color-ansi-cyan: #39c5cf;
503
- --color-ansi-cyan-bright: #56d4dd;
504
- --color-ansi-gray: #656c76;
505
- --color-ansi-green: #28d751;
506
- --color-ansi-green-bright: #4ae168;
507
- --color-ansi-magenta: #cb9eff;
508
- --color-ansi-magenta-bright: #dbb7ff;
509
- --color-ansi-red: #ff9492;
510
- --color-ansi-red-bright: #ffb1af;
511
- --color-ansi-white: #f0f6fc;
512
- --color-ansi-white-bright: #ffffff;
513
- --color-ansi-yellow: #f0b72f;
514
- --color-ansi-yellow-bright: #f7c843;
515
- --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
516
- --color-prettylights-syntax-brackethighlighter-unmatched: #ff8080;
517
- --color-prettylights-syntax-carriage-return-bg: #ff4445;
518
- --color-prettylights-syntax-carriage-return-text: #f0f6fc;
519
- --color-prettylights-syntax-comment: #9198a1;
520
- --color-prettylights-syntax-constant: #91cbff;
521
- --color-prettylights-syntax-constant-other-reference-link: #addcff;
522
- --color-prettylights-syntax-entity: #dbb7ff;
523
- --color-prettylights-syntax-entity-tag: #72f088;
524
- --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
525
- --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
526
- --color-prettylights-syntax-keyword: #ff9492;
527
- --color-prettylights-syntax-markup-bold: #f0f6fc;
528
- --color-prettylights-syntax-markup-changed-bg: #a74c00;
529
- --color-prettylights-syntax-markup-changed-text: #ffe1b4;
530
- --color-prettylights-syntax-markup-deleted-bg: #cc1421;
531
- --color-prettylights-syntax-markup-deleted-text: #ffdedb;
532
- --color-prettylights-syntax-markup-heading: #409eff;
533
- --color-prettylights-syntax-markup-ignored-bg: #318bf8;
534
- --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
535
- --color-prettylights-syntax-markup-inserted-bg: #007728;
536
- --color-prettylights-syntax-markup-inserted-text: #acf7b6;
537
- --color-prettylights-syntax-markup-italic: #f0f6fc;
538
- --color-prettylights-syntax-markup-list: #fbd669;
539
- --color-prettylights-syntax-meta-diff-range: #dbb7ff;
540
- --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
541
- --color-prettylights-syntax-string: #addcff;
542
- --color-prettylights-syntax-string-regexp: #72f088;
543
- --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
544
- --color-prettylights-syntax-variable: #ffb757;
545
- --control-bgColor-active: #2f3742;
546
- --control-bgColor-disabled: #262c36;
547
- --control-bgColor-hover: #2a313c;
548
- --control-bgColor-rest: #262c36;
549
- --control-bgColor-selected: #262c36;
550
- --control-borderColor-danger: #ff6a69;
551
- --control-borderColor-disabled: #9198a11f;
552
- --control-borderColor-emphasis: #b7bdc8;
553
- --control-borderColor-rest: #b7bdc8;
554
- --control-borderColor-selected: #f0f6fc;
555
- --control-borderColor-success: #09b43a;
556
- --control-borderColor-warning: #e09b13;
557
- --control-checked-bgColor-active: #3c79d0;
558
- --control-checked-bgColor-disabled: #656c76;
559
- --control-checked-bgColor-hover: #2b64c1;
560
- --control-checked-bgColor-rest: #194fb1;
561
- --control-checked-borderColor-active: #91cbff;
562
- --control-checked-borderColor-disabled: #656c76;
563
- --control-checked-borderColor-hover: #91cbff;
564
- --control-checked-borderColor-rest: #91cbff;
565
- --control-checked-fgColor-disabled: #010409;
566
- --control-checked-fgColor-rest: #ffffff;
567
- --control-danger-bgColor-active: #c51120;
568
- --control-danger-bgColor-hover: #ad0116;
569
- --control-danger-fgColor-hover: #ff9492;
570
- --control-danger-fgColor-rest: #ff9492;
571
- --control-fgColor-disabled: #656c76;
572
- --control-fgColor-placeholder: #b7bdc8;
573
- --control-fgColor-rest: #ffffff;
574
- --control-iconColor-rest: #b7bdc8;
575
- --control-transparent-bgColor-active: #3d444d;
576
- --control-transparent-bgColor-disabled: #262c36;
577
- --control-transparent-bgColor-hover: #2f3742;
578
- --control-transparent-bgColor-rest: #00000000;
579
- --control-transparent-bgColor-selected: #2f3742;
580
- --control-transparent-borderColor-active: #b7bdc8;
581
- --control-transparent-borderColor-hover: #b7bdc8;
582
- --control-transparent-borderColor-rest: #00000000;
583
- --controlKnob-bgColor-checked: #ffffff;
584
- --controlKnob-bgColor-disabled: #262c36;
585
- --controlKnob-bgColor-rest: #010409;
586
- --controlKnob-borderColor-checked: #194fb1;
587
- --controlKnob-borderColor-disabled: #262c36;
588
- --controlKnob-borderColor-rest: #b7bdc8;
589
- --controlTrack-bgColor-active: #3d444d;
590
- --controlTrack-bgColor-disabled: #656c76;
591
- --controlTrack-bgColor-hover: #2f3742;
592
- --controlTrack-bgColor-rest: #2a313c;
593
- --controlTrack-borderColor-disabled: #656c76;
594
- --controlTrack-borderColor-rest: #b7bdc8;
595
- --controlTrack-fgColor-disabled: #ffffff;
596
- --controlTrack-fgColor-rest: #ffffff;
597
- --counter-bgColor-emphasis: #3d444d;
598
- --counter-bgColor-muted: #212830;
599
- --counter-borderColor: #b7bdc8;
600
- --data-auburn-color-emphasis: #a86f6b;
601
- --data-auburn-color-muted: #271817;
602
- --data-blue-color-emphasis: #0576ff;
603
- --data-blue-color-muted: #001a47;
604
- --data-gray-color-emphasis: #576270;
605
- --data-gray-color-muted: #1c1c1c;
606
- --data-green-color-emphasis: #2f6f37;
607
- --data-green-color-muted: #122117;
608
- --data-orange-color-emphasis: #984b10;
609
- --data-orange-color-muted: #311708;
610
- --data-pink-color-emphasis: #d34591;
611
- --data-pink-color-muted: #2d1524;
612
- --data-purple-color-emphasis: #975bf1;
613
- --data-purple-color-muted: #211047;
614
- --data-red-color-emphasis: #eb3342;
615
- --data-red-color-muted: #3c0614;
616
- --data-teal-color-emphasis: #106c70;
617
- --data-teal-color-muted: #041f25;
618
- --data-yellow-color-emphasis: #895906;
619
- --data-yellow-color-muted: #2e1a00;
785
+ --card-bgColor: var(--bgColor-muted);
786
+ --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
787
+ --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
788
+ --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
789
+ --color-ansi-white-bright: var(--base-color-neutral-13);
790
+ --control-bgColor-disabled: var(--bgColor-disabled);
791
+ --control-bgColor-selected: var(--control-bgColor-rest);
792
+ --control-borderColor-danger: var(--borderColor-danger-emphasis);
793
+ --control-borderColor-disabled: var(--borderColor-disabled);
794
+ --control-borderColor-rest: var(--borderColor-default);
795
+ --control-borderColor-success: var(--borderColor-success-emphasis);
796
+ --control-borderColor-warning: var(--borderColor-attention-emphasis);
797
+ --control-checked-bgColor-disabled: var(--fgColor-disabled);
798
+ --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
799
+ --control-checked-fgColor-disabled: var(--base-color-inset);
800
+ --control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
801
+ --control-danger-fgColor-rest: var(--fgColor-danger);
802
+ --control-fgColor-disabled: var(--fgColor-disabled);
803
+ --control-iconColor-rest: var(--fgColor-muted);
804
+ --control-transparent-bgColor-disabled: var(--bgColor-disabled);
805
+ --control-transparent-borderColor-active: var(--borderColor-default);
806
+ --control-transparent-borderColor-hover: var(--borderColor-default);
807
+ --controlKnob-bgColor-checked: var(--base-color-neutral-13);
808
+ --controlTrack-bgColor-disabled: var(--fgColor-disabled);
809
+ --controlTrack-borderColor-disabled: var(--fgColor-disabled);
810
+ --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
811
+ --counter-bgColor-muted: var(--bgColor-neutral-muted);
812
+ --counter-borderColor: var(--borderColor-default);
620
813
  --diffBlob-additionLine-bgColor: #0ac74033;
621
- --diffBlob-additionLine-fgColor: #ffffff;
622
- --diffBlob-additionNum-bgColor: #28d7514d;
623
- --diffBlob-additionNum-fgColor: #ffffff;
624
- --diffBlob-additionWord-bgColor: #006222;
625
- --diffBlob-additionWord-fgColor: #ffffff;
814
+ --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
626
815
  --diffBlob-deletionLine-bgColor: #ff808033;
627
- --diffBlob-deletionLine-fgColor: #ffffff;
628
- --diffBlob-deletionNum-bgColor: #ff80804d;
629
- --diffBlob-deletionNum-fgColor: #ffffff;
630
- --diffBlob-deletionWord-bgColor: #ad0116;
631
- --diffBlob-deletionWord-fgColor: #ffffff;
632
- --diffBlob-emptyLine-bgColor: #151b23;
633
- --diffBlob-emptyNum-bgColor: #151b23;
634
- --diffBlob-expander-iconColor: #ffffff;
816
+ --diffBlob-deletionWord-bgColor: var(--bgColor-danger-emphasis);
817
+ --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
818
+ --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
635
819
  --diffBlob-hunkLine-bgColor: #5cacff33;
636
- --diffBlob-hunkLine-fgColor: #b7bdc8;
637
- --diffBlob-hunkNum-bgColor-hover: #194fb1;
638
- --diffBlob-hunkNum-bgColor-rest: #5cacff66;
639
- --diffBlob-hunkNum-fgColor-hover: #ffffff;
640
- --diffBlob-hunkNum-fgColor-rest: #ffffff;
641
- --display-auburn-bgColor-emphasis: #6d4340;
642
- --display-auburn-bgColor-muted: #271817;
643
- --display-auburn-borderColor-emphasis: #bf9592;
644
- --display-auburn-borderColor-muted: #3a2422;
645
- --display-auburn-fgColor: #d4b7b5;
646
- --display-blue-bgColor-emphasis: #0046a8;
647
- --display-blue-bgColor-muted: #001a47;
648
- --display-blue-borderColor-emphasis: #4da0ff;
649
- --display-blue-borderColor-muted: #002766;
650
- --display-blue-fgColor: #85c2ff;
651
- --display-brown-bgColor-emphasis: #5d4a32;
652
- --display-brown-bgColor-muted: #241c14;
653
- --display-brown-borderColor-emphasis: #b69a6d;
654
- --display-brown-borderColor-muted: #342a1d;
655
- --display-brown-fgColor: #cdbb98;
656
- --display-coral-bgColor-emphasis: #902a0e;
657
- --display-coral-bgColor-muted: #3c0614;
658
- --display-coral-borderColor-emphasis: #f7794b;
659
- --display-coral-borderColor-muted: #58091a;
660
- --display-coral-fgColor: #fdaa86;
661
- --display-cyan-bgColor-emphasis: #02536f;
662
- --display-cyan-bgColor-muted: #001f29;
663
- --display-cyan-borderColor-emphasis: #07ace4;
664
- --display-cyan-borderColor-muted: #002e3d;
665
- --display-cyan-fgColor: #45cbf7;
666
- --display-gray-bgColor-emphasis: #474e57;
667
- --display-gray-bgColor-muted: #1c1c1c;
668
- --display-gray-borderColor-emphasis: #92a1b5;
669
- --display-gray-borderColor-muted: #2a2b2d;
670
- --display-gray-fgColor: #b3c0d1;
671
- --display-green-bgColor-emphasis: #285830;
672
- --display-green-bgColor-muted: #122117;
673
- --display-green-borderColor-emphasis: #41b445;
674
- --display-green-borderColor-muted: #182f1f;
675
- --display-green-fgColor: #75d36f;
676
- --display-indigo-bgColor-emphasis: #3935c0;
677
- --display-indigo-bgColor-muted: #1b183f;
678
- --display-indigo-borderColor-emphasis: #9899ec;
679
- --display-indigo-borderColor-muted: #25215f;
680
- --display-indigo-fgColor: #b7baf6;
681
- --display-lemon-bgColor-emphasis: #614c05;
682
- --display-lemon-bgColor-muted: #291d00;
683
- --display-lemon-borderColor-emphasis: #ba9b12;
684
- --display-lemon-borderColor-muted: #372901;
685
- --display-lemon-fgColor: #d7bc1d;
686
- --display-lime-bgColor-emphasis: #375421;
687
- --display-lime-bgColor-muted: #141f0f;
688
- --display-lime-borderColor-emphasis: #7dae37;
689
- --display-lime-borderColor-muted: #1f3116;
690
- --display-lime-fgColor: #9fcc3e;
691
- --display-olive-bgColor-emphasis: #485219;
692
- --display-olive-bgColor-muted: #171e0b;
693
- --display-olive-borderColor-emphasis: #a2a626;
694
- --display-olive-borderColor-muted: #252d10;
695
- --display-olive-fgColor: #cbc025;
696
- --display-orange-bgColor-emphasis: #7b3c0e;
697
- --display-orange-bgColor-muted: #311708;
698
- --display-orange-borderColor-emphasis: #ed8326;
699
- --display-orange-borderColor-muted: #43200a;
700
- --display-orange-fgColor: #f6b06a;
701
- --display-pine-bgColor-emphasis: #115a3e;
702
- --display-pine-bgColor-muted: #082119;
703
- --display-pine-borderColor-emphasis: #1bb673;
704
- --display-pine-borderColor-muted: #0b3224;
705
- --display-pine-fgColor: #1bda81;
706
- --display-pink-bgColor-emphasis: #842a5d;
707
- --display-pink-bgColor-muted: #2d1524;
708
- --display-pink-borderColor-emphasis: #e57bb2;
709
- --display-pink-borderColor-muted: #451c35;
710
- --display-pink-fgColor: #f4a9cd;
711
- --display-plum-bgColor-emphasis: #7517ab;
712
- --display-plum-bgColor-muted: #2a0e3f;
713
- --display-plum-borderColor-emphasis: #d07ef7;
714
- --display-plum-borderColor-muted: #40125e;
715
- --display-plum-fgColor: #e4a5fd;
716
- --display-purple-bgColor-emphasis: #5b1cca;
717
- --display-purple-bgColor-muted: #211047;
718
- --display-purple-borderColor-emphasis: #b687f7;
719
- --display-purple-borderColor-muted: #31146b;
720
- --display-purple-fgColor: #d2affd;
721
- --display-red-bgColor-emphasis: #990f24;
722
- --display-red-bgColor-muted: #3c0614;
723
- --display-red-borderColor-emphasis: #f27d83;
724
- --display-red-borderColor-muted: #58091a;
725
- --display-red-fgColor: #f7adab;
726
- --display-teal-bgColor-emphasis: #0c555a;
727
- --display-teal-bgColor-muted: #041f25;
728
- --display-teal-borderColor-emphasis: #1cb0ab;
729
- --display-teal-borderColor-muted: #073036;
730
- --display-teal-fgColor: #24d6c4;
731
- --display-yellow-bgColor-emphasis: #6d4403;
732
- --display-yellow-bgColor-muted: #2e1a00;
733
- --display-yellow-borderColor-emphasis: #d3910d;
734
- --display-yellow-borderColor-muted: #3d2401;
735
- --display-yellow-fgColor: #edb431;
736
- --fgColor-accent: #74b9ff;
737
- --fgColor-attention: #f0b72f;
738
- --fgColor-black: #010409;
739
- --fgColor-closed: #ff9492;
740
- --fgColor-danger: #ff9492;
741
- --fgColor-default: #ffffff;
742
- --fgColor-disabled: #656c76;
743
- --fgColor-done: #d3abff;
744
- --fgColor-link: #74b9ff;
745
- --fgColor-muted: #b7bdc8;
746
- --fgColor-neutral: #d1d7e0;
747
- --fgColor-onEmphasis: #ffffff;
748
- --fgColor-onInverse: #010409;
749
- --fgColor-open: #2bd853;
750
- --fgColor-severe: #fe9a2d;
751
- --fgColor-sponsors: #ff90c8;
752
- --fgColor-success: #2bd853;
753
- --fgColor-upsell: #d3abff;
754
- --fgColor-white: #ffffff;
755
- --focus-outline: 2px solid #409eff;
756
- --focus-outlineColor: #409eff;
757
- --header-bgColor: #151b23f2;
758
- --header-borderColor-divider: #656c76;
820
+ --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
821
+ --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
822
+ --fgColor-black: var(--base-color-neutral-0);
823
+ --fgColor-closed: var(--fgColor-danger);
824
+ --fgColor-default: var(--base-color-neutral-13);
825
+ --fgColor-onEmphasis: var(--base-color-neutral-13);
826
+ --fgColor-onInverse: var(--base-color-neutral-0);
827
+ --fgColor-white: var(--base-color-neutral-13);
828
+ --focus-outlineColor: var(--borderColor-accent-emphasis);
759
829
  --header-fgColor-default: #ffffffb3;
760
- --header-fgColor-logo: #f0f6fc;
761
- --headerSearch-bgColor: #0d1117;
762
- --headerSearch-borderColor: #2a313c;
763
- --highlight-neutral-bgColor: #f0b72f66;
764
- --label-auburn-bgColor-active: #543331;
765
- --label-auburn-bgColor-hover: #3a2422;
766
- --label-auburn-bgColor-rest: #271817;
767
- --label-auburn-fgColor-active: #d4b7b5;
768
- --label-auburn-fgColor-hover: #c6a19f;
769
- --label-auburn-fgColor-rest: #bf9592;
770
- --label-blue-bgColor-active: #00378a;
771
- --label-blue-bgColor-hover: #002766;
772
- --label-blue-bgColor-rest: #001a47;
773
- --label-blue-fgColor-active: #85c2ff;
774
- --label-blue-fgColor-hover: #61adff;
775
- --label-blue-fgColor-rest: #4da0ff;
776
- --label-brown-bgColor-active: #483a28;
777
- --label-brown-bgColor-hover: #342a1d;
778
- --label-brown-bgColor-rest: #241c14;
779
- --label-brown-fgColor-active: #cdbb98;
780
- --label-brown-fgColor-hover: #bfa77d;
781
- --label-brown-fgColor-rest: #b69a6d;
782
- --label-coral-bgColor-active: #72220d;
783
- --label-coral-bgColor-hover: #51180b;
784
- --label-coral-bgColor-rest: #351008;
785
- --label-coral-fgColor-active: #fdaa86;
786
- --label-coral-fgColor-hover: #fa8c61;
787
- --label-coral-fgColor-rest: #f7794b;
788
- --label-cyan-bgColor-active: #014156;
789
- --label-cyan-bgColor-hover: #002e3d;
790
- --label-cyan-bgColor-rest: #001f29;
791
- --label-cyan-fgColor-active: #45cbf7;
792
- --label-cyan-fgColor-hover: #09b7f1;
793
- --label-cyan-fgColor-rest: #07ace4;
794
- --label-gray-bgColor-active: #393d41;
795
- --label-gray-bgColor-hover: #2a2b2d;
796
- --label-gray-bgColor-rest: #1c1c1c;
797
- --label-gray-fgColor-active: #b3c0d1;
798
- --label-gray-fgColor-hover: #9babbf;
799
- --label-gray-fgColor-rest: #92a1b5;
800
- --label-green-bgColor-active: #214529;
801
- --label-green-bgColor-hover: #182f1f;
802
- --label-green-bgColor-rest: #122117;
803
- --label-green-fgColor-active: #75d36f;
804
- --label-green-fgColor-hover: #46c144;
805
- --label-green-fgColor-rest: #41b445;
806
- --label-indigo-bgColor-active: #312c90;
807
- --label-indigo-bgColor-hover: #25215f;
808
- --label-indigo-bgColor-rest: #1b183f;
809
- --label-indigo-fgColor-active: #b7baf6;
810
- --label-indigo-fgColor-hover: #a2a5f1;
811
- --label-indigo-fgColor-rest: #9899ec;
812
- --label-lemon-bgColor-active: #4f3c02;
813
- --label-lemon-bgColor-hover: #372901;
814
- --label-lemon-bgColor-rest: #291d00;
815
- --label-lemon-fgColor-active: #d7bc1d;
816
- --label-lemon-fgColor-hover: #c4a717;
817
- --label-lemon-fgColor-rest: #ba9b12;
818
- --label-lime-bgColor-active: #2c441d;
819
- --label-lime-bgColor-hover: #1f3116;
820
- --label-lime-bgColor-rest: #141f0f;
821
- --label-lime-fgColor-active: #9fcc3e;
822
- --label-lime-fgColor-hover: #89ba36;
823
- --label-lime-fgColor-rest: #7dae37;
824
- --label-olive-bgColor-active: #374115;
825
- --label-olive-bgColor-hover: #252d10;
826
- --label-olive-bgColor-rest: #171e0b;
827
- --label-olive-fgColor-active: #cbc025;
828
- --label-olive-fgColor-hover: #b2af24;
829
- --label-olive-fgColor-rest: #a2a626;
830
- --label-orange-bgColor-active: #632f0d;
831
- --label-orange-bgColor-hover: #43200a;
832
- --label-orange-bgColor-rest: #311708;
833
- --label-orange-fgColor-active: #f6b06a;
834
- --label-orange-fgColor-hover: #f1933b;
835
- --label-orange-fgColor-rest: #ed8326;
836
- --label-pine-bgColor-active: #0e4430;
837
- --label-pine-bgColor-hover: #0b3224;
838
- --label-pine-bgColor-rest: #082119;
839
- --label-pine-fgColor-active: #1bda81;
840
- --label-pine-fgColor-hover: #1ac176;
841
- --label-pine-fgColor-rest: #1bb673;
842
- --label-pink-bgColor-active: #65244a;
843
- --label-pink-bgColor-hover: #451c35;
844
- --label-pink-bgColor-rest: #2d1524;
845
- --label-pink-fgColor-active: #f4a9cd;
846
- --label-pink-fgColor-hover: #ec8dbd;
847
- --label-pink-fgColor-rest: #e57bb2;
848
- --label-plum-bgColor-active: #5c1688;
849
- --label-plum-bgColor-hover: #40125e;
850
- --label-plum-bgColor-rest: #2a0e3f;
851
- --label-plum-fgColor-active: #e4a5fd;
852
- --label-plum-fgColor-hover: #d889fa;
853
- --label-plum-fgColor-rest: #d07ef7;
854
- --label-purple-bgColor-active: #481a9e;
855
- --label-purple-bgColor-hover: #31146b;
856
- --label-purple-bgColor-rest: #211047;
857
- --label-purple-fgColor-active: #d2affd;
858
- --label-purple-fgColor-hover: #c398fb;
859
- --label-purple-fgColor-rest: #b687f7;
860
- --label-red-bgColor-active: #790c20;
861
- --label-red-bgColor-hover: #58091a;
862
- --label-red-bgColor-rest: #3c0614;
863
- --label-red-fgColor-active: #f7adab;
864
- --label-red-fgColor-hover: #f48b8d;
865
- --label-red-fgColor-rest: #f27d83;
866
- --label-teal-bgColor-active: #0a464d;
867
- --label-teal-bgColor-hover: #073036;
868
- --label-teal-bgColor-rest: #041f25;
869
- --label-teal-fgColor-active: #24d6c4;
870
- --label-teal-fgColor-hover: #1fbdb2;
871
- --label-teal-fgColor-rest: #1cb0ab;
872
- --label-yellow-bgColor-active: #5a3702;
873
- --label-yellow-bgColor-hover: #3d2401;
874
- --label-yellow-bgColor-rest: #2e1a00;
875
- --label-yellow-fgColor-active: #edb431;
876
- --label-yellow-fgColor-hover: #df9e11;
877
- --label-yellow-fgColor-rest: #d3910d;
878
- --menu-bgColor-active: #151b23;
879
- --outline-focus-offset: -0.125rem;
880
- --outline-focus-width: 0.125rem;
881
- --overlay-backdrop-bgColor: #d1d7e066;
882
- --overlay-bgColor: #151b23;
883
- --overlay-borderColor: #b7bdc8;
884
- --page-header-bgColor: #010409;
885
- --reactionButton-selected-bgColor-hover: #5dadff5c;
886
- --reactionButton-selected-bgColor-rest: #5cacff33;
887
- --reactionButton-selected-fgColor-hover: #91cbff;
888
- --reactionButton-selected-fgColor-rest: #74b9ff;
889
- --selectMenu-bgColor-active: #1e60d5;
890
- --selectMenu-borderColor: #b7bdc8;
830
+ --overlay-bgColor: var(--bgColor-muted);
831
+ --overlay-borderColor: var(--borderColor-default);
832
+ --reactionButton-selected-fgColor-rest: var(--fgColor-link);
833
+ --selectMenu-borderColor: var(--borderColor-default);
891
834
  --selection-bgColor: #194fb1b3;
892
- --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
893
835
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
894
- --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
895
- --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
896
- --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
897
836
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
898
837
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
899
838
  --shadow-resting-small: 0px 1px 0px 0px #01040966;
900
839
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
901
- --sideNav-bgColor-selected: #212830;
902
- --skeletonLoader-bgColor: #2a313c;
903
- --timelineBadge-bgColor: #212830;
904
- --tooltip-bgColor: #ffffff;
905
- --tooltip-fgColor: #010409;
906
- --topicTag-borderColor: #409eff;
907
- --treeViewItem-leadingVisual-iconColor-rest: #b7bdc8;
908
- --underlineNav-borderColor-active: #ff967d;
909
- --underlineNav-borderColor-hover: #b7bdc8;
910
- --underlineNav-iconColor-rest: #b7bdc8;
840
+ --topicTag-borderColor: var(--borderColor-accent-emphasis);
841
+ --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
842
+ --underlineNav-iconColor-rest: var(--fgColor-muted);
843
+ --border-closed-emphasis: var(--border-danger-emphasis);
844
+ --border-closed-muted: var(--border-danger-muted);
845
+ --border-emphasis: 0.0625rem solid #b7bdc8;
846
+ --border-muted: 0.0625rem solid #b7bdc8;
847
+ --border-open-emphasis: var(--border-success-emphasis);
848
+ --border-open-muted: var(--border-success-muted);
849
+ --border-upsell-emphasis: 0.0625rem solid #b87fff;
850
+ --border-upsell-muted: 0.0625rem solid #bf8fff;
851
+ --borderColor-neutral-emphasis: var(--borderColor-emphasis);
852
+ --borderColor-neutral-muted: var(--borderColor-muted);
853
+ --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
854
+ --button-danger-borderColor-rest: var(--control-borderColor-rest);
855
+ --button-default-bgColor-disabled: var(--control-bgColor-disabled);
856
+ --button-default-borderColor-disabled: var(--control-borderColor-disabled);
857
+ --button-default-borderColor-rest: var(--control-borderColor-rest);
858
+ --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
859
+ --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
860
+ --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
861
+ --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
862
+ --button-primary-fgColor-rest: var(--fgColor-white);
863
+ --button-primary-iconColor-rest: var(--fgColor-white);
864
+ --codeMirror-bgColor: var(--bgColor-default);
865
+ --codeMirror-cursor-fgColor: var(--fgColor-default);
866
+ --codeMirror-fgColor: var(--fgColor-default);
867
+ --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
868
+ --codeMirror-gutters-bgColor: var(--bgColor-default);
869
+ --codeMirror-lines-bgColor: var(--bgColor-default);
870
+ --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
871
+ --control-borderColor-emphasis: var(--borderColor-emphasis);
872
+ --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
873
+ --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
874
+ --control-fgColor-rest: var(--fgColor-default);
875
+ --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
876
+ --controlKnob-bgColor-rest: var(--bgColor-inset);
877
+ --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
878
+ --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
879
+ --controlTrack-borderColor-rest: var(--borderColor-emphasis);
880
+ --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
881
+ --controlTrack-fgColor-rest: var(--fgColor-default);
882
+ --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
883
+ --diffBlob-additionNum-fgColor: var(--fgColor-default);
884
+ --diffBlob-additionWord-fgColor: var(--fgColor-default);
885
+ --diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
886
+ --diffBlob-deletionNum-fgColor: var(--fgColor-default);
887
+ --diffBlob-deletionWord-fgColor: var(--fgColor-default);
888
+ --diffBlob-expander-iconColor: var(--fgColor-default);
889
+ --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
890
+ --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
891
+ --focus-outline: 2px solid #409eff;
892
+ --page-header-bgColor: var(--bgColor-default);
893
+ --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
894
+ --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
895
+ --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
896
+ --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
897
+ --tooltip-bgColor: var(--bgColor-inverse);
898
+ --tooltip-fgColor: var(--fgColor-onInverse);
899
+ --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
900
+ --border-neutral-muted: 0.0625rem solid #b7bdc8;
901
+ --button-default-borderColor-active: var(--button-default-borderColor-rest);
902
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
903
+ --button-default-fgColor-rest: var(--control-fgColor-rest);
904
+ --button-invisible-fgColor-active: var(--control-fgColor-rest);
905
+ --button-invisible-fgColor-hover: var(--control-fgColor-rest);
906
+ --button-invisible-fgColor-rest: var(--control-fgColor-rest);
907
+ --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
908
+ --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
909
+ --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
910
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
911
911
  }
912
912
  @media (prefers-color-scheme: dark) {
913
913
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
914
914
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"] ::backdrop {
915
- --avatar-bgColor: #ffffff1a;
916
- --avatar-borderColor: #ffffffe6;
917
- --avatar-shadow: 0px 0px 0px 2px #0d1117;
918
- --avatarStack-fade-bgColor-default: #3d444d;
919
- --avatarStack-fade-bgColor-muted: #2a313c;
920
915
  --base-color-black: #010409;
921
916
  --base-color-blue-0: #caeaff;
922
917
  --base-color-blue-1: #addcff;
@@ -948,13 +943,10 @@
948
943
  --base-color-green-7: #008c2c;
949
944
  --base-color-green-8: #007728;
950
945
  --base-color-green-9: #006222;
951
- --base-color-inset: #010409;
952
- --base-color-neutral-0: #010409;
953
946
  --base-color-neutral-1: #0d1117;
954
947
  --base-color-neutral-10: #b7bdc8;
955
948
  --base-color-neutral-11: #d1d7e0;
956
949
  --base-color-neutral-12: #f0f6fc;
957
- --base-color-neutral-13: #ffffff;
958
950
  --base-color-neutral-2: #151b23;
959
951
  --base-color-neutral-3: #212830;
960
952
  --base-color-neutral-4: #262c36;
@@ -1207,55 +1199,457 @@
1207
1199
  --base-display-color-yellow-7: #df9e11;
1208
1200
  --base-display-color-yellow-8: #edb431;
1209
1201
  --base-display-color-yellow-9: #f0ca6a;
1210
- --bgColor-accent-emphasis: #194fb1;
1202
+ --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1203
+ --borderRadius-large: 0.75rem;
1204
+ --borderRadius-medium: 0.375rem;
1205
+ --borderRadius-small: 0.1875rem;
1206
+ --borderWidth-thick: 0.125rem;
1207
+ --borderWidth-thicker: 0.25rem;
1208
+ --borderWidth-thin: 0.0625rem;
1209
+ --button-danger-iconColor-rest: #ffb1af;
1210
+ --button-primary-bgColor-active: #109135;
1211
+ --button-primary-bgColor-disabled: #048f2f;
1212
+ --button-primary-bgColor-hover: #08792b;
1213
+ --color-ansi-cyan: #39c5cf;
1214
+ --color-ansi-cyan-bright: #56d4dd;
1215
+ --control-checked-bgColor-active: #3c79d0;
1216
+ --control-checked-bgColor-hover: #2b64c1;
1217
+ --control-danger-bgColor-active: #c51120;
1218
+ --fgColor-accent: #74b9ff;
1219
+ --fgColor-done: #d3abff;
1220
+ --fgColor-sponsors: #ff90c8;
1221
+ --fgColor-success: #2bd853;
1222
+ --outline-focus-offset: -0.125rem;
1223
+ --outline-focus-width: 0.125rem;
1224
+ --reactionButton-selected-bgColor-hover: #5dadff5c;
1225
+ --avatar-shadow: 0px 0px 0px 2px #0d1117;
1226
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
1227
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
1228
+ --base-color-inset: var(--base-color-black);
1229
+ --base-color-neutral-0: var(--base-color-black);
1230
+ --base-color-neutral-13: var(--base-color-white);
1231
+ --bgColor-accent-emphasis: var(--base-color-blue-9);
1211
1232
  --bgColor-accent-muted: #5cacff1a;
1212
- --bgColor-attention-emphasis: #7b4900;
1233
+ --bgColor-attention-emphasis: var(--base-color-yellow-9);
1213
1234
  --bgColor-attention-muted: #edaa2726;
1214
- --bgColor-black: #010409;
1215
- --bgColor-closed-emphasis: #ad0116;
1216
- --bgColor-closed-muted: #ff80801a;
1217
- --bgColor-danger-emphasis: #ad0116;
1235
+ --bgColor-danger-emphasis: var(--base-color-red-9);
1218
1236
  --bgColor-danger-muted: #ff80801a;
1219
- --bgColor-default: #010409;
1220
- --bgColor-disabled: #262c36;
1221
- --bgColor-done-emphasis: #6921d7;
1237
+ --bgColor-disabled: var(--base-color-neutral-4);
1238
+ --bgColor-done-emphasis: var(--base-color-purple-9);
1222
1239
  --bgColor-done-muted: #bf8fff26;
1223
- --bgColor-emphasis: #3d444d;
1224
- --bgColor-inset: #010409;
1225
- --bgColor-inverse: #ffffff;
1226
- --bgColor-muted: #151b23;
1227
- --bgColor-neutral-emphasis: #3d444d;
1228
- --bgColor-neutral-muted: #212830;
1229
- --bgColor-open-emphasis: #006222;
1230
- --bgColor-open-muted: #0ac74026;
1231
- --bgColor-severe-emphasis: #8f3c00;
1240
+ --bgColor-emphasis: var(--base-color-neutral-7);
1241
+ --bgColor-muted: var(--base-color-neutral-2);
1242
+ --bgColor-neutral-emphasis: var(--base-color-neutral-7);
1243
+ --bgColor-neutral-muted: var(--base-color-neutral-3);
1244
+ --bgColor-severe-emphasis: var(--base-color-orange-9);
1232
1245
  --bgColor-severe-muted: #f48b251a;
1233
- --bgColor-sponsors-emphasis: #9c1d6a;
1246
+ --bgColor-sponsors-emphasis: var(--base-color-pink-9);
1234
1247
  --bgColor-sponsors-muted: #f87cbd1a;
1235
- --bgColor-success-emphasis: #006222;
1248
+ --bgColor-success-emphasis: var(--base-color-green-9);
1236
1249
  --bgColor-success-muted: #0ac74026;
1237
- --bgColor-transparent: #00000000;
1238
- --bgColor-upsell-emphasis: #6921d7;
1239
- --bgColor-upsell-muted: #bf8fff26;
1240
- --bgColor-white: #ffffff;
1250
+ --bgColor-transparent: var(--base-color-transparent);
1251
+ --borderColor-accent-emphasis: var(--base-color-blue-5);
1252
+ --borderColor-accent-muted: var(--base-color-blue-4);
1253
+ --borderColor-attention-emphasis: var(--base-color-yellow-5);
1254
+ --borderColor-attention-muted: var(--base-color-yellow-4);
1255
+ --borderColor-danger-emphasis: var(--base-color-red-5);
1256
+ --borderColor-danger-muted: var(--base-color-red-4);
1257
+ --borderColor-default: var(--base-color-neutral-10);
1258
+ --borderColor-disabled: #9198a11f;
1259
+ --borderColor-done-emphasis: var(--base-color-purple-5);
1260
+ --borderColor-done-muted: var(--base-color-purple-4);
1261
+ --borderColor-severe-emphasis: var(--base-color-orange-5);
1262
+ --borderColor-severe-muted: var(--base-color-orange-4);
1263
+ --borderColor-sponsors-emphasis: var(--base-color-pink-5);
1264
+ --borderColor-sponsors-muted: var(--base-color-pink-4);
1265
+ --borderColor-success-emphasis: var(--base-color-green-5);
1266
+ --borderColor-success-muted: var(--base-color-green-4);
1267
+ --borderColor-translucent: var(--base-color-neutral-6);
1268
+ --borderColor-transparent: var(--base-color-transparent);
1269
+ --borderRadius-default: var(--borderRadius-medium);
1270
+ --borderWidth-default: var(--borderWidth-thin);
1271
+ --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
1272
+ --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
1273
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
1274
+ --button-danger-borderColor-active: var(--base-color-red-2);
1275
+ --button-danger-borderColor-hover: var(--base-color-red-2);
1276
+ --button-danger-fgColor-rest: var(--base-color-red-2);
1277
+ --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
1278
+ --button-default-shadow-resting: 0px 0px 0px 0px #000000;
1279
+ --button-inactive-fgColor: var(--base-color-neutral-10);
1280
+ --button-invisible-bgColor-active: var(--base-color-neutral-3);
1281
+ --button-invisible-bgColor-disabled: var(--base-color-transparent);
1282
+ --button-invisible-bgColor-hover: var(--base-color-neutral-2);
1283
+ --button-invisible-borderColor-disabled: var(--base-color-transparent);
1284
+ --button-invisible-iconColor-hover: var(--base-color-neutral-11);
1285
+ --button-invisible-iconColor-rest: var(--base-color-neutral-11);
1286
+ --button-outline-bgColor-active: var(--base-color-blue-7);
1287
+ --button-outline-bgColor-rest: var(--base-color-neutral-12);
1288
+ --button-outline-fgColor-disabled: #74b9ff80;
1289
+ --button-outline-fgColor-hover: var(--base-color-blue-3);
1290
+ --button-outline-fgColor-rest: var(--base-color-blue-4);
1291
+ --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
1292
+ --button-primary-borderColor-active: var(--base-color-green-2);
1293
+ --button-primary-borderColor-disabled: #4ae16866;
1294
+ --button-primary-borderColor-hover: var(--base-color-green-2);
1295
+ --button-primary-borderColor-rest: var(--base-color-green-2);
1296
+ --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
1297
+ --button-star-iconColor: var(--base-color-yellow-2);
1298
+ --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
1299
+ --buttonCounter-outline-bgColor-hover: #194fb133;
1300
+ --buttonCounter-outline-bgColor-rest: #194fb133;
1301
+ --buttonCounter-outline-fgColor-disabled: #74b9ff80;
1302
+ --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
1303
+ --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
1304
+ --codeMirror-selection-bgColor: #5cacff66;
1305
+ --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
1306
+ --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
1307
+ --codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
1308
+ --codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
1309
+ --codeMirror-syntax-fgColor-storage: var(--base-color-red-3);
1310
+ --codeMirror-syntax-fgColor-string: var(--base-color-blue-1);
1311
+ --codeMirror-syntax-fgColor-support: var(--base-color-blue-2);
1312
+ --codeMirror-syntax-fgColor-variable: var(--base-color-orange-2);
1313
+ --color-ansi-black: var(--base-color-neutral-6);
1314
+ --color-ansi-black-bright: var(--base-color-neutral-8);
1315
+ --color-ansi-blue: var(--base-color-blue-3);
1316
+ --color-ansi-blue-bright: var(--base-color-blue-2);
1317
+ --color-ansi-gray: var(--base-color-neutral-8);
1318
+ --color-ansi-green: var(--base-color-green-3);
1319
+ --color-ansi-green-bright: var(--base-color-green-2);
1320
+ --color-ansi-magenta: var(--base-color-purple-3);
1321
+ --color-ansi-magenta-bright: var(--base-color-purple-2);
1322
+ --color-ansi-red: var(--base-color-red-3);
1323
+ --color-ansi-red-bright: var(--base-color-red-2);
1324
+ --color-ansi-white: var(--base-color-neutral-12);
1325
+ --color-ansi-yellow: var(--base-color-yellow-3);
1326
+ --color-ansi-yellow-bright: var(--base-color-yellow-2);
1327
+ --color-prettylights-syntax-brackethighlighter-angle: var(--base-color-neutral-9);
1328
+ --color-prettylights-syntax-brackethighlighter-unmatched: var(--base-color-red-4);
1329
+ --color-prettylights-syntax-carriage-return-bg: var(--base-color-red-6);
1330
+ --color-prettylights-syntax-carriage-return-text: var(--base-color-neutral-12);
1331
+ --color-prettylights-syntax-comment: var(--base-color-neutral-9);
1332
+ --color-prettylights-syntax-constant: var(--base-color-blue-2);
1333
+ --color-prettylights-syntax-constant-other-reference-link: var(--base-color-blue-1);
1334
+ --color-prettylights-syntax-entity: var(--base-color-purple-2);
1335
+ --color-prettylights-syntax-entity-tag: var(--base-color-green-1);
1336
+ --color-prettylights-syntax-invalid-illegal-bg: var(--base-color-red-7);
1337
+ --color-prettylights-syntax-invalid-illegal-text: var(--base-color-neutral-12);
1338
+ --color-prettylights-syntax-keyword: var(--base-color-red-3);
1339
+ --color-prettylights-syntax-markup-bold: var(--base-color-neutral-12);
1340
+ --color-prettylights-syntax-markup-changed-bg: var(--base-color-orange-8);
1341
+ --color-prettylights-syntax-markup-changed-text: var(--base-color-orange-0);
1342
+ --color-prettylights-syntax-markup-deleted-bg: var(--base-color-red-8);
1343
+ --color-prettylights-syntax-markup-deleted-text: var(--base-color-red-0);
1344
+ --color-prettylights-syntax-markup-heading: var(--base-color-blue-5);
1345
+ --color-prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6);
1346
+ --color-prettylights-syntax-markup-ignored-text: var(--base-color-neutral-12);
1347
+ --color-prettylights-syntax-markup-inserted-bg: var(--base-color-green-8);
1348
+ --color-prettylights-syntax-markup-inserted-text: var(--base-color-green-0);
1349
+ --color-prettylights-syntax-markup-italic: var(--base-color-neutral-12);
1350
+ --color-prettylights-syntax-markup-list: var(--base-color-yellow-1);
1351
+ --color-prettylights-syntax-meta-diff-range: var(--base-color-purple-2);
1352
+ --color-prettylights-syntax-storage-modifier-import: var(--base-color-neutral-12);
1353
+ --color-prettylights-syntax-string: var(--base-color-blue-1);
1354
+ --color-prettylights-syntax-string-regexp: var(--base-color-green-1);
1355
+ --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-7);
1356
+ --color-prettylights-syntax-variable: var(--base-color-orange-2);
1357
+ --control-bgColor-active: var(--base-color-neutral-6);
1358
+ --control-bgColor-hover: var(--base-color-neutral-5);
1359
+ --control-bgColor-rest: var(--base-color-neutral-4);
1360
+ --control-borderColor-selected: var(--base-color-neutral-12);
1361
+ --control-checked-borderColor-active: var(--base-color-blue-2);
1362
+ --control-checked-borderColor-hover: var(--base-color-blue-2);
1363
+ --control-checked-borderColor-rest: var(--base-color-blue-2);
1364
+ --control-danger-fgColor-hover: var(--base-color-red-3);
1365
+ --control-fgColor-placeholder: var(--base-color-neutral-10);
1366
+ --control-transparent-bgColor-active: var(--base-color-neutral-7);
1367
+ --control-transparent-bgColor-hover: var(--base-color-neutral-6);
1368
+ --control-transparent-bgColor-rest: var(--base-color-transparent);
1369
+ --control-transparent-bgColor-selected: var(--base-color-neutral-6);
1370
+ --control-transparent-borderColor-rest: var(--base-color-transparent);
1371
+ --controlTrack-bgColor-active: var(--base-color-neutral-7);
1372
+ --controlTrack-bgColor-hover: var(--base-color-neutral-6);
1373
+ --controlTrack-bgColor-rest: var(--base-color-neutral-5);
1374
+ --data-auburn-color-emphasis: var(--base-display-color-auburn-5);
1375
+ --data-auburn-color-muted: var(--base-display-color-auburn-0);
1376
+ --data-blue-color-emphasis: var(--base-display-color-blue-5);
1377
+ --data-blue-color-muted: var(--base-display-color-blue-0);
1378
+ --data-gray-color-emphasis: var(--base-display-color-gray-4);
1379
+ --data-gray-color-muted: var(--base-display-color-gray-0);
1380
+ --data-green-color-emphasis: var(--base-display-color-green-4);
1381
+ --data-green-color-muted: var(--base-display-color-green-0);
1382
+ --data-orange-color-emphasis: var(--base-display-color-orange-4);
1383
+ --data-orange-color-muted: var(--base-display-color-orange-0);
1384
+ --data-pink-color-emphasis: var(--base-display-color-pink-5);
1385
+ --data-pink-color-muted: var(--base-display-color-pink-0);
1386
+ --data-purple-color-emphasis: var(--base-display-color-purple-5);
1387
+ --data-purple-color-muted: var(--base-display-color-purple-0);
1388
+ --data-red-color-emphasis: var(--base-display-color-red-5);
1389
+ --data-red-color-muted: var(--base-display-color-red-0);
1390
+ --data-teal-color-emphasis: var(--base-display-color-teal-4);
1391
+ --data-teal-color-muted: var(--base-display-color-teal-0);
1392
+ --data-yellow-color-emphasis: var(--base-display-color-yellow-4);
1393
+ --data-yellow-color-muted: var(--base-display-color-yellow-0);
1394
+ --diffBlob-additionNum-bgColor: #28d7514d;
1395
+ --diffBlob-deletionNum-bgColor: #ff80804d;
1396
+ --diffBlob-hunkNum-bgColor-rest: #5cacff66;
1397
+ --display-auburn-bgColor-emphasis: var(--base-display-color-auburn-3);
1398
+ --display-auburn-bgColor-muted: var(--base-display-color-auburn-0);
1399
+ --display-auburn-borderColor-emphasis: var(--base-display-color-auburn-6);
1400
+ --display-auburn-borderColor-muted: var(--base-display-color-auburn-1);
1401
+ --display-auburn-fgColor: var(--base-display-color-auburn-8);
1402
+ --display-blue-bgColor-emphasis: var(--base-display-color-blue-3);
1403
+ --display-blue-bgColor-muted: var(--base-display-color-blue-0);
1404
+ --display-blue-borderColor-emphasis: var(--base-display-color-blue-6);
1405
+ --display-blue-borderColor-muted: var(--base-display-color-blue-1);
1406
+ --display-blue-fgColor: var(--base-display-color-blue-8);
1407
+ --display-brown-bgColor-emphasis: var(--base-display-color-brown-3);
1408
+ --display-brown-bgColor-muted: var(--base-display-color-brown-0);
1409
+ --display-brown-borderColor-emphasis: var(--base-display-color-brown-6);
1410
+ --display-brown-borderColor-muted: var(--base-display-color-brown-1);
1411
+ --display-brown-fgColor: var(--base-display-color-brown-8);
1412
+ --display-coral-bgColor-emphasis: var(--base-display-color-coral-3);
1413
+ --display-coral-bgColor-muted: var(--base-display-color-red-0);
1414
+ --display-coral-borderColor-emphasis: var(--base-display-color-coral-6);
1415
+ --display-coral-borderColor-muted: var(--base-display-color-red-1);
1416
+ --display-coral-fgColor: var(--base-display-color-coral-8);
1417
+ --display-cyan-bgColor-emphasis: var(--base-display-color-cyan-3);
1418
+ --display-cyan-bgColor-muted: var(--base-display-color-cyan-0);
1419
+ --display-cyan-borderColor-emphasis: var(--base-display-color-cyan-6);
1420
+ --display-cyan-borderColor-muted: var(--base-display-color-cyan-1);
1421
+ --display-cyan-fgColor: var(--base-display-color-cyan-8);
1422
+ --display-gray-bgColor-emphasis: var(--base-display-color-gray-3);
1423
+ --display-gray-bgColor-muted: var(--base-display-color-gray-0);
1424
+ --display-gray-borderColor-emphasis: var(--base-display-color-gray-6);
1425
+ --display-gray-borderColor-muted: var(--base-display-color-gray-1);
1426
+ --display-gray-fgColor: var(--base-display-color-gray-8);
1427
+ --display-green-bgColor-emphasis: var(--base-display-color-green-3);
1428
+ --display-green-bgColor-muted: var(--base-display-color-green-0);
1429
+ --display-green-borderColor-emphasis: var(--base-display-color-green-6);
1430
+ --display-green-borderColor-muted: var(--base-display-color-green-1);
1431
+ --display-green-fgColor: var(--base-display-color-green-8);
1432
+ --display-indigo-bgColor-emphasis: var(--base-display-color-indigo-3);
1433
+ --display-indigo-bgColor-muted: var(--base-display-color-indigo-0);
1434
+ --display-indigo-borderColor-emphasis: var(--base-display-color-indigo-6);
1435
+ --display-indigo-borderColor-muted: var(--base-display-color-indigo-1);
1436
+ --display-indigo-fgColor: var(--base-display-color-indigo-8);
1437
+ --display-lemon-bgColor-emphasis: var(--base-display-color-lemon-3);
1438
+ --display-lemon-bgColor-muted: var(--base-display-color-lemon-0);
1439
+ --display-lemon-borderColor-emphasis: var(--base-display-color-lemon-6);
1440
+ --display-lemon-borderColor-muted: var(--base-display-color-lemon-1);
1441
+ --display-lemon-fgColor: var(--base-display-color-lemon-8);
1442
+ --display-lime-bgColor-emphasis: var(--base-display-color-lime-3);
1443
+ --display-lime-bgColor-muted: var(--base-display-color-lime-0);
1444
+ --display-lime-borderColor-emphasis: var(--base-display-color-lime-6);
1445
+ --display-lime-borderColor-muted: var(--base-display-color-lime-1);
1446
+ --display-lime-fgColor: var(--base-display-color-lime-8);
1447
+ --display-olive-bgColor-emphasis: var(--base-display-color-olive-3);
1448
+ --display-olive-bgColor-muted: var(--base-display-color-olive-0);
1449
+ --display-olive-borderColor-emphasis: var(--base-display-color-olive-6);
1450
+ --display-olive-borderColor-muted: var(--base-display-color-olive-1);
1451
+ --display-olive-fgColor: var(--base-display-color-olive-8);
1452
+ --display-orange-bgColor-emphasis: var(--base-display-color-orange-3);
1453
+ --display-orange-bgColor-muted: var(--base-display-color-orange-0);
1454
+ --display-orange-borderColor-emphasis: var(--base-display-color-orange-6);
1455
+ --display-orange-borderColor-muted: var(--base-display-color-orange-1);
1456
+ --display-orange-fgColor: var(--base-display-color-orange-8);
1457
+ --display-pine-bgColor-emphasis: var(--base-display-color-pine-3);
1458
+ --display-pine-bgColor-muted: var(--base-display-color-pine-0);
1459
+ --display-pine-borderColor-emphasis: var(--base-display-color-pine-6);
1460
+ --display-pine-borderColor-muted: var(--base-display-color-pine-1);
1461
+ --display-pine-fgColor: var(--base-display-color-pine-8);
1462
+ --display-pink-bgColor-emphasis: var(--base-display-color-pink-3);
1463
+ --display-pink-bgColor-muted: var(--base-display-color-pink-0);
1464
+ --display-pink-borderColor-emphasis: var(--base-display-color-pink-6);
1465
+ --display-pink-borderColor-muted: var(--base-display-color-pink-1);
1466
+ --display-pink-fgColor: var(--base-display-color-pink-8);
1467
+ --display-plum-bgColor-emphasis: var(--base-display-color-plum-3);
1468
+ --display-plum-bgColor-muted: var(--base-display-color-plum-0);
1469
+ --display-plum-borderColor-emphasis: var(--base-display-color-plum-6);
1470
+ --display-plum-borderColor-muted: var(--base-display-color-plum-1);
1471
+ --display-plum-fgColor: var(--base-display-color-plum-8);
1472
+ --display-purple-bgColor-emphasis: var(--base-display-color-purple-3);
1473
+ --display-purple-bgColor-muted: var(--base-display-color-purple-0);
1474
+ --display-purple-borderColor-emphasis: var(--base-display-color-purple-6);
1475
+ --display-purple-borderColor-muted: var(--base-display-color-purple-1);
1476
+ --display-purple-fgColor: var(--base-display-color-purple-8);
1477
+ --display-red-bgColor-emphasis: var(--base-display-color-red-3);
1478
+ --display-red-bgColor-muted: var(--base-display-color-red-0);
1479
+ --display-red-borderColor-emphasis: var(--base-display-color-red-6);
1480
+ --display-red-borderColor-muted: var(--base-display-color-red-1);
1481
+ --display-red-fgColor: var(--base-display-color-red-8);
1482
+ --display-teal-bgColor-emphasis: var(--base-display-color-teal-3);
1483
+ --display-teal-bgColor-muted: var(--base-display-color-teal-0);
1484
+ --display-teal-borderColor-emphasis: var(--base-display-color-teal-6);
1485
+ --display-teal-borderColor-muted: var(--base-display-color-teal-1);
1486
+ --display-teal-fgColor: var(--base-display-color-teal-8);
1487
+ --display-yellow-bgColor-emphasis: var(--base-display-color-yellow-3);
1488
+ --display-yellow-bgColor-muted: var(--base-display-color-yellow-0);
1489
+ --display-yellow-borderColor-emphasis: var(--base-display-color-yellow-6);
1490
+ --display-yellow-borderColor-muted: var(--base-display-color-yellow-1);
1491
+ --display-yellow-fgColor: var(--base-display-color-yellow-8);
1492
+ --fgColor-attention: var(--base-color-yellow-3);
1493
+ --fgColor-danger: var(--base-color-red-3);
1494
+ --fgColor-disabled: var(--base-color-neutral-8);
1495
+ --fgColor-link: var(--fgColor-accent);
1496
+ --fgColor-muted: var(--base-color-neutral-10);
1497
+ --fgColor-neutral: var(--base-color-neutral-11);
1498
+ --fgColor-open: var(--fgColor-success);
1499
+ --fgColor-severe: var(--base-color-orange-3);
1500
+ --fgColor-upsell: var(--fgColor-done);
1501
+ --header-bgColor: #151b23f2;
1502
+ --header-borderColor-divider: var(--base-color-neutral-8);
1503
+ --header-fgColor-logo: var(--base-color-neutral-12);
1504
+ --headerSearch-bgColor: var(--base-color-neutral-1);
1505
+ --headerSearch-borderColor: var(--base-color-neutral-5);
1506
+ --highlight-neutral-bgColor: #f0b72f66;
1507
+ --label-auburn-bgColor-active: var(--base-display-color-auburn-2);
1508
+ --label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
1509
+ --label-auburn-bgColor-rest: var(--base-display-color-auburn-0);
1510
+ --label-auburn-fgColor-active: var(--base-display-color-auburn-8);
1511
+ --label-auburn-fgColor-hover: var(--base-display-color-auburn-7);
1512
+ --label-auburn-fgColor-rest: var(--base-display-color-auburn-6);
1513
+ --label-blue-bgColor-active: var(--base-display-color-blue-2);
1514
+ --label-blue-bgColor-hover: var(--base-display-color-blue-1);
1515
+ --label-blue-bgColor-rest: var(--base-display-color-blue-0);
1516
+ --label-blue-fgColor-active: var(--base-display-color-blue-8);
1517
+ --label-blue-fgColor-hover: var(--base-display-color-blue-7);
1518
+ --label-blue-fgColor-rest: var(--base-display-color-blue-6);
1519
+ --label-brown-bgColor-active: var(--base-display-color-brown-2);
1520
+ --label-brown-bgColor-hover: var(--base-display-color-brown-1);
1521
+ --label-brown-bgColor-rest: var(--base-display-color-brown-0);
1522
+ --label-brown-fgColor-active: var(--base-display-color-brown-8);
1523
+ --label-brown-fgColor-hover: var(--base-display-color-brown-7);
1524
+ --label-brown-fgColor-rest: var(--base-display-color-brown-6);
1525
+ --label-coral-bgColor-active: var(--base-display-color-coral-2);
1526
+ --label-coral-bgColor-hover: var(--base-display-color-coral-1);
1527
+ --label-coral-bgColor-rest: var(--base-display-color-coral-0);
1528
+ --label-coral-fgColor-active: var(--base-display-color-coral-8);
1529
+ --label-coral-fgColor-hover: var(--base-display-color-coral-7);
1530
+ --label-coral-fgColor-rest: var(--base-display-color-coral-6);
1531
+ --label-cyan-bgColor-active: var(--base-display-color-cyan-2);
1532
+ --label-cyan-bgColor-hover: var(--base-display-color-cyan-1);
1533
+ --label-cyan-bgColor-rest: var(--base-display-color-cyan-0);
1534
+ --label-cyan-fgColor-active: var(--base-display-color-cyan-8);
1535
+ --label-cyan-fgColor-hover: var(--base-display-color-cyan-7);
1536
+ --label-cyan-fgColor-rest: var(--base-display-color-cyan-6);
1537
+ --label-gray-bgColor-active: var(--base-display-color-gray-2);
1538
+ --label-gray-bgColor-hover: var(--base-display-color-gray-1);
1539
+ --label-gray-bgColor-rest: var(--base-display-color-gray-0);
1540
+ --label-gray-fgColor-active: var(--base-display-color-gray-8);
1541
+ --label-gray-fgColor-hover: var(--base-display-color-gray-7);
1542
+ --label-gray-fgColor-rest: var(--base-display-color-gray-6);
1543
+ --label-green-bgColor-active: var(--base-display-color-green-2);
1544
+ --label-green-bgColor-hover: var(--base-display-color-green-1);
1545
+ --label-green-bgColor-rest: var(--base-display-color-green-0);
1546
+ --label-green-fgColor-active: var(--base-display-color-green-8);
1547
+ --label-green-fgColor-hover: var(--base-display-color-green-7);
1548
+ --label-green-fgColor-rest: var(--base-display-color-green-6);
1549
+ --label-indigo-bgColor-active: var(--base-display-color-indigo-2);
1550
+ --label-indigo-bgColor-hover: var(--base-display-color-indigo-1);
1551
+ --label-indigo-bgColor-rest: var(--base-display-color-indigo-0);
1552
+ --label-indigo-fgColor-active: var(--base-display-color-indigo-8);
1553
+ --label-indigo-fgColor-hover: var(--base-display-color-indigo-7);
1554
+ --label-indigo-fgColor-rest: var(--base-display-color-indigo-6);
1555
+ --label-lemon-bgColor-active: var(--base-display-color-lemon-2);
1556
+ --label-lemon-bgColor-hover: var(--base-display-color-lemon-1);
1557
+ --label-lemon-bgColor-rest: var(--base-display-color-lemon-0);
1558
+ --label-lemon-fgColor-active: var(--base-display-color-lemon-8);
1559
+ --label-lemon-fgColor-hover: var(--base-display-color-lemon-7);
1560
+ --label-lemon-fgColor-rest: var(--base-display-color-lemon-6);
1561
+ --label-lime-bgColor-active: var(--base-display-color-lime-2);
1562
+ --label-lime-bgColor-hover: var(--base-display-color-lime-1);
1563
+ --label-lime-bgColor-rest: var(--base-display-color-lime-0);
1564
+ --label-lime-fgColor-active: var(--base-display-color-lime-8);
1565
+ --label-lime-fgColor-hover: var(--base-display-color-lime-7);
1566
+ --label-lime-fgColor-rest: var(--base-display-color-lime-6);
1567
+ --label-olive-bgColor-active: var(--base-display-color-olive-2);
1568
+ --label-olive-bgColor-hover: var(--base-display-color-olive-1);
1569
+ --label-olive-bgColor-rest: var(--base-display-color-olive-0);
1570
+ --label-olive-fgColor-active: var(--base-display-color-olive-8);
1571
+ --label-olive-fgColor-hover: var(--base-display-color-olive-7);
1572
+ --label-olive-fgColor-rest: var(--base-display-color-olive-6);
1573
+ --label-orange-bgColor-active: var(--base-display-color-orange-2);
1574
+ --label-orange-bgColor-hover: var(--base-display-color-orange-1);
1575
+ --label-orange-bgColor-rest: var(--base-display-color-orange-0);
1576
+ --label-orange-fgColor-active: var(--base-display-color-orange-8);
1577
+ --label-orange-fgColor-hover: var(--base-display-color-orange-7);
1578
+ --label-orange-fgColor-rest: var(--base-display-color-orange-6);
1579
+ --label-pine-bgColor-active: var(--base-display-color-pine-2);
1580
+ --label-pine-bgColor-hover: var(--base-display-color-pine-1);
1581
+ --label-pine-bgColor-rest: var(--base-display-color-pine-0);
1582
+ --label-pine-fgColor-active: var(--base-display-color-pine-8);
1583
+ --label-pine-fgColor-hover: var(--base-display-color-pine-7);
1584
+ --label-pine-fgColor-rest: var(--base-display-color-pine-6);
1585
+ --label-pink-bgColor-active: var(--base-display-color-pink-2);
1586
+ --label-pink-bgColor-hover: var(--base-display-color-pink-1);
1587
+ --label-pink-bgColor-rest: var(--base-display-color-pink-0);
1588
+ --label-pink-fgColor-active: var(--base-display-color-pink-8);
1589
+ --label-pink-fgColor-hover: var(--base-display-color-pink-7);
1590
+ --label-pink-fgColor-rest: var(--base-display-color-pink-6);
1591
+ --label-plum-bgColor-active: var(--base-display-color-plum-2);
1592
+ --label-plum-bgColor-hover: var(--base-display-color-plum-1);
1593
+ --label-plum-bgColor-rest: var(--base-display-color-plum-0);
1594
+ --label-plum-fgColor-active: var(--base-display-color-plum-8);
1595
+ --label-plum-fgColor-hover: var(--base-display-color-plum-7);
1596
+ --label-plum-fgColor-rest: var(--base-display-color-plum-6);
1597
+ --label-purple-bgColor-active: var(--base-display-color-purple-2);
1598
+ --label-purple-bgColor-hover: var(--base-display-color-purple-1);
1599
+ --label-purple-bgColor-rest: var(--base-display-color-purple-0);
1600
+ --label-purple-fgColor-active: var(--base-display-color-purple-8);
1601
+ --label-purple-fgColor-hover: var(--base-display-color-purple-7);
1602
+ --label-purple-fgColor-rest: var(--base-display-color-purple-6);
1603
+ --label-red-bgColor-active: var(--base-display-color-red-2);
1604
+ --label-red-bgColor-hover: var(--base-display-color-red-1);
1605
+ --label-red-bgColor-rest: var(--base-display-color-red-0);
1606
+ --label-red-fgColor-active: var(--base-display-color-red-8);
1607
+ --label-red-fgColor-hover: var(--base-display-color-red-7);
1608
+ --label-red-fgColor-rest: var(--base-display-color-red-6);
1609
+ --label-teal-bgColor-active: var(--base-display-color-teal-2);
1610
+ --label-teal-bgColor-hover: var(--base-display-color-teal-1);
1611
+ --label-teal-bgColor-rest: var(--base-display-color-teal-0);
1612
+ --label-teal-fgColor-active: var(--base-display-color-teal-8);
1613
+ --label-teal-fgColor-hover: var(--base-display-color-teal-7);
1614
+ --label-teal-fgColor-rest: var(--base-display-color-teal-6);
1615
+ --label-yellow-bgColor-active: var(--base-display-color-yellow-2);
1616
+ --label-yellow-bgColor-hover: var(--base-display-color-yellow-1);
1617
+ --label-yellow-bgColor-rest: var(--base-display-color-yellow-0);
1618
+ --label-yellow-fgColor-active: var(--base-display-color-yellow-8);
1619
+ --label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
1620
+ --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
1621
+ --menu-bgColor-active: var(--base-color-neutral-2);
1622
+ --overlay-backdrop-bgColor: #d1d7e066;
1623
+ --reactionButton-selected-bgColor-rest: #5cacff33;
1624
+ --reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
1625
+ --selectMenu-bgColor-active: var(--base-color-blue-8);
1626
+ --sideNav-bgColor-selected: var(--base-color-neutral-3);
1627
+ --skeletonLoader-bgColor: var(--base-color-neutral-5);
1628
+ --timelineBadge-bgColor: var(--base-color-neutral-3);
1629
+ --underlineNav-borderColor-active: var(--base-color-coral-3);
1630
+ --avatar-bgColor: #ffffff1a;
1631
+ --avatar-borderColor: #ffffffe6;
1632
+ --bgColor-black: var(--base-color-neutral-0);
1633
+ --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
1634
+ --bgColor-closed-muted: var(--bgColor-danger-muted);
1635
+ --bgColor-default: var(--base-color-neutral-0);
1636
+ --bgColor-inset: var(--base-color-neutral-0);
1637
+ --bgColor-inverse: var(--base-color-neutral-13);
1638
+ --bgColor-open-emphasis: var(--bgColor-success-emphasis);
1639
+ --bgColor-open-muted: var(--bgColor-success-muted);
1640
+ --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
1641
+ --bgColor-upsell-muted: var(--bgColor-done-muted);
1642
+ --bgColor-white: var(--base-color-neutral-13);
1241
1643
  --border-accent-emphasis: 0.0625rem solid #409eff;
1242
1644
  --border-accent-muted: 0.0625rem solid #5cacff;
1243
1645
  --border-attention-emphasis: 0.0625rem solid #e09b13;
1244
1646
  --border-attention-muted: 0.0625rem solid #edaa27;
1245
- --border-closed-emphasis: 0.0625rem solid #ff6a69;
1246
- --border-closed-muted: 0.0625rem solid #ff8080;
1247
1647
  --border-danger-emphasis: 0.0625rem solid #ff6a69;
1248
1648
  --border-danger-muted: 0.0625rem solid #ff8080;
1249
1649
  --border-default: 0.0625rem solid #b7bdc8;
1250
1650
  --border-disabled: 0.0625rem solid #9198a11f;
1251
1651
  --border-done-emphasis: 0.0625rem solid #b87fff;
1252
1652
  --border-done-muted: 0.0625rem solid #bf8fff;
1253
- --border-emphasis: 0.0625rem solid #b7bdc8;
1254
- --border-muted: 0.0625rem solid #b7bdc8;
1255
- --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
1256
- --border-neutral-muted: 0.0625rem solid #b7bdc8;
1257
- --border-open-emphasis: 0.0625rem solid #09b43a;
1258
- --border-open-muted: 0.0625rem solid #0ac740;
1259
1653
  --border-severe-emphasis: 0.0625rem solid #e7811d;
1260
1654
  --border-severe-muted: 0.0625rem solid #f48b25;
1261
1655
  --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
@@ -1263,560 +1657,166 @@
1263
1657
  --border-success-emphasis: 0.0625rem solid #09b43a;
1264
1658
  --border-success-muted: 0.0625rem solid #0ac740;
1265
1659
  --border-transparent: 0.0625rem solid #00000000;
1266
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
1267
- --border-upsell-muted: 0.0625rem solid #bf8fff;
1268
- --borderColor-accent-emphasis: #409eff;
1269
- --borderColor-accent-muted: #5cacff;
1270
- --borderColor-attention-emphasis: #e09b13;
1271
- --borderColor-attention-muted: #edaa27;
1272
- --borderColor-closed-emphasis: #ff6a69;
1273
- --borderColor-closed-muted: #ff8080;
1274
- --borderColor-danger-emphasis: #ff6a69;
1275
- --borderColor-danger-muted: #ff8080;
1276
- --borderColor-default: #b7bdc8;
1277
- --borderColor-disabled: #9198a11f;
1278
- --borderColor-done-emphasis: #b87fff;
1279
- --borderColor-done-muted: #bf8fff;
1280
- --borderColor-emphasis: #b7bdc8;
1281
- --borderColor-muted: #b7bdc8;
1282
- --borderColor-neutral-emphasis: #b7bdc8;
1283
- --borderColor-neutral-muted: #b7bdc8;
1284
- --borderColor-open-emphasis: #09b43a;
1285
- --borderColor-open-muted: #0ac740;
1286
- --borderColor-severe-emphasis: #e7811d;
1287
- --borderColor-severe-muted: #f48b25;
1288
- --borderColor-sponsors-emphasis: #ef6eb1;
1289
- --borderColor-sponsors-muted: #f87cbd;
1290
- --borderColor-success-emphasis: #09b43a;
1291
- --borderColor-success-muted: #0ac740;
1292
- --borderColor-translucent: #2f3742;
1293
- --borderColor-transparent: #00000000;
1294
- --borderColor-upsell-emphasis: #b87fff;
1295
- --borderColor-upsell-muted: #bf8fff;
1296
- --borderRadius-default: 0.375rem;
1297
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1298
- --borderRadius-large: 0.75rem;
1299
- --borderRadius-medium: 0.375rem;
1300
- --borderRadius-small: 0.1875rem;
1301
- --borderWidth-default: 0.0625rem;
1302
- --borderWidth-thick: 0.125rem;
1303
- --borderWidth-thicker: 0.25rem;
1304
- --borderWidth-thin: 0.0625rem;
1305
- --boxShadow-thick: inset 0 0 0 0.125rem;
1306
- --boxShadow-thicker: inset 0 0 0 0.25rem;
1307
- --boxShadow-thin: inset 0 0 0 0.0625rem; /* Thin shadow for borders */
1308
- --button-danger-bgColor-active: #ad0116;
1309
- --button-danger-bgColor-disabled: #262c36;
1310
- --button-danger-bgColor-hover: #ad0116;
1311
- --button-danger-bgColor-rest: #262c36;
1312
- --button-danger-borderColor-active: #ffb1af;
1313
- --button-danger-borderColor-hover: #ffb1af;
1314
- --button-danger-borderColor-rest: #b7bdc8;
1315
- --button-danger-fgColor-active: #ffffff;
1660
+ --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
1661
+ --borderColor-closed-muted: var(--borderColor-danger-muted);
1662
+ --borderColor-emphasis: var(--borderColor-default);
1663
+ --borderColor-muted: var(--borderColor-default);
1664
+ --borderColor-open-emphasis: var(--borderColor-success-emphasis);
1665
+ --borderColor-open-muted: var(--borderColor-success-muted);
1666
+ --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1667
+ --borderColor-upsell-muted: var(--borderColor-done-muted);
1668
+ --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
1669
+ --button-danger-bgColor-hover: var(--bgColor-danger-emphasis);
1670
+ --button-danger-bgColor-rest: var(--control-bgColor-rest);
1671
+ --button-danger-fgColor-active: var(--base-color-neutral-13);
1316
1672
  --button-danger-fgColor-disabled: #ff949280;
1317
- --button-danger-fgColor-hover: #ffffff;
1318
- --button-danger-fgColor-rest: #ffb1af;
1319
- --button-danger-iconColor-hover: #ffffff;
1320
- --button-danger-iconColor-rest: #ffb1af;
1321
- --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
1322
- --button-default-bgColor-active: #2f3742;
1323
- --button-default-bgColor-disabled: #262c36;
1324
- --button-default-bgColor-hover: #2a313c;
1325
- --button-default-bgColor-rest: #262c36;
1326
- --button-default-bgColor-selected: #2f3742;
1327
- --button-default-borderColor-active: #b7bdc8;
1328
- --button-default-borderColor-disabled: #9198a11f;
1329
- --button-default-borderColor-hover: #b7bdc8;
1330
- --button-default-borderColor-rest: #b7bdc8;
1331
- --button-default-fgColor-rest: #ffffff;
1332
- --button-default-shadow-resting: 0px 0px 0px 0px #000000;
1333
- --button-inactive-bgColor: #262c36;
1334
- --button-inactive-fgColor: #b7bdc8;
1335
- --button-invisible-bgColor-active: #212830;
1336
- --button-invisible-bgColor-disabled: #00000000;
1337
- --button-invisible-bgColor-hover: #151b23;
1338
- --button-invisible-bgColor-rest: #00000000;
1339
- --button-invisible-borderColor-disabled: #00000000;
1340
- --button-invisible-borderColor-hover: #b7bdc8;
1341
- --button-invisible-borderColor-rest: #00000000;
1342
- --button-invisible-fgColor-active: #ffffff;
1343
- --button-invisible-fgColor-disabled: #656c76;
1344
- --button-invisible-fgColor-hover: #ffffff;
1345
- --button-invisible-fgColor-rest: #ffffff;
1346
- --button-invisible-iconColor-disabled: #656c76;
1347
- --button-invisible-iconColor-hover: #d1d7e0;
1348
- --button-invisible-iconColor-rest: #d1d7e0;
1349
- --button-outline-bgColor-active: #2672f3;
1350
- --button-outline-bgColor-disabled: #262c36;
1351
- --button-outline-bgColor-hover: #2a313c;
1352
- --button-outline-bgColor-rest: #f0f6fc;
1353
- --button-outline-borderColor-hover: #b7bdc8;
1354
- --button-outline-borderColor-selected: #b7bdc8;
1355
- --button-outline-fgColor-active: #ffffff;
1356
- --button-outline-fgColor-disabled: #74b9ff80;
1357
- --button-outline-fgColor-hover: #71b7ff;
1358
- --button-outline-fgColor-rest: #5cacff;
1359
- --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
1360
- --button-primary-bgColor-active: #109135;
1361
- --button-primary-bgColor-disabled: #048f2f;
1362
- --button-primary-bgColor-hover: #08792b;
1363
- --button-primary-bgColor-rest: #006222;
1364
- --button-primary-borderColor-active: #4ae168;
1365
- --button-primary-borderColor-disabled: #4ae16866;
1366
- --button-primary-borderColor-hover: #4ae168;
1367
- --button-primary-borderColor-rest: #4ae168;
1673
+ --button-danger-fgColor-hover: var(--base-color-neutral-13);
1674
+ --button-danger-iconColor-hover: var(--base-color-neutral-13);
1675
+ --button-default-bgColor-active: var(--control-bgColor-active);
1676
+ --button-default-bgColor-hover: var(--control-bgColor-hover);
1677
+ --button-default-bgColor-rest: var(--control-bgColor-rest);
1678
+ --button-default-bgColor-selected: var(--control-bgColor-active);
1679
+ --button-inactive-bgColor: var(--control-bgColor-rest);
1680
+ --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
1681
+ --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
1682
+ --button-outline-bgColor-hover: var(--control-bgColor-hover);
1683
+ --button-outline-fgColor-active: var(--base-color-neutral-13);
1684
+ --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1368
1685
  --button-primary-fgColor-disabled: #ffffff66;
1369
- --button-primary-fgColor-rest: #ffffff;
1370
- --button-primary-iconColor-rest: #ffffff;
1371
- --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
1372
- --button-star-iconColor: #f7c843;
1373
1686
  --buttonCounter-danger-bgColor-disabled: #ad01160d;
1374
1687
  --buttonCounter-danger-bgColor-hover: #01040926;
1375
1688
  --buttonCounter-danger-bgColor-rest: #01040926;
1376
1689
  --buttonCounter-danger-fgColor-disabled: #ff949280;
1377
- --buttonCounter-danger-fgColor-hover: #ffffff;
1378
- --buttonCounter-danger-fgColor-rest: #ff9492;
1379
- --buttonCounter-default-bgColor-rest: #2f3742;
1380
- --buttonCounter-invisible-bgColor-rest: #212830;
1690
+ --buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
1691
+ --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
1692
+ --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
1381
1693
  --buttonCounter-outline-bgColor-disabled: #194fb10d;
1382
- --buttonCounter-outline-bgColor-hover: #194fb133;
1383
- --buttonCounter-outline-bgColor-rest: #194fb133;
1384
- --buttonCounter-outline-fgColor-disabled: #74b9ff80;
1385
- --buttonCounter-outline-fgColor-hover: #71b7ff;
1386
- --buttonCounter-outline-fgColor-rest: #5cacff;
1387
1694
  --buttonCounter-primary-bgColor-rest: #01040926;
1388
- --card-bgColor: #151b23;
1389
- --codeMirror-activeline-bgColor: #212830;
1390
- --codeMirror-bgColor: #010409;
1391
- --codeMirror-cursor-fgColor: #ffffff;
1392
- --codeMirror-fgColor: #ffffff;
1393
- --codeMirror-gutterMarker-fgColor-default: #010409;
1394
- --codeMirror-gutterMarker-fgColor-muted: #b7bdc8;
1395
- --codeMirror-gutters-bgColor: #010409;
1396
- --codeMirror-lineNumber-fgColor: #b7bdc8;
1397
- --codeMirror-lines-bgColor: #010409;
1398
- --codeMirror-matchingBracket-fgColor: #ffffff;
1399
- --codeMirror-selection-bgColor: #5cacff66;
1400
- --codeMirror-syntax-fgColor-comment: #656c76;
1401
- --codeMirror-syntax-fgColor-constant: #91cbff;
1402
- --codeMirror-syntax-fgColor-entity: #dbb7ff;
1403
- --codeMirror-syntax-fgColor-keyword: #ff9492;
1404
- --codeMirror-syntax-fgColor-storage: #ff9492;
1405
- --codeMirror-syntax-fgColor-string: #addcff;
1406
- --codeMirror-syntax-fgColor-support: #91cbff;
1407
- --codeMirror-syntax-fgColor-variable: #ffb757;
1408
- --color-ansi-black: #2f3742;
1409
- --color-ansi-black-bright: #656c76;
1410
- --color-ansi-blue: #71b7ff;
1411
- --color-ansi-blue-bright: #91cbff;
1412
- --color-ansi-cyan: #39c5cf;
1413
- --color-ansi-cyan-bright: #56d4dd;
1414
- --color-ansi-gray: #656c76;
1415
- --color-ansi-green: #28d751;
1416
- --color-ansi-green-bright: #4ae168;
1417
- --color-ansi-magenta: #cb9eff;
1418
- --color-ansi-magenta-bright: #dbb7ff;
1419
- --color-ansi-red: #ff9492;
1420
- --color-ansi-red-bright: #ffb1af;
1421
- --color-ansi-white: #f0f6fc;
1422
- --color-ansi-white-bright: #ffffff;
1423
- --color-ansi-yellow: #f0b72f;
1424
- --color-ansi-yellow-bright: #f7c843;
1425
- --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
1426
- --color-prettylights-syntax-brackethighlighter-unmatched: #ff8080;
1427
- --color-prettylights-syntax-carriage-return-bg: #ff4445;
1428
- --color-prettylights-syntax-carriage-return-text: #f0f6fc;
1429
- --color-prettylights-syntax-comment: #9198a1;
1430
- --color-prettylights-syntax-constant: #91cbff;
1431
- --color-prettylights-syntax-constant-other-reference-link: #addcff;
1432
- --color-prettylights-syntax-entity: #dbb7ff;
1433
- --color-prettylights-syntax-entity-tag: #72f088;
1434
- --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
1435
- --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
1436
- --color-prettylights-syntax-keyword: #ff9492;
1437
- --color-prettylights-syntax-markup-bold: #f0f6fc;
1438
- --color-prettylights-syntax-markup-changed-bg: #a74c00;
1439
- --color-prettylights-syntax-markup-changed-text: #ffe1b4;
1440
- --color-prettylights-syntax-markup-deleted-bg: #cc1421;
1441
- --color-prettylights-syntax-markup-deleted-text: #ffdedb;
1442
- --color-prettylights-syntax-markup-heading: #409eff;
1443
- --color-prettylights-syntax-markup-ignored-bg: #318bf8;
1444
- --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
1445
- --color-prettylights-syntax-markup-inserted-bg: #007728;
1446
- --color-prettylights-syntax-markup-inserted-text: #acf7b6;
1447
- --color-prettylights-syntax-markup-italic: #f0f6fc;
1448
- --color-prettylights-syntax-markup-list: #fbd669;
1449
- --color-prettylights-syntax-meta-diff-range: #dbb7ff;
1450
- --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
1451
- --color-prettylights-syntax-string: #addcff;
1452
- --color-prettylights-syntax-string-regexp: #72f088;
1453
- --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
1454
- --color-prettylights-syntax-variable: #ffb757;
1455
- --control-bgColor-active: #2f3742;
1456
- --control-bgColor-disabled: #262c36;
1457
- --control-bgColor-hover: #2a313c;
1458
- --control-bgColor-rest: #262c36;
1459
- --control-bgColor-selected: #262c36;
1460
- --control-borderColor-danger: #ff6a69;
1461
- --control-borderColor-disabled: #9198a11f;
1462
- --control-borderColor-emphasis: #b7bdc8;
1463
- --control-borderColor-rest: #b7bdc8;
1464
- --control-borderColor-selected: #f0f6fc;
1465
- --control-borderColor-success: #09b43a;
1466
- --control-borderColor-warning: #e09b13;
1467
- --control-checked-bgColor-active: #3c79d0;
1468
- --control-checked-bgColor-disabled: #656c76;
1469
- --control-checked-bgColor-hover: #2b64c1;
1470
- --control-checked-bgColor-rest: #194fb1;
1471
- --control-checked-borderColor-active: #91cbff;
1472
- --control-checked-borderColor-disabled: #656c76;
1473
- --control-checked-borderColor-hover: #91cbff;
1474
- --control-checked-borderColor-rest: #91cbff;
1475
- --control-checked-fgColor-disabled: #010409;
1476
- --control-checked-fgColor-rest: #ffffff;
1477
- --control-danger-bgColor-active: #c51120;
1478
- --control-danger-bgColor-hover: #ad0116;
1479
- --control-danger-fgColor-hover: #ff9492;
1480
- --control-danger-fgColor-rest: #ff9492;
1481
- --control-fgColor-disabled: #656c76;
1482
- --control-fgColor-placeholder: #b7bdc8;
1483
- --control-fgColor-rest: #ffffff;
1484
- --control-iconColor-rest: #b7bdc8;
1485
- --control-transparent-bgColor-active: #3d444d;
1486
- --control-transparent-bgColor-disabled: #262c36;
1487
- --control-transparent-bgColor-hover: #2f3742;
1488
- --control-transparent-bgColor-rest: #00000000;
1489
- --control-transparent-bgColor-selected: #2f3742;
1490
- --control-transparent-borderColor-active: #b7bdc8;
1491
- --control-transparent-borderColor-hover: #b7bdc8;
1492
- --control-transparent-borderColor-rest: #00000000;
1493
- --controlKnob-bgColor-checked: #ffffff;
1494
- --controlKnob-bgColor-disabled: #262c36;
1495
- --controlKnob-bgColor-rest: #010409;
1496
- --controlKnob-borderColor-checked: #194fb1;
1497
- --controlKnob-borderColor-disabled: #262c36;
1498
- --controlKnob-borderColor-rest: #b7bdc8;
1499
- --controlTrack-bgColor-active: #3d444d;
1500
- --controlTrack-bgColor-disabled: #656c76;
1501
- --controlTrack-bgColor-hover: #2f3742;
1502
- --controlTrack-bgColor-rest: #2a313c;
1503
- --controlTrack-borderColor-disabled: #656c76;
1504
- --controlTrack-borderColor-rest: #b7bdc8;
1505
- --controlTrack-fgColor-disabled: #ffffff;
1506
- --controlTrack-fgColor-rest: #ffffff;
1507
- --counter-bgColor-emphasis: #3d444d;
1508
- --counter-bgColor-muted: #212830;
1509
- --counter-borderColor: #b7bdc8;
1510
- --data-auburn-color-emphasis: #a86f6b;
1511
- --data-auburn-color-muted: #271817;
1512
- --data-blue-color-emphasis: #0576ff;
1513
- --data-blue-color-muted: #001a47;
1514
- --data-gray-color-emphasis: #576270;
1515
- --data-gray-color-muted: #1c1c1c;
1516
- --data-green-color-emphasis: #2f6f37;
1517
- --data-green-color-muted: #122117;
1518
- --data-orange-color-emphasis: #984b10;
1519
- --data-orange-color-muted: #311708;
1520
- --data-pink-color-emphasis: #d34591;
1521
- --data-pink-color-muted: #2d1524;
1522
- --data-purple-color-emphasis: #975bf1;
1523
- --data-purple-color-muted: #211047;
1524
- --data-red-color-emphasis: #eb3342;
1525
- --data-red-color-muted: #3c0614;
1526
- --data-teal-color-emphasis: #106c70;
1527
- --data-teal-color-muted: #041f25;
1528
- --data-yellow-color-emphasis: #895906;
1529
- --data-yellow-color-muted: #2e1a00;
1695
+ --card-bgColor: var(--bgColor-muted);
1696
+ --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
1697
+ --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
1698
+ --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
1699
+ --color-ansi-white-bright: var(--base-color-neutral-13);
1700
+ --control-bgColor-disabled: var(--bgColor-disabled);
1701
+ --control-bgColor-selected: var(--control-bgColor-rest);
1702
+ --control-borderColor-danger: var(--borderColor-danger-emphasis);
1703
+ --control-borderColor-disabled: var(--borderColor-disabled);
1704
+ --control-borderColor-rest: var(--borderColor-default);
1705
+ --control-borderColor-success: var(--borderColor-success-emphasis);
1706
+ --control-borderColor-warning: var(--borderColor-attention-emphasis);
1707
+ --control-checked-bgColor-disabled: var(--fgColor-disabled);
1708
+ --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
1709
+ --control-checked-fgColor-disabled: var(--base-color-inset);
1710
+ --control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
1711
+ --control-danger-fgColor-rest: var(--fgColor-danger);
1712
+ --control-fgColor-disabled: var(--fgColor-disabled);
1713
+ --control-iconColor-rest: var(--fgColor-muted);
1714
+ --control-transparent-bgColor-disabled: var(--bgColor-disabled);
1715
+ --control-transparent-borderColor-active: var(--borderColor-default);
1716
+ --control-transparent-borderColor-hover: var(--borderColor-default);
1717
+ --controlKnob-bgColor-checked: var(--base-color-neutral-13);
1718
+ --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1719
+ --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1720
+ --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1721
+ --counter-bgColor-muted: var(--bgColor-neutral-muted);
1722
+ --counter-borderColor: var(--borderColor-default);
1530
1723
  --diffBlob-additionLine-bgColor: #0ac74033;
1531
- --diffBlob-additionLine-fgColor: #ffffff;
1532
- --diffBlob-additionNum-bgColor: #28d7514d;
1533
- --diffBlob-additionNum-fgColor: #ffffff;
1534
- --diffBlob-additionWord-bgColor: #006222;
1535
- --diffBlob-additionWord-fgColor: #ffffff;
1724
+ --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
1536
1725
  --diffBlob-deletionLine-bgColor: #ff808033;
1537
- --diffBlob-deletionLine-fgColor: #ffffff;
1538
- --diffBlob-deletionNum-bgColor: #ff80804d;
1539
- --diffBlob-deletionNum-fgColor: #ffffff;
1540
- --diffBlob-deletionWord-bgColor: #ad0116;
1541
- --diffBlob-deletionWord-fgColor: #ffffff;
1542
- --diffBlob-emptyLine-bgColor: #151b23;
1543
- --diffBlob-emptyNum-bgColor: #151b23;
1544
- --diffBlob-expander-iconColor: #ffffff;
1726
+ --diffBlob-deletionWord-bgColor: var(--bgColor-danger-emphasis);
1727
+ --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
1728
+ --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
1545
1729
  --diffBlob-hunkLine-bgColor: #5cacff33;
1546
- --diffBlob-hunkLine-fgColor: #b7bdc8;
1547
- --diffBlob-hunkNum-bgColor-hover: #194fb1;
1548
- --diffBlob-hunkNum-bgColor-rest: #5cacff66;
1549
- --diffBlob-hunkNum-fgColor-hover: #ffffff;
1550
- --diffBlob-hunkNum-fgColor-rest: #ffffff;
1551
- --display-auburn-bgColor-emphasis: #6d4340;
1552
- --display-auburn-bgColor-muted: #271817;
1553
- --display-auburn-borderColor-emphasis: #bf9592;
1554
- --display-auburn-borderColor-muted: #3a2422;
1555
- --display-auburn-fgColor: #d4b7b5;
1556
- --display-blue-bgColor-emphasis: #0046a8;
1557
- --display-blue-bgColor-muted: #001a47;
1558
- --display-blue-borderColor-emphasis: #4da0ff;
1559
- --display-blue-borderColor-muted: #002766;
1560
- --display-blue-fgColor: #85c2ff;
1561
- --display-brown-bgColor-emphasis: #5d4a32;
1562
- --display-brown-bgColor-muted: #241c14;
1563
- --display-brown-borderColor-emphasis: #b69a6d;
1564
- --display-brown-borderColor-muted: #342a1d;
1565
- --display-brown-fgColor: #cdbb98;
1566
- --display-coral-bgColor-emphasis: #902a0e;
1567
- --display-coral-bgColor-muted: #3c0614;
1568
- --display-coral-borderColor-emphasis: #f7794b;
1569
- --display-coral-borderColor-muted: #58091a;
1570
- --display-coral-fgColor: #fdaa86;
1571
- --display-cyan-bgColor-emphasis: #02536f;
1572
- --display-cyan-bgColor-muted: #001f29;
1573
- --display-cyan-borderColor-emphasis: #07ace4;
1574
- --display-cyan-borderColor-muted: #002e3d;
1575
- --display-cyan-fgColor: #45cbf7;
1576
- --display-gray-bgColor-emphasis: #474e57;
1577
- --display-gray-bgColor-muted: #1c1c1c;
1578
- --display-gray-borderColor-emphasis: #92a1b5;
1579
- --display-gray-borderColor-muted: #2a2b2d;
1580
- --display-gray-fgColor: #b3c0d1;
1581
- --display-green-bgColor-emphasis: #285830;
1582
- --display-green-bgColor-muted: #122117;
1583
- --display-green-borderColor-emphasis: #41b445;
1584
- --display-green-borderColor-muted: #182f1f;
1585
- --display-green-fgColor: #75d36f;
1586
- --display-indigo-bgColor-emphasis: #3935c0;
1587
- --display-indigo-bgColor-muted: #1b183f;
1588
- --display-indigo-borderColor-emphasis: #9899ec;
1589
- --display-indigo-borderColor-muted: #25215f;
1590
- --display-indigo-fgColor: #b7baf6;
1591
- --display-lemon-bgColor-emphasis: #614c05;
1592
- --display-lemon-bgColor-muted: #291d00;
1593
- --display-lemon-borderColor-emphasis: #ba9b12;
1594
- --display-lemon-borderColor-muted: #372901;
1595
- --display-lemon-fgColor: #d7bc1d;
1596
- --display-lime-bgColor-emphasis: #375421;
1597
- --display-lime-bgColor-muted: #141f0f;
1598
- --display-lime-borderColor-emphasis: #7dae37;
1599
- --display-lime-borderColor-muted: #1f3116;
1600
- --display-lime-fgColor: #9fcc3e;
1601
- --display-olive-bgColor-emphasis: #485219;
1602
- --display-olive-bgColor-muted: #171e0b;
1603
- --display-olive-borderColor-emphasis: #a2a626;
1604
- --display-olive-borderColor-muted: #252d10;
1605
- --display-olive-fgColor: #cbc025;
1606
- --display-orange-bgColor-emphasis: #7b3c0e;
1607
- --display-orange-bgColor-muted: #311708;
1608
- --display-orange-borderColor-emphasis: #ed8326;
1609
- --display-orange-borderColor-muted: #43200a;
1610
- --display-orange-fgColor: #f6b06a;
1611
- --display-pine-bgColor-emphasis: #115a3e;
1612
- --display-pine-bgColor-muted: #082119;
1613
- --display-pine-borderColor-emphasis: #1bb673;
1614
- --display-pine-borderColor-muted: #0b3224;
1615
- --display-pine-fgColor: #1bda81;
1616
- --display-pink-bgColor-emphasis: #842a5d;
1617
- --display-pink-bgColor-muted: #2d1524;
1618
- --display-pink-borderColor-emphasis: #e57bb2;
1619
- --display-pink-borderColor-muted: #451c35;
1620
- --display-pink-fgColor: #f4a9cd;
1621
- --display-plum-bgColor-emphasis: #7517ab;
1622
- --display-plum-bgColor-muted: #2a0e3f;
1623
- --display-plum-borderColor-emphasis: #d07ef7;
1624
- --display-plum-borderColor-muted: #40125e;
1625
- --display-plum-fgColor: #e4a5fd;
1626
- --display-purple-bgColor-emphasis: #5b1cca;
1627
- --display-purple-bgColor-muted: #211047;
1628
- --display-purple-borderColor-emphasis: #b687f7;
1629
- --display-purple-borderColor-muted: #31146b;
1630
- --display-purple-fgColor: #d2affd;
1631
- --display-red-bgColor-emphasis: #990f24;
1632
- --display-red-bgColor-muted: #3c0614;
1633
- --display-red-borderColor-emphasis: #f27d83;
1634
- --display-red-borderColor-muted: #58091a;
1635
- --display-red-fgColor: #f7adab;
1636
- --display-teal-bgColor-emphasis: #0c555a;
1637
- --display-teal-bgColor-muted: #041f25;
1638
- --display-teal-borderColor-emphasis: #1cb0ab;
1639
- --display-teal-borderColor-muted: #073036;
1640
- --display-teal-fgColor: #24d6c4;
1641
- --display-yellow-bgColor-emphasis: #6d4403;
1642
- --display-yellow-bgColor-muted: #2e1a00;
1643
- --display-yellow-borderColor-emphasis: #d3910d;
1644
- --display-yellow-borderColor-muted: #3d2401;
1645
- --display-yellow-fgColor: #edb431;
1646
- --fgColor-accent: #74b9ff;
1647
- --fgColor-attention: #f0b72f;
1648
- --fgColor-black: #010409;
1649
- --fgColor-closed: #ff9492;
1650
- --fgColor-danger: #ff9492;
1651
- --fgColor-default: #ffffff;
1652
- --fgColor-disabled: #656c76;
1653
- --fgColor-done: #d3abff;
1654
- --fgColor-link: #74b9ff;
1655
- --fgColor-muted: #b7bdc8;
1656
- --fgColor-neutral: #d1d7e0;
1657
- --fgColor-onEmphasis: #ffffff;
1658
- --fgColor-onInverse: #010409;
1659
- --fgColor-open: #2bd853;
1660
- --fgColor-severe: #fe9a2d;
1661
- --fgColor-sponsors: #ff90c8;
1662
- --fgColor-success: #2bd853;
1663
- --fgColor-upsell: #d3abff;
1664
- --fgColor-white: #ffffff;
1665
- --focus-outline: 2px solid #409eff;
1666
- --focus-outlineColor: #409eff;
1667
- --header-bgColor: #151b23f2;
1668
- --header-borderColor-divider: #656c76;
1730
+ --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
1731
+ --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
1732
+ --fgColor-black: var(--base-color-neutral-0);
1733
+ --fgColor-closed: var(--fgColor-danger);
1734
+ --fgColor-default: var(--base-color-neutral-13);
1735
+ --fgColor-onEmphasis: var(--base-color-neutral-13);
1736
+ --fgColor-onInverse: var(--base-color-neutral-0);
1737
+ --fgColor-white: var(--base-color-neutral-13);
1738
+ --focus-outlineColor: var(--borderColor-accent-emphasis);
1669
1739
  --header-fgColor-default: #ffffffb3;
1670
- --header-fgColor-logo: #f0f6fc;
1671
- --headerSearch-bgColor: #0d1117;
1672
- --headerSearch-borderColor: #2a313c;
1673
- --highlight-neutral-bgColor: #f0b72f66;
1674
- --label-auburn-bgColor-active: #543331;
1675
- --label-auburn-bgColor-hover: #3a2422;
1676
- --label-auburn-bgColor-rest: #271817;
1677
- --label-auburn-fgColor-active: #d4b7b5;
1678
- --label-auburn-fgColor-hover: #c6a19f;
1679
- --label-auburn-fgColor-rest: #bf9592;
1680
- --label-blue-bgColor-active: #00378a;
1681
- --label-blue-bgColor-hover: #002766;
1682
- --label-blue-bgColor-rest: #001a47;
1683
- --label-blue-fgColor-active: #85c2ff;
1684
- --label-blue-fgColor-hover: #61adff;
1685
- --label-blue-fgColor-rest: #4da0ff;
1686
- --label-brown-bgColor-active: #483a28;
1687
- --label-brown-bgColor-hover: #342a1d;
1688
- --label-brown-bgColor-rest: #241c14;
1689
- --label-brown-fgColor-active: #cdbb98;
1690
- --label-brown-fgColor-hover: #bfa77d;
1691
- --label-brown-fgColor-rest: #b69a6d;
1692
- --label-coral-bgColor-active: #72220d;
1693
- --label-coral-bgColor-hover: #51180b;
1694
- --label-coral-bgColor-rest: #351008;
1695
- --label-coral-fgColor-active: #fdaa86;
1696
- --label-coral-fgColor-hover: #fa8c61;
1697
- --label-coral-fgColor-rest: #f7794b;
1698
- --label-cyan-bgColor-active: #014156;
1699
- --label-cyan-bgColor-hover: #002e3d;
1700
- --label-cyan-bgColor-rest: #001f29;
1701
- --label-cyan-fgColor-active: #45cbf7;
1702
- --label-cyan-fgColor-hover: #09b7f1;
1703
- --label-cyan-fgColor-rest: #07ace4;
1704
- --label-gray-bgColor-active: #393d41;
1705
- --label-gray-bgColor-hover: #2a2b2d;
1706
- --label-gray-bgColor-rest: #1c1c1c;
1707
- --label-gray-fgColor-active: #b3c0d1;
1708
- --label-gray-fgColor-hover: #9babbf;
1709
- --label-gray-fgColor-rest: #92a1b5;
1710
- --label-green-bgColor-active: #214529;
1711
- --label-green-bgColor-hover: #182f1f;
1712
- --label-green-bgColor-rest: #122117;
1713
- --label-green-fgColor-active: #75d36f;
1714
- --label-green-fgColor-hover: #46c144;
1715
- --label-green-fgColor-rest: #41b445;
1716
- --label-indigo-bgColor-active: #312c90;
1717
- --label-indigo-bgColor-hover: #25215f;
1718
- --label-indigo-bgColor-rest: #1b183f;
1719
- --label-indigo-fgColor-active: #b7baf6;
1720
- --label-indigo-fgColor-hover: #a2a5f1;
1721
- --label-indigo-fgColor-rest: #9899ec;
1722
- --label-lemon-bgColor-active: #4f3c02;
1723
- --label-lemon-bgColor-hover: #372901;
1724
- --label-lemon-bgColor-rest: #291d00;
1725
- --label-lemon-fgColor-active: #d7bc1d;
1726
- --label-lemon-fgColor-hover: #c4a717;
1727
- --label-lemon-fgColor-rest: #ba9b12;
1728
- --label-lime-bgColor-active: #2c441d;
1729
- --label-lime-bgColor-hover: #1f3116;
1730
- --label-lime-bgColor-rest: #141f0f;
1731
- --label-lime-fgColor-active: #9fcc3e;
1732
- --label-lime-fgColor-hover: #89ba36;
1733
- --label-lime-fgColor-rest: #7dae37;
1734
- --label-olive-bgColor-active: #374115;
1735
- --label-olive-bgColor-hover: #252d10;
1736
- --label-olive-bgColor-rest: #171e0b;
1737
- --label-olive-fgColor-active: #cbc025;
1738
- --label-olive-fgColor-hover: #b2af24;
1739
- --label-olive-fgColor-rest: #a2a626;
1740
- --label-orange-bgColor-active: #632f0d;
1741
- --label-orange-bgColor-hover: #43200a;
1742
- --label-orange-bgColor-rest: #311708;
1743
- --label-orange-fgColor-active: #f6b06a;
1744
- --label-orange-fgColor-hover: #f1933b;
1745
- --label-orange-fgColor-rest: #ed8326;
1746
- --label-pine-bgColor-active: #0e4430;
1747
- --label-pine-bgColor-hover: #0b3224;
1748
- --label-pine-bgColor-rest: #082119;
1749
- --label-pine-fgColor-active: #1bda81;
1750
- --label-pine-fgColor-hover: #1ac176;
1751
- --label-pine-fgColor-rest: #1bb673;
1752
- --label-pink-bgColor-active: #65244a;
1753
- --label-pink-bgColor-hover: #451c35;
1754
- --label-pink-bgColor-rest: #2d1524;
1755
- --label-pink-fgColor-active: #f4a9cd;
1756
- --label-pink-fgColor-hover: #ec8dbd;
1757
- --label-pink-fgColor-rest: #e57bb2;
1758
- --label-plum-bgColor-active: #5c1688;
1759
- --label-plum-bgColor-hover: #40125e;
1760
- --label-plum-bgColor-rest: #2a0e3f;
1761
- --label-plum-fgColor-active: #e4a5fd;
1762
- --label-plum-fgColor-hover: #d889fa;
1763
- --label-plum-fgColor-rest: #d07ef7;
1764
- --label-purple-bgColor-active: #481a9e;
1765
- --label-purple-bgColor-hover: #31146b;
1766
- --label-purple-bgColor-rest: #211047;
1767
- --label-purple-fgColor-active: #d2affd;
1768
- --label-purple-fgColor-hover: #c398fb;
1769
- --label-purple-fgColor-rest: #b687f7;
1770
- --label-red-bgColor-active: #790c20;
1771
- --label-red-bgColor-hover: #58091a;
1772
- --label-red-bgColor-rest: #3c0614;
1773
- --label-red-fgColor-active: #f7adab;
1774
- --label-red-fgColor-hover: #f48b8d;
1775
- --label-red-fgColor-rest: #f27d83;
1776
- --label-teal-bgColor-active: #0a464d;
1777
- --label-teal-bgColor-hover: #073036;
1778
- --label-teal-bgColor-rest: #041f25;
1779
- --label-teal-fgColor-active: #24d6c4;
1780
- --label-teal-fgColor-hover: #1fbdb2;
1781
- --label-teal-fgColor-rest: #1cb0ab;
1782
- --label-yellow-bgColor-active: #5a3702;
1783
- --label-yellow-bgColor-hover: #3d2401;
1784
- --label-yellow-bgColor-rest: #2e1a00;
1785
- --label-yellow-fgColor-active: #edb431;
1786
- --label-yellow-fgColor-hover: #df9e11;
1787
- --label-yellow-fgColor-rest: #d3910d;
1788
- --menu-bgColor-active: #151b23;
1789
- --outline-focus-offset: -0.125rem;
1790
- --outline-focus-width: 0.125rem;
1791
- --overlay-backdrop-bgColor: #d1d7e066;
1792
- --overlay-bgColor: #151b23;
1793
- --overlay-borderColor: #b7bdc8;
1794
- --page-header-bgColor: #010409;
1795
- --reactionButton-selected-bgColor-hover: #5dadff5c;
1796
- --reactionButton-selected-bgColor-rest: #5cacff33;
1797
- --reactionButton-selected-fgColor-hover: #91cbff;
1798
- --reactionButton-selected-fgColor-rest: #74b9ff;
1799
- --selectMenu-bgColor-active: #1e60d5;
1800
- --selectMenu-borderColor: #b7bdc8;
1740
+ --overlay-bgColor: var(--bgColor-muted);
1741
+ --overlay-borderColor: var(--borderColor-default);
1742
+ --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1743
+ --selectMenu-borderColor: var(--borderColor-default);
1801
1744
  --selection-bgColor: #194fb1b3;
1802
- --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1803
1745
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1804
- --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1805
- --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1806
- --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
1807
1746
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1808
1747
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1809
1748
  --shadow-resting-small: 0px 1px 0px 0px #01040966;
1810
1749
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1811
- --sideNav-bgColor-selected: #212830;
1812
- --skeletonLoader-bgColor: #2a313c;
1813
- --timelineBadge-bgColor: #212830;
1814
- --tooltip-bgColor: #ffffff;
1815
- --tooltip-fgColor: #010409;
1816
- --topicTag-borderColor: #409eff;
1817
- --treeViewItem-leadingVisual-iconColor-rest: #b7bdc8;
1818
- --underlineNav-borderColor-active: #ff967d;
1819
- --underlineNav-borderColor-hover: #b7bdc8;
1820
- --underlineNav-iconColor-rest: #b7bdc8;
1750
+ --topicTag-borderColor: var(--borderColor-accent-emphasis);
1751
+ --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1752
+ --underlineNav-iconColor-rest: var(--fgColor-muted);
1753
+ --border-closed-emphasis: var(--border-danger-emphasis);
1754
+ --border-closed-muted: var(--border-danger-muted);
1755
+ --border-emphasis: 0.0625rem solid #b7bdc8;
1756
+ --border-muted: 0.0625rem solid #b7bdc8;
1757
+ --border-open-emphasis: var(--border-success-emphasis);
1758
+ --border-open-muted: var(--border-success-muted);
1759
+ --border-upsell-emphasis: 0.0625rem solid #b87fff;
1760
+ --border-upsell-muted: 0.0625rem solid #bf8fff;
1761
+ --borderColor-neutral-emphasis: var(--borderColor-emphasis);
1762
+ --borderColor-neutral-muted: var(--borderColor-muted);
1763
+ --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1764
+ --button-danger-borderColor-rest: var(--control-borderColor-rest);
1765
+ --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1766
+ --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1767
+ --button-default-borderColor-rest: var(--control-borderColor-rest);
1768
+ --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1769
+ --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1770
+ --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1771
+ --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1772
+ --button-primary-fgColor-rest: var(--fgColor-white);
1773
+ --button-primary-iconColor-rest: var(--fgColor-white);
1774
+ --codeMirror-bgColor: var(--bgColor-default);
1775
+ --codeMirror-cursor-fgColor: var(--fgColor-default);
1776
+ --codeMirror-fgColor: var(--fgColor-default);
1777
+ --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
1778
+ --codeMirror-gutters-bgColor: var(--bgColor-default);
1779
+ --codeMirror-lines-bgColor: var(--bgColor-default);
1780
+ --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
1781
+ --control-borderColor-emphasis: var(--borderColor-emphasis);
1782
+ --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
1783
+ --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
1784
+ --control-fgColor-rest: var(--fgColor-default);
1785
+ --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1786
+ --controlKnob-bgColor-rest: var(--bgColor-inset);
1787
+ --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1788
+ --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1789
+ --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1790
+ --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1791
+ --controlTrack-fgColor-rest: var(--fgColor-default);
1792
+ --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
1793
+ --diffBlob-additionNum-fgColor: var(--fgColor-default);
1794
+ --diffBlob-additionWord-fgColor: var(--fgColor-default);
1795
+ --diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
1796
+ --diffBlob-deletionNum-fgColor: var(--fgColor-default);
1797
+ --diffBlob-deletionWord-fgColor: var(--fgColor-default);
1798
+ --diffBlob-expander-iconColor: var(--fgColor-default);
1799
+ --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1800
+ --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1801
+ --focus-outline: 2px solid #409eff;
1802
+ --page-header-bgColor: var(--bgColor-default);
1803
+ --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1804
+ --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1805
+ --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1806
+ --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
1807
+ --tooltip-bgColor: var(--bgColor-inverse);
1808
+ --tooltip-fgColor: var(--fgColor-onInverse);
1809
+ --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
1810
+ --border-neutral-muted: 0.0625rem solid #b7bdc8;
1811
+ --button-default-borderColor-active: var(--button-default-borderColor-rest);
1812
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1813
+ --button-default-fgColor-rest: var(--control-fgColor-rest);
1814
+ --button-invisible-fgColor-active: var(--control-fgColor-rest);
1815
+ --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1816
+ --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1817
+ --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1818
+ --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1819
+ --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1820
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1821
1821
  }
1822
1822
  }