@primer/primitives 0.0.0-20260710052607 → 0.0.0-20260710062304
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.
- package/dist/css/functional/themes/dark-colorblind-high-contrast.css +278 -278
- package/dist/css/functional/themes/dark-colorblind.css +230 -230
- package/dist/css/functional/themes/dark-dimmed-high-contrast.css +184 -184
- package/dist/css/functional/themes/dark-dimmed.css +202 -202
- package/dist/css/functional/themes/dark-high-contrast.css +266 -266
- package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +274 -274
- package/dist/css/functional/themes/dark-tritanopia.css +228 -228
- package/dist/css/functional/themes/dark.css +214 -214
- package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +1056 -1048
- package/dist/docs/functional/themes/dark-colorblind.json +1104 -1096
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +1102 -1094
- package/dist/docs/functional/themes/dark-dimmed.json +1130 -1122
- package/dist/docs/functional/themes/dark-high-contrast.json +1045 -1037
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +1055 -1047
- package/dist/docs/functional/themes/dark-tritanopia.json +1101 -1093
- package/dist/docs/functional/themes/dark.json +1093 -1085
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +438 -430
- package/dist/docs/functional/themes/light-colorblind.json +438 -430
- package/dist/docs/functional/themes/light-high-contrast.json +438 -430
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +438 -430
- package/dist/docs/functional/themes/light-tritanopia.json +438 -430
- package/dist/docs/functional/themes/light.json +438 -430
- package/dist/figma/scales/dark-dimmed.json +57 -44
- package/dist/figma/scales/dark-high-constrast.json +57 -44
- package/dist/figma/scales/dark.json +57 -44
- package/dist/figma/themes/dark-colorblind.json +674 -674
- package/dist/figma/themes/dark-dimmed.json +670 -670
- package/dist/figma/themes/dark-high-contrast.json +598 -598
- package/dist/figma/themes/dark-tritanopia.json +665 -665
- package/dist/figma/themes/dark.json +647 -647
- package/dist/internalCss/dark-colorblind-high-contrast.css +284 -282
- package/dist/internalCss/dark-colorblind.css +228 -226
- package/dist/internalCss/dark-dimmed-high-contrast.css +192 -190
- package/dist/internalCss/dark-dimmed.css +210 -208
- package/dist/internalCss/dark-high-contrast.css +274 -272
- package/dist/internalCss/dark-tritanopia-high-contrast.css +280 -278
- package/dist/internalCss/dark-tritanopia.css +228 -226
- package/dist/internalCss/dark.css +216 -214
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +1056 -1048
- package/dist/styleLint/functional/themes/dark-colorblind.json +1104 -1096
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +1102 -1094
- package/dist/styleLint/functional/themes/dark-dimmed.json +1130 -1122
- package/dist/styleLint/functional/themes/dark-high-contrast.json +1045 -1037
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +1055 -1047
- package/dist/styleLint/functional/themes/dark-tritanopia.json +1101 -1093
- package/dist/styleLint/functional/themes/dark.json +1093 -1085
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +438 -430
- package/dist/styleLint/functional/themes/light-colorblind.json +438 -430
- package/dist/styleLint/functional/themes/light-high-contrast.json +438 -430
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +438 -430
- package/dist/styleLint/functional/themes/light-tritanopia.json +438 -430
- package/dist/styleLint/functional/themes/light.json +438 -430
- package/package.json +1 -1
- package/src/tokens/base/color/dark/dark.json5 +48 -28
- package/src/tokens/component/avatar.json5 +1 -1
- package/src/tokens/component/button.json5 +43 -43
- package/src/tokens/component/codeMirror.json5 +1 -1
- package/src/tokens/component/contribution.json5 +4 -4
- package/src/tokens/component/diffBlob.json5 +8 -8
- package/src/tokens/component/header.json5 +2 -2
- package/src/tokens/component/headerSerach.json5 +1 -1
- package/src/tokens/component/menu.json5 +1 -1
- package/src/tokens/component/overlay.json5 +8 -8
- package/src/tokens/component/progressBar.json5 +4 -4
- package/src/tokens/component/skeletonLoader.json5 +4 -4
- package/src/tokens/component/timelineBadge.json5 +1 -1
- package/src/tokens/functional/color/bgColor.json5 +22 -22
- package/src/tokens/functional/color/borderColor.json5 +18 -14
- package/src/tokens/functional/color/control.json5 +65 -65
- package/src/tokens/functional/color/fgColor.json5 +24 -24
- package/src/tokens/functional/color/syntax.json5 +13 -13
|
@@ -38,18 +38,21 @@
|
|
|
38
38
|
--base-color-green-7: #245829;
|
|
39
39
|
--base-color-green-8: #1b4721;
|
|
40
40
|
--base-color-green-9: #113417;
|
|
41
|
-
--base-color-neutral-
|
|
42
|
-
--base-color-neutral-
|
|
43
|
-
--base-color-neutral-
|
|
44
|
-
--base-color-neutral-
|
|
45
|
-
--base-color-neutral-
|
|
46
|
-
--base-color-neutral-
|
|
47
|
-
--base-color-neutral-
|
|
48
|
-
--base-color-neutral-
|
|
49
|
-
--base-color-neutral-
|
|
50
|
-
--base-color-neutral-
|
|
51
|
-
--base-color-neutral-
|
|
52
|
-
--base-color-neutral-
|
|
41
|
+
--base-color-neutral-0: #060907;
|
|
42
|
+
--base-color-neutral-1: #0f1511;
|
|
43
|
+
--base-color-neutral-10: #9ca89f;
|
|
44
|
+
--base-color-neutral-11: #b8c4bc;
|
|
45
|
+
--base-color-neutral-12: #cbd6cd;
|
|
46
|
+
--base-color-neutral-13: #d6e0d8;
|
|
47
|
+
--base-color-neutral-14: #e9f0eb;
|
|
48
|
+
--base-color-neutral-2: #191f1b;
|
|
49
|
+
--base-color-neutral-3: #252b27;
|
|
50
|
+
--base-color-neutral-4: #353c37;
|
|
51
|
+
--base-color-neutral-5: #3b443e;
|
|
52
|
+
--base-color-neutral-6: #434c45;
|
|
53
|
+
--base-color-neutral-7: #4e5750;
|
|
54
|
+
--base-color-neutral-8: #58635b;
|
|
55
|
+
--base-color-neutral-9: #6c786f;
|
|
53
56
|
--base-color-orange-0: #ffddb0;
|
|
54
57
|
--base-color-orange-1: #ffbc6f;
|
|
55
58
|
--base-color-orange-2: #f69d50;
|
|
@@ -326,41 +329,43 @@
|
|
|
326
329
|
--control-danger-bgColor-active: #c51120;
|
|
327
330
|
--fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
|
|
328
331
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
329
|
-
--ansi-black: var(--base-color-neutral-
|
|
330
|
-
--ansi-blackBright: var(--base-color-neutral-
|
|
332
|
+
--ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
|
|
333
|
+
--ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
331
334
|
--ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
|
|
332
335
|
--ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
|
|
333
|
-
--ansi-gray: var(--base-color-neutral-
|
|
336
|
+
--ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
|
|
334
337
|
--ansi-green: var(--base-color-green-3); /** ANSI green for success indicators in terminal */
|
|
335
338
|
--ansi-greenBright: var(--base-color-green-2); /** ANSI bright green for highlighted success in terminal */
|
|
336
339
|
--ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
|
|
337
340
|
--ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
|
|
338
341
|
--ansi-red: var(--base-color-red-3); /** ANSI red for errors and alerts in terminal output */
|
|
339
342
|
--ansi-redBright: var(--base-color-red-2); /** ANSI bright red for highlighted errors in terminal */
|
|
340
|
-
--ansi-white: var(--base-color-neutral-
|
|
343
|
+
--ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
|
|
344
|
+
--ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
|
|
341
345
|
--ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
|
|
342
346
|
--ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
|
|
343
|
-
--avatar-
|
|
347
|
+
--avatar-bgColor: #cdd9e51a;
|
|
348
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
344
349
|
--avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
|
|
345
350
|
--avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
|
|
346
351
|
--base-color-inset: var(--base-color-black);
|
|
347
|
-
--base-color-neutral-0: var(--base-color-black);
|
|
348
|
-
--base-color-neutral-13: var(--base-color-white);
|
|
349
352
|
--bgColor-accent-emphasis: var(--base-color-blue-7); /** Strong accent background for active states and focused states */
|
|
350
353
|
--bgColor-accent-muted: #4184e41a; /** Subtle accent background for informational or selected elements */
|
|
351
354
|
--bgColor-attention-emphasis: var(--base-color-yellow-7); /** Strong attention background for prominent warnings */
|
|
352
355
|
--bgColor-attention-muted: #ae7c1426; /** Subtle attention background for warnings and caution states */
|
|
356
|
+
--bgColor-black: var(--base-color-black); /** Pure black background */
|
|
353
357
|
--bgColor-danger-emphasis: var(--base-color-red-7); /** Emphasized danger background for critical errors and delete confirmations */
|
|
354
358
|
--bgColor-danger-muted: #e5534b1a; /** Muted danger background for error states and destructive action contexts */
|
|
355
359
|
--bgColor-default: var(--base-color-neutral-3); /** Default background color for pages and main content areas */
|
|
356
|
-
--bgColor-disabled: var(--base-color-neutral-
|
|
360
|
+
--bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
|
|
357
361
|
--bgColor-done-emphasis: var(--base-color-purple-7); /** Strong background for completed/done state badges and labels */
|
|
358
362
|
--bgColor-done-muted: #986ee226; /** Subtle background for completed/done state indicators */
|
|
359
|
-
--bgColor-emphasis: var(--base-color-neutral-
|
|
363
|
+
--bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
|
|
360
364
|
--bgColor-inset: var(--base-color-neutral-2); /** Inset background for recessed content areas like wells or sunken panels */
|
|
361
|
-
--bgColor-
|
|
362
|
-
--bgColor-
|
|
363
|
-
--bgColor-neutral-
|
|
365
|
+
--bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
|
|
366
|
+
--bgColor-muted: var(--base-color-neutral-3); /** Muted background for secondary content areas and subtle grouping */
|
|
367
|
+
--bgColor-neutral-emphasis: var(--base-color-neutral-5); /** Strong neutral background for prominent neutral elements */
|
|
368
|
+
--bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
364
369
|
--bgColor-severe-emphasis: var(--base-color-orange-7); /** Strong severe background for prominent high-priority warnings */
|
|
365
370
|
--bgColor-severe-muted: #cc6b2c1a; /** Subtle severe background for high-priority warnings */
|
|
366
371
|
--bgColor-sponsors-emphasis: var(--base-color-pink-7); /** Strong background for prominent GitHub Sponsors elements */
|
|
@@ -368,14 +373,15 @@
|
|
|
368
373
|
--bgColor-success-emphasis: var(--base-color-green-7); /** Strong success background for prominent positive actions */
|
|
369
374
|
--bgColor-success-muted: #46954a26; /** Subtle success background for positive feedback and completed states */
|
|
370
375
|
--bgColor-transparent: var(--base-color-transparent); /** Fully transparent background */
|
|
376
|
+
--bgColor-white: var(--base-color-white); /** Pure white background */
|
|
371
377
|
--borderColor-accent-emphasis: var(--base-color-blue-2); /** Strong accent border for selected or focused elements */
|
|
372
378
|
--borderColor-accent-muted: var(--base-color-blue-2); /** Subtle accent border for selected or focused elements */
|
|
373
379
|
--borderColor-attention-emphasis: var(--base-color-yellow-2); /** Strong attention border for prominent warnings */
|
|
374
380
|
--borderColor-attention-muted: var(--base-color-yellow-2); /** Subtle attention border for warnings and caution states */
|
|
375
381
|
--borderColor-danger-emphasis: var(--base-color-red-2); /** Strong danger border for destructive actions and errors */
|
|
376
382
|
--borderColor-danger-muted: var(--base-color-red-2); /** Subtle danger border for errors and destructive contexts */
|
|
377
|
-
--borderColor-default: var(--base-color-neutral-
|
|
378
|
-
--borderColor-disabled: #
|
|
383
|
+
--borderColor-default: var(--base-color-neutral-11); /** Default border color for most UI elements */
|
|
384
|
+
--borderColor-disabled: #6c786f1a; /** Border color for disabled interactive elements */
|
|
379
385
|
--borderColor-done-emphasis: var(--base-color-purple-2); /** Strong border for completed/done state badges */
|
|
380
386
|
--borderColor-done-muted: var(--base-color-purple-2); /** Subtle border for completed/done state indicators */
|
|
381
387
|
--borderColor-severe-emphasis: var(--base-color-orange-2); /** Strong severe border for prominent high-priority warnings */
|
|
@@ -384,7 +390,7 @@
|
|
|
384
390
|
--borderColor-sponsors-muted: var(--base-color-pink-2); /** Subtle border for GitHub Sponsors content */
|
|
385
391
|
--borderColor-success-emphasis: var(--base-color-green-2); /** Strong success border for prominent positive elements */
|
|
386
392
|
--borderColor-success-muted: var(--base-color-green-2); /** Subtle success border for positive feedback elements */
|
|
387
|
-
--borderColor-translucent: var(--base-color-neutral-
|
|
393
|
+
--borderColor-translucent: var(--base-color-neutral-10); /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
388
394
|
--borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
|
|
389
395
|
--boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
|
|
390
396
|
--boxShadow-thicker: inset 0 0 0 0.25rem; /** Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact */
|
|
@@ -394,24 +400,28 @@
|
|
|
394
400
|
--button-danger-fgColor-rest: var(--base-color-red-1);
|
|
395
401
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
396
402
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
397
|
-
--button-inactive-bgColor: var(--base-color-neutral-
|
|
398
|
-
--button-inactive-fgColor: var(--base-color-neutral-
|
|
403
|
+
--button-inactive-bgColor: var(--base-color-neutral-3);
|
|
404
|
+
--button-inactive-fgColor: var(--base-color-neutral-10);
|
|
399
405
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
400
406
|
--button-invisible-borderColor-disabled: var(--base-color-transparent);
|
|
401
|
-
--button-invisible-iconColor-hover: var(--base-color-neutral-
|
|
402
|
-
--button-invisible-iconColor-rest: var(--base-color-neutral-
|
|
407
|
+
--button-invisible-iconColor-hover: var(--base-color-neutral-12);
|
|
408
|
+
--button-invisible-iconColor-rest: var(--base-color-neutral-12);
|
|
403
409
|
--button-outline-bgColor-active: var(--base-color-blue-7);
|
|
404
|
-
--button-outline-bgColor-rest: var(--base-color-neutral-
|
|
410
|
+
--button-outline-bgColor-rest: var(--base-color-neutral-14);
|
|
411
|
+
--button-outline-fgColor-active: var(--base-color-white);
|
|
405
412
|
--button-outline-fgColor-hover: var(--base-color-blue-3);
|
|
406
413
|
--button-outline-fgColor-rest: var(--base-color-blue-4);
|
|
407
414
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
408
415
|
--button-primary-bgColor-active: var(--base-color-green-5);
|
|
409
416
|
--button-primary-bgColor-hover: var(--base-color-green-6);
|
|
410
417
|
--button-primary-borderColor-rest: var(--base-color-green-2);
|
|
418
|
+
--button-primary-fgColor-disabled: #cdd9e566;
|
|
411
419
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
412
420
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
421
|
+
--buttonCounter-danger-bgColor-hover: #cdd9e533;
|
|
413
422
|
--buttonCounter-danger-bgColor-rest: #5d0f1233;
|
|
414
|
-
--buttonCounter-
|
|
423
|
+
--buttonCounter-danger-fgColor-hover: var(--base-color-white);
|
|
424
|
+
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
|
|
415
425
|
--buttonCounter-outline-bgColor-hover: #0f2d5c33;
|
|
416
426
|
--buttonCounter-outline-bgColor-rest: #0f2d5c33;
|
|
417
427
|
--buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
|
|
@@ -422,13 +432,13 @@
|
|
|
422
432
|
--buttonKeybindingHint-danger-borderColor-hover: var(--base-color-white);
|
|
423
433
|
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
424
434
|
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
425
|
-
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-
|
|
426
|
-
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-
|
|
435
|
+
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
|
|
436
|
+
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
|
|
427
437
|
--buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
|
|
428
438
|
--buttonKeybindingHint-primary-borderColor-rest: var(--base-color-white);
|
|
429
439
|
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
430
440
|
--codeMirror-selection-bgColor: #4184e466;
|
|
431
|
-
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-
|
|
441
|
+
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
|
|
432
442
|
--codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
|
|
433
443
|
--codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
|
|
434
444
|
--codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
|
|
@@ -452,24 +462,25 @@
|
|
|
452
462
|
--contribution-winter-bgColor-2: var(--base-color-blue-6);
|
|
453
463
|
--contribution-winter-bgColor-3: var(--base-color-blue-3);
|
|
454
464
|
--contribution-winter-bgColor-4: var(--base-color-blue-0);
|
|
455
|
-
--control-bgColor-active: var(--base-color-neutral-
|
|
456
|
-
--control-bgColor-hover: var(--base-color-neutral-
|
|
457
|
-
--control-bgColor-rest: var(--base-color-neutral-
|
|
458
|
-
--control-borderColor-selected: var(--base-color-neutral-
|
|
465
|
+
--control-bgColor-active: var(--base-color-neutral-4);
|
|
466
|
+
--control-bgColor-hover: var(--base-color-neutral-3);
|
|
467
|
+
--control-bgColor-rest: var(--base-color-neutral-3);
|
|
468
|
+
--control-borderColor-selected: var(--base-color-neutral-14);
|
|
459
469
|
--control-checked-borderColor-active: var(--base-color-blue-2);
|
|
460
470
|
--control-checked-borderColor-hover: var(--base-color-blue-2);
|
|
461
471
|
--control-checked-borderColor-rest: var(--base-color-blue-2);
|
|
462
472
|
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
463
473
|
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
464
|
-
--control-fgColor-placeholder: var(--base-color-neutral-
|
|
465
|
-
--control-transparent-bgColor-active: var(--base-color-neutral-
|
|
466
|
-
--control-transparent-bgColor-hover: var(--base-color-neutral-
|
|
474
|
+
--control-fgColor-placeholder: var(--base-color-neutral-11);
|
|
475
|
+
--control-transparent-bgColor-active: var(--base-color-neutral-5);
|
|
476
|
+
--control-transparent-bgColor-hover: var(--base-color-neutral-4);
|
|
467
477
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
468
|
-
--control-transparent-bgColor-selected: var(--base-color-neutral-
|
|
478
|
+
--control-transparent-bgColor-selected: var(--base-color-neutral-4);
|
|
469
479
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
470
|
-
--controlKnob-bgColor-
|
|
471
|
-
--
|
|
472
|
-
--controlTrack-bgColor-
|
|
480
|
+
--controlKnob-bgColor-checked: var(--base-color-white);
|
|
481
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-3);
|
|
482
|
+
--controlTrack-bgColor-active: var(--base-color-neutral-5);
|
|
483
|
+
--controlTrack-bgColor-hover: var(--base-color-neutral-4);
|
|
473
484
|
--controlTrack-bgColor-rest: var(--base-color-neutral-2);
|
|
474
485
|
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
475
486
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
@@ -799,20 +810,24 @@
|
|
|
799
810
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
800
811
|
--fgColor-accent: var(--base-color-blue-1); /** Accent text for links and interactive elements */
|
|
801
812
|
--fgColor-attention: var(--base-color-yellow-1); /** Attention text for warnings and caution states */
|
|
813
|
+
--fgColor-black: var(--base-color-black); /** Pure black text */
|
|
802
814
|
--fgColor-danger: var(--base-color-red-1); /** Danger text for errors and destructive actions */
|
|
803
|
-
--fgColor-default: var(--base-color-neutral-
|
|
804
|
-
--fgColor-disabled: var(--base-color-neutral-
|
|
815
|
+
--fgColor-default: var(--base-color-neutral-14); /** Default text color for primary content and headings */
|
|
816
|
+
--fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
|
|
805
817
|
--fgColor-done: var(--base-color-purple-1); /** Text color for completed/done state indicators */
|
|
806
|
-
--fgColor-muted: var(--base-color-neutral-
|
|
807
|
-
--fgColor-neutral: var(--base-color-neutral-
|
|
818
|
+
--fgColor-muted: var(--base-color-neutral-11); /** Muted text for secondary content and less important information */
|
|
819
|
+
--fgColor-neutral: var(--base-color-neutral-12); /** Neutral semantic text for icons and secondary elements */
|
|
820
|
+
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
808
821
|
--fgColor-severe: var(--base-color-orange-1); /** Severe text for high-priority warnings */
|
|
809
822
|
--fgColor-sponsors: var(--base-color-pink-1); /** Text color for GitHub Sponsors content */
|
|
810
823
|
--fgColor-success: var(--base-color-green-0); /** Success text for positive feedback and completed states */
|
|
811
|
-
--
|
|
824
|
+
--fgColor-white: var(--base-color-white); /** Pure white text */
|
|
825
|
+
--header-bgColor: #191f1bf2;
|
|
812
826
|
--header-borderColor-divider: var(--base-color-neutral-8);
|
|
813
|
-
--header-fgColor-
|
|
827
|
+
--header-fgColor-default: #cdd9e5b3;
|
|
828
|
+
--header-fgColor-logo: var(--base-color-neutral-14);
|
|
814
829
|
--headerSearch-bgColor: var(--base-color-neutral-1);
|
|
815
|
-
--headerSearch-borderColor: var(--base-color-neutral-
|
|
830
|
+
--headerSearch-borderColor: var(--base-color-neutral-3);
|
|
816
831
|
--highlight-neutral-bgColor: #c6902666;
|
|
817
832
|
--label-auburn-bgColor-active: var(--base-display-color-auburn-2);
|
|
818
833
|
--label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
|
|
@@ -929,57 +944,56 @@
|
|
|
929
944
|
--label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
|
|
930
945
|
--label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
|
|
931
946
|
--menu-bgColor-active: var(--base-color-neutral-2);
|
|
932
|
-
--overlay-backdrop-bgColor: #
|
|
933
|
-
--overlay-bgColor: var(--base-color-neutral-
|
|
934
|
-
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-
|
|
947
|
+
--overlay-backdrop-bgColor: #9ca89f66;
|
|
948
|
+
--overlay-bgColor: var(--base-color-neutral-3);
|
|
949
|
+
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-10); /** Syntax highlighting color for angle brackets */
|
|
935
950
|
--prettylights-syntax-bracketHighlighterUnmatched: var(--base-color-red-4); /** Syntax highlighting color for unmatched brackets */
|
|
936
951
|
--prettylights-syntax-carriageReturn-bg: var(--base-color-red-6); /** Background color for carriage return characters in diffs */
|
|
937
|
-
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-
|
|
938
|
-
--prettylights-syntax-comment: var(--base-color-neutral-
|
|
952
|
+
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-14); /** Text color for carriage return characters in diffs */
|
|
953
|
+
--prettylights-syntax-comment: var(--base-color-neutral-10); /** Syntax highlighting color for code comments */
|
|
939
954
|
--prettylights-syntax-constant: var(--base-color-blue-2); /** Syntax highlighting color for constants and literal values */
|
|
940
955
|
--prettylights-syntax-constantOtherReferenceLink: var(--base-color-blue-1); /** Syntax highlighting color for reference links and URLs in code */
|
|
941
956
|
--prettylights-syntax-entity: var(--base-color-purple-2); /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
942
957
|
--prettylights-syntax-entityTag: var(--base-color-green-1); /** Syntax highlighting color for HTML/XML tags */
|
|
943
958
|
--prettylights-syntax-keyword: var(--base-color-red-3); /** Syntax highlighting color for language keywords (if, else, return) */
|
|
944
|
-
--prettylights-syntax-markup-bold: var(--base-color-neutral-
|
|
959
|
+
--prettylights-syntax-markup-bold: var(--base-color-neutral-14); /** Syntax highlighting color for bold text in markdown */
|
|
945
960
|
--prettylights-syntax-markup-changed-bg: var(--base-color-orange-8); /** Background color for changed lines in diff views */
|
|
946
961
|
--prettylights-syntax-markup-changed-text: var(--base-color-orange-0); /** Text color for changed lines in diff views */
|
|
947
962
|
--prettylights-syntax-markup-deleted-bg: var(--base-color-red-8); /** Background color for deleted lines in diff views */
|
|
948
963
|
--prettylights-syntax-markup-deleted-text: var(--base-color-red-0); /** Text color for deleted lines in diff views */
|
|
949
964
|
--prettylights-syntax-markup-heading: var(--base-color-blue-5); /** Syntax highlighting color for headings in markdown */
|
|
950
965
|
--prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6); /** Background color for ignored content in diffs */
|
|
951
|
-
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-
|
|
966
|
+
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-14); /** Text color for ignored content in diffs */
|
|
952
967
|
--prettylights-syntax-markup-inserted-bg: var(--base-color-green-8); /** Background color for inserted lines in diff views */
|
|
953
968
|
--prettylights-syntax-markup-inserted-text: var(--base-color-green-0); /** Text color for inserted lines in diff views */
|
|
954
|
-
--prettylights-syntax-markup-italic: var(--base-color-neutral-
|
|
969
|
+
--prettylights-syntax-markup-italic: var(--base-color-neutral-14); /** Syntax highlighting color for italic text in markdown */
|
|
955
970
|
--prettylights-syntax-markup-list: var(--base-color-yellow-1); /** Syntax highlighting color for list markers in markdown */
|
|
956
971
|
--prettylights-syntax-metaDiffRange: var(--base-color-purple-2); /** Syntax highlighting color for diff range information (@@ lines) */
|
|
957
|
-
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-
|
|
972
|
+
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-14); /** Syntax highlighting color for import and require statements */
|
|
958
973
|
--prettylights-syntax-string: var(--base-color-blue-1); /** Syntax highlighting color for string literals */
|
|
959
974
|
--prettylights-syntax-stringRegexp: var(--base-color-green-1); /** Syntax highlighting color for regular expression literals */
|
|
960
|
-
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-
|
|
975
|
+
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-5); /** Color for linter gutter marks in code editors */
|
|
961
976
|
--prettylights-syntax-variable: var(--base-color-orange-2); /** Syntax highlighting color for variables and parameters */
|
|
962
|
-
--progressBar-bgColor-neutral: var(--base-color-neutral-
|
|
977
|
+
--progressBar-bgColor-neutral: var(--base-color-neutral-9);
|
|
963
978
|
--reactionButton-selected-bgColor-rest: #4184e433;
|
|
964
979
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
|
|
965
980
|
--selectMenu-bgColor-active: var(--base-color-blue-8);
|
|
981
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
982
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
983
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
984
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
966
985
|
--sideNav-bgColor-selected: var(--base-color-neutral-3);
|
|
967
|
-
--skeletonLoader-bgColor: var(--base-color-neutral-
|
|
986
|
+
--skeletonLoader-bgColor: var(--base-color-neutral-3);
|
|
968
987
|
--timelineBadge-bgColor: var(--base-color-neutral-3);
|
|
969
988
|
--underlineNav-borderColor-active: var(--base-color-coral-3);
|
|
970
|
-
--ansi-whiteBright: var(--base-color-neutral-13); /** ANSI bright white for emphasized terminal text */
|
|
971
|
-
--avatar-bgColor: #cdd9e51a;
|
|
972
|
-
--bgColor-black: var(--base-color-neutral-0); /** Pure black background */
|
|
973
989
|
--bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
|
|
974
990
|
--bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
|
|
975
991
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
976
992
|
--bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
|
|
977
|
-
--bgColor-inverse: var(--base-color-neutral-13); /** Inverse background that flips between light and dark modes */
|
|
978
993
|
--bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
|
|
979
994
|
--bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
|
|
980
995
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
981
996
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
982
|
-
--bgColor-white: var(--base-color-neutral-13); /** Pure white background */
|
|
983
997
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
984
998
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
985
999
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -1020,16 +1034,13 @@
|
|
|
1020
1034
|
--button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
|
|
1021
1035
|
--button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
|
|
1022
1036
|
--button-outline-bgColor-hover: var(--control-bgColor-hover);
|
|
1023
|
-
--button-outline-fgColor-active: var(--base-color-neutral-13);
|
|
1024
1037
|
--button-outline-fgColor-disabled: #96d0ff80;
|
|
1025
1038
|
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
|
|
1026
1039
|
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
1027
1040
|
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1028
|
-
--button-primary-
|
|
1041
|
+
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1029
1042
|
--buttonCounter-danger-bgColor-disabled: #9223230d;
|
|
1030
|
-
--buttonCounter-danger-bgColor-hover: #cdd9e533;
|
|
1031
1043
|
--buttonCounter-danger-fgColor-disabled: #ffb8b080;
|
|
1032
|
-
--buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
1033
1044
|
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
1034
1045
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
1035
1046
|
--buttonCounter-outline-bgColor-disabled: #1b4b910d;
|
|
@@ -1046,6 +1057,7 @@
|
|
|
1046
1057
|
--buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
|
|
1047
1058
|
--buttonKeybindingHint-primary-bgColor-disabled: #1134171a;
|
|
1048
1059
|
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
1060
|
+
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1049
1061
|
--card-bgColor: var(--bgColor-muted);
|
|
1050
1062
|
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
|
|
1051
1063
|
--codeMirror-bgColor: var(--bgColor-default);
|
|
@@ -1069,6 +1081,7 @@
|
|
|
1069
1081
|
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
|
|
1070
1082
|
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
|
|
1071
1083
|
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
|
|
1084
|
+
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
1072
1085
|
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
|
|
1073
1086
|
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
|
|
1074
1087
|
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
@@ -1121,7 +1134,6 @@
|
|
|
1121
1134
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
1122
1135
|
--control-transparent-borderColor-active: var(--borderColor-default);
|
|
1123
1136
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
1124
|
-
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
1125
1137
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1126
1138
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1127
1139
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
@@ -1144,16 +1156,12 @@
|
|
|
1144
1156
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
1145
1157
|
--diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
|
|
1146
1158
|
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
1147
|
-
--fgColor-black: var(--base-color-neutral-0); /** Pure black text */
|
|
1148
1159
|
--fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
|
|
1149
1160
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
1150
1161
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
1151
|
-
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
1152
1162
|
--fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
|
|
1153
1163
|
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
1154
|
-
--fgColor-white: var(--base-color-neutral-13); /** Pure white text */
|
|
1155
1164
|
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
1156
|
-
--header-fgColor-default: #cdd9e5b3;
|
|
1157
1165
|
--label-auburn-borderColor: var(--label-auburn-fgColor-rest);
|
|
1158
1166
|
--label-blue-borderColor: var(--label-blue-fgColor-rest);
|
|
1159
1167
|
--label-brown-borderColor: var(--label-brown-fgColor-rest);
|
|
@@ -1194,12 +1202,11 @@
|
|
|
1194
1202
|
--progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
|
|
1195
1203
|
--progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
|
|
1196
1204
|
--progressBar-bgColor-success: var(--bgColor-success-emphasis);
|
|
1205
|
+
--progressBar-track-bgColor: var(--bgColor-inverse);
|
|
1197
1206
|
--selectMenu-borderColor: var(--borderColor-default);
|
|
1198
1207
|
--selection-bgColor: #1b4b91b3; /** Background color for text selection highlights */
|
|
1199
|
-
--
|
|
1200
|
-
--
|
|
1201
|
-
--shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
|
|
1202
|
-
--shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
|
|
1208
|
+
--tooltip-bgColor: var(--bgColor-inverse);
|
|
1209
|
+
--tooltip-fgColor: var(--fgColor-onInverse);
|
|
1203
1210
|
--topicTag-borderColor: var(--borderColor-accent-emphasis);
|
|
1204
1211
|
--treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
|
|
1205
1212
|
--underlineNav-iconColor-rest: var(--fgColor-muted);
|
|
@@ -1229,7 +1236,6 @@
|
|
|
1229
1236
|
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
1230
1237
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
1231
1238
|
--button-outline-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1232
|
-
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1233
1239
|
--buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
|
|
1234
1240
|
--buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
|
|
1235
1241
|
--buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
@@ -1239,8 +1245,6 @@
|
|
|
1239
1245
|
--buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1240
1246
|
--buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
1241
1247
|
--buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1242
|
-
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1243
|
-
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
1244
1248
|
--color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
1245
1249
|
--color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
1246
1250
|
--control-borderColor-emphasis: var(--borderColor-emphasis);
|
|
@@ -1253,14 +1257,12 @@
|
|
|
1253
1257
|
--focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
|
|
1254
1258
|
--prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
1255
1259
|
--prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
1256
|
-
--progressBar-track-
|
|
1260
|
+
--progressBar-track-borderColor: var(--progressBar-track-bgColor);
|
|
1257
1261
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
1258
|
-
--shadow-floating-large: 0 0 0 1px #
|
|
1259
|
-
--shadow-floating-medium: 0 0 0 1px #
|
|
1260
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
1261
|
-
--shadow-floating-xlarge: 0 0 0 1px #
|
|
1262
|
-
--tooltip-bgColor: var(--bgColor-inverse);
|
|
1263
|
-
--tooltip-fgColor: var(--fgColor-onInverse);
|
|
1262
|
+
--shadow-floating-large: 0 0 0 1px #b8c4bc, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
|
|
1263
|
+
--shadow-floating-medium: 0 0 0 1px #b8c4bc, 0 8px 16px -4px #06090766, 0 4px 32px -4px #06090766, 0 24px 48px -12px #06090766, 0 48px 96px -24px #06090766; /** Medium floating shadow for popovers and action menus */
|
|
1264
|
+
--shadow-floating-small: 0 0 0 1px #b8c4bc, 0 6px 12px -3px #06090766, 0 6px 18px 0 #06090766; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
1265
|
+
--shadow-floating-xlarge: 0 0 0 1px #b8c4bc, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
1264
1266
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
1265
1267
|
--border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
|
|
1266
1268
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
@@ -1271,7 +1273,6 @@
|
|
|
1271
1273
|
--buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
|
|
1272
1274
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
1273
1275
|
--controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
|
|
1274
|
-
--progressBar-track-borderColor: var(--progressBar-track-bgColor);
|
|
1275
1276
|
--underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
|
|
1276
1277
|
--border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
|
|
1277
1278
|
--border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
|
|
@@ -1318,18 +1319,21 @@
|
|
|
1318
1319
|
--base-color-green-7: #245829;
|
|
1319
1320
|
--base-color-green-8: #1b4721;
|
|
1320
1321
|
--base-color-green-9: #113417;
|
|
1321
|
-
--base-color-neutral-
|
|
1322
|
-
--base-color-neutral-
|
|
1323
|
-
--base-color-neutral-
|
|
1324
|
-
--base-color-neutral-
|
|
1325
|
-
--base-color-neutral-
|
|
1326
|
-
--base-color-neutral-
|
|
1327
|
-
--base-color-neutral-
|
|
1328
|
-
--base-color-neutral-
|
|
1329
|
-
--base-color-neutral-
|
|
1330
|
-
--base-color-neutral-
|
|
1331
|
-
--base-color-neutral-
|
|
1332
|
-
--base-color-neutral-
|
|
1322
|
+
--base-color-neutral-0: #060907;
|
|
1323
|
+
--base-color-neutral-1: #0f1511;
|
|
1324
|
+
--base-color-neutral-10: #9ca89f;
|
|
1325
|
+
--base-color-neutral-11: #b8c4bc;
|
|
1326
|
+
--base-color-neutral-12: #cbd6cd;
|
|
1327
|
+
--base-color-neutral-13: #d6e0d8;
|
|
1328
|
+
--base-color-neutral-14: #e9f0eb;
|
|
1329
|
+
--base-color-neutral-2: #191f1b;
|
|
1330
|
+
--base-color-neutral-3: #252b27;
|
|
1331
|
+
--base-color-neutral-4: #353c37;
|
|
1332
|
+
--base-color-neutral-5: #3b443e;
|
|
1333
|
+
--base-color-neutral-6: #434c45;
|
|
1334
|
+
--base-color-neutral-7: #4e5750;
|
|
1335
|
+
--base-color-neutral-8: #58635b;
|
|
1336
|
+
--base-color-neutral-9: #6c786f;
|
|
1333
1337
|
--base-color-orange-0: #ffddb0;
|
|
1334
1338
|
--base-color-orange-1: #ffbc6f;
|
|
1335
1339
|
--base-color-orange-2: #f69d50;
|
|
@@ -1606,41 +1610,43 @@
|
|
|
1606
1610
|
--control-danger-bgColor-active: #c51120;
|
|
1607
1611
|
--fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
|
|
1608
1612
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
1609
|
-
--ansi-black: var(--base-color-neutral-
|
|
1610
|
-
--ansi-blackBright: var(--base-color-neutral-
|
|
1613
|
+
--ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
|
|
1614
|
+
--ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
1611
1615
|
--ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
|
|
1612
1616
|
--ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
|
|
1613
|
-
--ansi-gray: var(--base-color-neutral-
|
|
1617
|
+
--ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
|
|
1614
1618
|
--ansi-green: var(--base-color-green-3); /** ANSI green for success indicators in terminal */
|
|
1615
1619
|
--ansi-greenBright: var(--base-color-green-2); /** ANSI bright green for highlighted success in terminal */
|
|
1616
1620
|
--ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
|
|
1617
1621
|
--ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
|
|
1618
1622
|
--ansi-red: var(--base-color-red-3); /** ANSI red for errors and alerts in terminal output */
|
|
1619
1623
|
--ansi-redBright: var(--base-color-red-2); /** ANSI bright red for highlighted errors in terminal */
|
|
1620
|
-
--ansi-white: var(--base-color-neutral-
|
|
1624
|
+
--ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
|
|
1625
|
+
--ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
|
|
1621
1626
|
--ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
|
|
1622
1627
|
--ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
|
|
1623
|
-
--avatar-
|
|
1628
|
+
--avatar-bgColor: #cdd9e51a;
|
|
1629
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
1624
1630
|
--avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
|
|
1625
1631
|
--avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
|
|
1626
1632
|
--base-color-inset: var(--base-color-black);
|
|
1627
|
-
--base-color-neutral-0: var(--base-color-black);
|
|
1628
|
-
--base-color-neutral-13: var(--base-color-white);
|
|
1629
1633
|
--bgColor-accent-emphasis: var(--base-color-blue-7); /** Strong accent background for active states and focused states */
|
|
1630
1634
|
--bgColor-accent-muted: #4184e41a; /** Subtle accent background for informational or selected elements */
|
|
1631
1635
|
--bgColor-attention-emphasis: var(--base-color-yellow-7); /** Strong attention background for prominent warnings */
|
|
1632
1636
|
--bgColor-attention-muted: #ae7c1426; /** Subtle attention background for warnings and caution states */
|
|
1637
|
+
--bgColor-black: var(--base-color-black); /** Pure black background */
|
|
1633
1638
|
--bgColor-danger-emphasis: var(--base-color-red-7); /** Emphasized danger background for critical errors and delete confirmations */
|
|
1634
1639
|
--bgColor-danger-muted: #e5534b1a; /** Muted danger background for error states and destructive action contexts */
|
|
1635
1640
|
--bgColor-default: var(--base-color-neutral-3); /** Default background color for pages and main content areas */
|
|
1636
|
-
--bgColor-disabled: var(--base-color-neutral-
|
|
1641
|
+
--bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
|
|
1637
1642
|
--bgColor-done-emphasis: var(--base-color-purple-7); /** Strong background for completed/done state badges and labels */
|
|
1638
1643
|
--bgColor-done-muted: #986ee226; /** Subtle background for completed/done state indicators */
|
|
1639
|
-
--bgColor-emphasis: var(--base-color-neutral-
|
|
1644
|
+
--bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
|
|
1640
1645
|
--bgColor-inset: var(--base-color-neutral-2); /** Inset background for recessed content areas like wells or sunken panels */
|
|
1641
|
-
--bgColor-
|
|
1642
|
-
--bgColor-
|
|
1643
|
-
--bgColor-neutral-
|
|
1646
|
+
--bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
|
|
1647
|
+
--bgColor-muted: var(--base-color-neutral-3); /** Muted background for secondary content areas and subtle grouping */
|
|
1648
|
+
--bgColor-neutral-emphasis: var(--base-color-neutral-5); /** Strong neutral background for prominent neutral elements */
|
|
1649
|
+
--bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
1644
1650
|
--bgColor-severe-emphasis: var(--base-color-orange-7); /** Strong severe background for prominent high-priority warnings */
|
|
1645
1651
|
--bgColor-severe-muted: #cc6b2c1a; /** Subtle severe background for high-priority warnings */
|
|
1646
1652
|
--bgColor-sponsors-emphasis: var(--base-color-pink-7); /** Strong background for prominent GitHub Sponsors elements */
|
|
@@ -1648,14 +1654,15 @@
|
|
|
1648
1654
|
--bgColor-success-emphasis: var(--base-color-green-7); /** Strong success background for prominent positive actions */
|
|
1649
1655
|
--bgColor-success-muted: #46954a26; /** Subtle success background for positive feedback and completed states */
|
|
1650
1656
|
--bgColor-transparent: var(--base-color-transparent); /** Fully transparent background */
|
|
1657
|
+
--bgColor-white: var(--base-color-white); /** Pure white background */
|
|
1651
1658
|
--borderColor-accent-emphasis: var(--base-color-blue-2); /** Strong accent border for selected or focused elements */
|
|
1652
1659
|
--borderColor-accent-muted: var(--base-color-blue-2); /** Subtle accent border for selected or focused elements */
|
|
1653
1660
|
--borderColor-attention-emphasis: var(--base-color-yellow-2); /** Strong attention border for prominent warnings */
|
|
1654
1661
|
--borderColor-attention-muted: var(--base-color-yellow-2); /** Subtle attention border for warnings and caution states */
|
|
1655
1662
|
--borderColor-danger-emphasis: var(--base-color-red-2); /** Strong danger border for destructive actions and errors */
|
|
1656
1663
|
--borderColor-danger-muted: var(--base-color-red-2); /** Subtle danger border for errors and destructive contexts */
|
|
1657
|
-
--borderColor-default: var(--base-color-neutral-
|
|
1658
|
-
--borderColor-disabled: #
|
|
1664
|
+
--borderColor-default: var(--base-color-neutral-11); /** Default border color for most UI elements */
|
|
1665
|
+
--borderColor-disabled: #6c786f1a; /** Border color for disabled interactive elements */
|
|
1659
1666
|
--borderColor-done-emphasis: var(--base-color-purple-2); /** Strong border for completed/done state badges */
|
|
1660
1667
|
--borderColor-done-muted: var(--base-color-purple-2); /** Subtle border for completed/done state indicators */
|
|
1661
1668
|
--borderColor-severe-emphasis: var(--base-color-orange-2); /** Strong severe border for prominent high-priority warnings */
|
|
@@ -1664,7 +1671,7 @@
|
|
|
1664
1671
|
--borderColor-sponsors-muted: var(--base-color-pink-2); /** Subtle border for GitHub Sponsors content */
|
|
1665
1672
|
--borderColor-success-emphasis: var(--base-color-green-2); /** Strong success border for prominent positive elements */
|
|
1666
1673
|
--borderColor-success-muted: var(--base-color-green-2); /** Subtle success border for positive feedback elements */
|
|
1667
|
-
--borderColor-translucent: var(--base-color-neutral-
|
|
1674
|
+
--borderColor-translucent: var(--base-color-neutral-10); /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1668
1675
|
--borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
|
|
1669
1676
|
--boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
|
|
1670
1677
|
--boxShadow-thicker: inset 0 0 0 0.25rem; /** Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact */
|
|
@@ -1674,24 +1681,28 @@
|
|
|
1674
1681
|
--button-danger-fgColor-rest: var(--base-color-red-1);
|
|
1675
1682
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
1676
1683
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
1677
|
-
--button-inactive-bgColor: var(--base-color-neutral-
|
|
1678
|
-
--button-inactive-fgColor: var(--base-color-neutral-
|
|
1684
|
+
--button-inactive-bgColor: var(--base-color-neutral-3);
|
|
1685
|
+
--button-inactive-fgColor: var(--base-color-neutral-10);
|
|
1679
1686
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
1680
1687
|
--button-invisible-borderColor-disabled: var(--base-color-transparent);
|
|
1681
|
-
--button-invisible-iconColor-hover: var(--base-color-neutral-
|
|
1682
|
-
--button-invisible-iconColor-rest: var(--base-color-neutral-
|
|
1688
|
+
--button-invisible-iconColor-hover: var(--base-color-neutral-12);
|
|
1689
|
+
--button-invisible-iconColor-rest: var(--base-color-neutral-12);
|
|
1683
1690
|
--button-outline-bgColor-active: var(--base-color-blue-7);
|
|
1684
|
-
--button-outline-bgColor-rest: var(--base-color-neutral-
|
|
1691
|
+
--button-outline-bgColor-rest: var(--base-color-neutral-14);
|
|
1692
|
+
--button-outline-fgColor-active: var(--base-color-white);
|
|
1685
1693
|
--button-outline-fgColor-hover: var(--base-color-blue-3);
|
|
1686
1694
|
--button-outline-fgColor-rest: var(--base-color-blue-4);
|
|
1687
1695
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
1688
1696
|
--button-primary-bgColor-active: var(--base-color-green-5);
|
|
1689
1697
|
--button-primary-bgColor-hover: var(--base-color-green-6);
|
|
1690
1698
|
--button-primary-borderColor-rest: var(--base-color-green-2);
|
|
1699
|
+
--button-primary-fgColor-disabled: #cdd9e566;
|
|
1691
1700
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
1692
1701
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
1702
|
+
--buttonCounter-danger-bgColor-hover: #cdd9e533;
|
|
1693
1703
|
--buttonCounter-danger-bgColor-rest: #5d0f1233;
|
|
1694
|
-
--buttonCounter-
|
|
1704
|
+
--buttonCounter-danger-fgColor-hover: var(--base-color-white);
|
|
1705
|
+
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
|
|
1695
1706
|
--buttonCounter-outline-bgColor-hover: #0f2d5c33;
|
|
1696
1707
|
--buttonCounter-outline-bgColor-rest: #0f2d5c33;
|
|
1697
1708
|
--buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
|
|
@@ -1702,13 +1713,13 @@
|
|
|
1702
1713
|
--buttonKeybindingHint-danger-borderColor-hover: var(--base-color-white);
|
|
1703
1714
|
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
1704
1715
|
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1705
|
-
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-
|
|
1706
|
-
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-
|
|
1716
|
+
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
|
|
1717
|
+
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
|
|
1707
1718
|
--buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
|
|
1708
1719
|
--buttonKeybindingHint-primary-borderColor-rest: var(--base-color-white);
|
|
1709
1720
|
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1710
1721
|
--codeMirror-selection-bgColor: #4184e466;
|
|
1711
|
-
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-
|
|
1722
|
+
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
|
|
1712
1723
|
--codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
|
|
1713
1724
|
--codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
|
|
1714
1725
|
--codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
|
|
@@ -1732,24 +1743,25 @@
|
|
|
1732
1743
|
--contribution-winter-bgColor-2: var(--base-color-blue-6);
|
|
1733
1744
|
--contribution-winter-bgColor-3: var(--base-color-blue-3);
|
|
1734
1745
|
--contribution-winter-bgColor-4: var(--base-color-blue-0);
|
|
1735
|
-
--control-bgColor-active: var(--base-color-neutral-
|
|
1736
|
-
--control-bgColor-hover: var(--base-color-neutral-
|
|
1737
|
-
--control-bgColor-rest: var(--base-color-neutral-
|
|
1738
|
-
--control-borderColor-selected: var(--base-color-neutral-
|
|
1746
|
+
--control-bgColor-active: var(--base-color-neutral-4);
|
|
1747
|
+
--control-bgColor-hover: var(--base-color-neutral-3);
|
|
1748
|
+
--control-bgColor-rest: var(--base-color-neutral-3);
|
|
1749
|
+
--control-borderColor-selected: var(--base-color-neutral-14);
|
|
1739
1750
|
--control-checked-borderColor-active: var(--base-color-blue-2);
|
|
1740
1751
|
--control-checked-borderColor-hover: var(--base-color-blue-2);
|
|
1741
1752
|
--control-checked-borderColor-rest: var(--base-color-blue-2);
|
|
1742
1753
|
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1743
1754
|
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1744
|
-
--control-fgColor-placeholder: var(--base-color-neutral-
|
|
1745
|
-
--control-transparent-bgColor-active: var(--base-color-neutral-
|
|
1746
|
-
--control-transparent-bgColor-hover: var(--base-color-neutral-
|
|
1755
|
+
--control-fgColor-placeholder: var(--base-color-neutral-11);
|
|
1756
|
+
--control-transparent-bgColor-active: var(--base-color-neutral-5);
|
|
1757
|
+
--control-transparent-bgColor-hover: var(--base-color-neutral-4);
|
|
1747
1758
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
1748
|
-
--control-transparent-bgColor-selected: var(--base-color-neutral-
|
|
1759
|
+
--control-transparent-bgColor-selected: var(--base-color-neutral-4);
|
|
1749
1760
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1750
|
-
--controlKnob-bgColor-
|
|
1751
|
-
--
|
|
1752
|
-
--controlTrack-bgColor-
|
|
1761
|
+
--controlKnob-bgColor-checked: var(--base-color-white);
|
|
1762
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-3);
|
|
1763
|
+
--controlTrack-bgColor-active: var(--base-color-neutral-5);
|
|
1764
|
+
--controlTrack-bgColor-hover: var(--base-color-neutral-4);
|
|
1753
1765
|
--controlTrack-bgColor-rest: var(--base-color-neutral-2);
|
|
1754
1766
|
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
1755
1767
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
@@ -2079,20 +2091,24 @@
|
|
|
2079
2091
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
2080
2092
|
--fgColor-accent: var(--base-color-blue-1); /** Accent text for links and interactive elements */
|
|
2081
2093
|
--fgColor-attention: var(--base-color-yellow-1); /** Attention text for warnings and caution states */
|
|
2094
|
+
--fgColor-black: var(--base-color-black); /** Pure black text */
|
|
2082
2095
|
--fgColor-danger: var(--base-color-red-1); /** Danger text for errors and destructive actions */
|
|
2083
|
-
--fgColor-default: var(--base-color-neutral-
|
|
2084
|
-
--fgColor-disabled: var(--base-color-neutral-
|
|
2096
|
+
--fgColor-default: var(--base-color-neutral-14); /** Default text color for primary content and headings */
|
|
2097
|
+
--fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
|
|
2085
2098
|
--fgColor-done: var(--base-color-purple-1); /** Text color for completed/done state indicators */
|
|
2086
|
-
--fgColor-muted: var(--base-color-neutral-
|
|
2087
|
-
--fgColor-neutral: var(--base-color-neutral-
|
|
2099
|
+
--fgColor-muted: var(--base-color-neutral-11); /** Muted text for secondary content and less important information */
|
|
2100
|
+
--fgColor-neutral: var(--base-color-neutral-12); /** Neutral semantic text for icons and secondary elements */
|
|
2101
|
+
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
2088
2102
|
--fgColor-severe: var(--base-color-orange-1); /** Severe text for high-priority warnings */
|
|
2089
2103
|
--fgColor-sponsors: var(--base-color-pink-1); /** Text color for GitHub Sponsors content */
|
|
2090
2104
|
--fgColor-success: var(--base-color-green-0); /** Success text for positive feedback and completed states */
|
|
2091
|
-
--
|
|
2105
|
+
--fgColor-white: var(--base-color-white); /** Pure white text */
|
|
2106
|
+
--header-bgColor: #191f1bf2;
|
|
2092
2107
|
--header-borderColor-divider: var(--base-color-neutral-8);
|
|
2093
|
-
--header-fgColor-
|
|
2108
|
+
--header-fgColor-default: #cdd9e5b3;
|
|
2109
|
+
--header-fgColor-logo: var(--base-color-neutral-14);
|
|
2094
2110
|
--headerSearch-bgColor: var(--base-color-neutral-1);
|
|
2095
|
-
--headerSearch-borderColor: var(--base-color-neutral-
|
|
2111
|
+
--headerSearch-borderColor: var(--base-color-neutral-3);
|
|
2096
2112
|
--highlight-neutral-bgColor: #c6902666;
|
|
2097
2113
|
--label-auburn-bgColor-active: var(--base-display-color-auburn-2);
|
|
2098
2114
|
--label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
|
|
@@ -2209,57 +2225,56 @@
|
|
|
2209
2225
|
--label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
|
|
2210
2226
|
--label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
|
|
2211
2227
|
--menu-bgColor-active: var(--base-color-neutral-2);
|
|
2212
|
-
--overlay-backdrop-bgColor: #
|
|
2213
|
-
--overlay-bgColor: var(--base-color-neutral-
|
|
2214
|
-
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-
|
|
2228
|
+
--overlay-backdrop-bgColor: #9ca89f66;
|
|
2229
|
+
--overlay-bgColor: var(--base-color-neutral-3);
|
|
2230
|
+
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-10); /** Syntax highlighting color for angle brackets */
|
|
2215
2231
|
--prettylights-syntax-bracketHighlighterUnmatched: var(--base-color-red-4); /** Syntax highlighting color for unmatched brackets */
|
|
2216
2232
|
--prettylights-syntax-carriageReturn-bg: var(--base-color-red-6); /** Background color for carriage return characters in diffs */
|
|
2217
|
-
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-
|
|
2218
|
-
--prettylights-syntax-comment: var(--base-color-neutral-
|
|
2233
|
+
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-14); /** Text color for carriage return characters in diffs */
|
|
2234
|
+
--prettylights-syntax-comment: var(--base-color-neutral-10); /** Syntax highlighting color for code comments */
|
|
2219
2235
|
--prettylights-syntax-constant: var(--base-color-blue-2); /** Syntax highlighting color for constants and literal values */
|
|
2220
2236
|
--prettylights-syntax-constantOtherReferenceLink: var(--base-color-blue-1); /** Syntax highlighting color for reference links and URLs in code */
|
|
2221
2237
|
--prettylights-syntax-entity: var(--base-color-purple-2); /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
2222
2238
|
--prettylights-syntax-entityTag: var(--base-color-green-1); /** Syntax highlighting color for HTML/XML tags */
|
|
2223
2239
|
--prettylights-syntax-keyword: var(--base-color-red-3); /** Syntax highlighting color for language keywords (if, else, return) */
|
|
2224
|
-
--prettylights-syntax-markup-bold: var(--base-color-neutral-
|
|
2240
|
+
--prettylights-syntax-markup-bold: var(--base-color-neutral-14); /** Syntax highlighting color for bold text in markdown */
|
|
2225
2241
|
--prettylights-syntax-markup-changed-bg: var(--base-color-orange-8); /** Background color for changed lines in diff views */
|
|
2226
2242
|
--prettylights-syntax-markup-changed-text: var(--base-color-orange-0); /** Text color for changed lines in diff views */
|
|
2227
2243
|
--prettylights-syntax-markup-deleted-bg: var(--base-color-red-8); /** Background color for deleted lines in diff views */
|
|
2228
2244
|
--prettylights-syntax-markup-deleted-text: var(--base-color-red-0); /** Text color for deleted lines in diff views */
|
|
2229
2245
|
--prettylights-syntax-markup-heading: var(--base-color-blue-5); /** Syntax highlighting color for headings in markdown */
|
|
2230
2246
|
--prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6); /** Background color for ignored content in diffs */
|
|
2231
|
-
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-
|
|
2247
|
+
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-14); /** Text color for ignored content in diffs */
|
|
2232
2248
|
--prettylights-syntax-markup-inserted-bg: var(--base-color-green-8); /** Background color for inserted lines in diff views */
|
|
2233
2249
|
--prettylights-syntax-markup-inserted-text: var(--base-color-green-0); /** Text color for inserted lines in diff views */
|
|
2234
|
-
--prettylights-syntax-markup-italic: var(--base-color-neutral-
|
|
2250
|
+
--prettylights-syntax-markup-italic: var(--base-color-neutral-14); /** Syntax highlighting color for italic text in markdown */
|
|
2235
2251
|
--prettylights-syntax-markup-list: var(--base-color-yellow-1); /** Syntax highlighting color for list markers in markdown */
|
|
2236
2252
|
--prettylights-syntax-metaDiffRange: var(--base-color-purple-2); /** Syntax highlighting color for diff range information (@@ lines) */
|
|
2237
|
-
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-
|
|
2253
|
+
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-14); /** Syntax highlighting color for import and require statements */
|
|
2238
2254
|
--prettylights-syntax-string: var(--base-color-blue-1); /** Syntax highlighting color for string literals */
|
|
2239
2255
|
--prettylights-syntax-stringRegexp: var(--base-color-green-1); /** Syntax highlighting color for regular expression literals */
|
|
2240
|
-
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-
|
|
2256
|
+
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-5); /** Color for linter gutter marks in code editors */
|
|
2241
2257
|
--prettylights-syntax-variable: var(--base-color-orange-2); /** Syntax highlighting color for variables and parameters */
|
|
2242
|
-
--progressBar-bgColor-neutral: var(--base-color-neutral-
|
|
2258
|
+
--progressBar-bgColor-neutral: var(--base-color-neutral-9);
|
|
2243
2259
|
--reactionButton-selected-bgColor-rest: #4184e433;
|
|
2244
2260
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
|
|
2245
2261
|
--selectMenu-bgColor-active: var(--base-color-blue-8);
|
|
2262
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
2263
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
2264
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
2265
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
2246
2266
|
--sideNav-bgColor-selected: var(--base-color-neutral-3);
|
|
2247
|
-
--skeletonLoader-bgColor: var(--base-color-neutral-
|
|
2267
|
+
--skeletonLoader-bgColor: var(--base-color-neutral-3);
|
|
2248
2268
|
--timelineBadge-bgColor: var(--base-color-neutral-3);
|
|
2249
2269
|
--underlineNav-borderColor-active: var(--base-color-coral-3);
|
|
2250
|
-
--ansi-whiteBright: var(--base-color-neutral-13); /** ANSI bright white for emphasized terminal text */
|
|
2251
|
-
--avatar-bgColor: #cdd9e51a;
|
|
2252
|
-
--bgColor-black: var(--base-color-neutral-0); /** Pure black background */
|
|
2253
2270
|
--bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
|
|
2254
2271
|
--bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
|
|
2255
2272
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
2256
2273
|
--bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
|
|
2257
|
-
--bgColor-inverse: var(--base-color-neutral-13); /** Inverse background that flips between light and dark modes */
|
|
2258
2274
|
--bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
|
|
2259
2275
|
--bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
|
|
2260
2276
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
2261
2277
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
2262
|
-
--bgColor-white: var(--base-color-neutral-13); /** Pure white background */
|
|
2263
2278
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
2264
2279
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
2265
2280
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -2300,16 +2315,13 @@
|
|
|
2300
2315
|
--button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
|
|
2301
2316
|
--button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
|
|
2302
2317
|
--button-outline-bgColor-hover: var(--control-bgColor-hover);
|
|
2303
|
-
--button-outline-fgColor-active: var(--base-color-neutral-13);
|
|
2304
2318
|
--button-outline-fgColor-disabled: #96d0ff80;
|
|
2305
2319
|
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
|
|
2306
2320
|
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
2307
2321
|
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
2308
|
-
--button-primary-
|
|
2322
|
+
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2309
2323
|
--buttonCounter-danger-bgColor-disabled: #9223230d;
|
|
2310
|
-
--buttonCounter-danger-bgColor-hover: #cdd9e533;
|
|
2311
2324
|
--buttonCounter-danger-fgColor-disabled: #ffb8b080;
|
|
2312
|
-
--buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
2313
2325
|
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
2314
2326
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
2315
2327
|
--buttonCounter-outline-bgColor-disabled: #1b4b910d;
|
|
@@ -2326,6 +2338,7 @@
|
|
|
2326
2338
|
--buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
|
|
2327
2339
|
--buttonKeybindingHint-primary-bgColor-disabled: #1134171a;
|
|
2328
2340
|
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
2341
|
+
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2329
2342
|
--card-bgColor: var(--bgColor-muted);
|
|
2330
2343
|
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
|
|
2331
2344
|
--codeMirror-bgColor: var(--bgColor-default);
|
|
@@ -2349,6 +2362,7 @@
|
|
|
2349
2362
|
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
|
|
2350
2363
|
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
|
|
2351
2364
|
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
|
|
2365
|
+
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
2352
2366
|
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
|
|
2353
2367
|
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
|
|
2354
2368
|
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
@@ -2401,7 +2415,6 @@
|
|
|
2401
2415
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
2402
2416
|
--control-transparent-borderColor-active: var(--borderColor-default);
|
|
2403
2417
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
2404
|
-
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
2405
2418
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
2406
2419
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
2407
2420
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
@@ -2424,16 +2437,12 @@
|
|
|
2424
2437
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
2425
2438
|
--diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
|
|
2426
2439
|
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
2427
|
-
--fgColor-black: var(--base-color-neutral-0); /** Pure black text */
|
|
2428
2440
|
--fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
|
|
2429
2441
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
2430
2442
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
2431
|
-
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
2432
2443
|
--fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
|
|
2433
2444
|
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
2434
|
-
--fgColor-white: var(--base-color-neutral-13); /** Pure white text */
|
|
2435
2445
|
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
2436
|
-
--header-fgColor-default: #cdd9e5b3;
|
|
2437
2446
|
--label-auburn-borderColor: var(--label-auburn-fgColor-rest);
|
|
2438
2447
|
--label-blue-borderColor: var(--label-blue-fgColor-rest);
|
|
2439
2448
|
--label-brown-borderColor: var(--label-brown-fgColor-rest);
|
|
@@ -2474,12 +2483,11 @@
|
|
|
2474
2483
|
--progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
|
|
2475
2484
|
--progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
|
|
2476
2485
|
--progressBar-bgColor-success: var(--bgColor-success-emphasis);
|
|
2486
|
+
--progressBar-track-bgColor: var(--bgColor-inverse);
|
|
2477
2487
|
--selectMenu-borderColor: var(--borderColor-default);
|
|
2478
2488
|
--selection-bgColor: #1b4b91b3; /** Background color for text selection highlights */
|
|
2479
|
-
--
|
|
2480
|
-
--
|
|
2481
|
-
--shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
|
|
2482
|
-
--shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
|
|
2489
|
+
--tooltip-bgColor: var(--bgColor-inverse);
|
|
2490
|
+
--tooltip-fgColor: var(--fgColor-onInverse);
|
|
2483
2491
|
--topicTag-borderColor: var(--borderColor-accent-emphasis);
|
|
2484
2492
|
--treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
|
|
2485
2493
|
--underlineNav-iconColor-rest: var(--fgColor-muted);
|
|
@@ -2509,7 +2517,6 @@
|
|
|
2509
2517
|
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
2510
2518
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
2511
2519
|
--button-outline-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2512
|
-
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2513
2520
|
--buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
|
|
2514
2521
|
--buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
|
|
2515
2522
|
--buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
@@ -2519,8 +2526,6 @@
|
|
|
2519
2526
|
--buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
|
|
2520
2527
|
--buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
2521
2528
|
--buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
|
|
2522
|
-
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2523
|
-
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
2524
2529
|
--color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
2525
2530
|
--color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
2526
2531
|
--control-borderColor-emphasis: var(--borderColor-emphasis);
|
|
@@ -2533,14 +2538,12 @@
|
|
|
2533
2538
|
--focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
|
|
2534
2539
|
--prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
2535
2540
|
--prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
2536
|
-
--progressBar-track-
|
|
2541
|
+
--progressBar-track-borderColor: var(--progressBar-track-bgColor);
|
|
2537
2542
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
2538
|
-
--shadow-floating-large: 0 0 0 1px #
|
|
2539
|
-
--shadow-floating-medium: 0 0 0 1px #
|
|
2540
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
2541
|
-
--shadow-floating-xlarge: 0 0 0 1px #
|
|
2542
|
-
--tooltip-bgColor: var(--bgColor-inverse);
|
|
2543
|
-
--tooltip-fgColor: var(--fgColor-onInverse);
|
|
2543
|
+
--shadow-floating-large: 0 0 0 1px #b8c4bc, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
|
|
2544
|
+
--shadow-floating-medium: 0 0 0 1px #b8c4bc, 0 8px 16px -4px #06090766, 0 4px 32px -4px #06090766, 0 24px 48px -12px #06090766, 0 48px 96px -24px #06090766; /** Medium floating shadow for popovers and action menus */
|
|
2545
|
+
--shadow-floating-small: 0 0 0 1px #b8c4bc, 0 6px 12px -3px #06090766, 0 6px 18px 0 #06090766; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
2546
|
+
--shadow-floating-xlarge: 0 0 0 1px #b8c4bc, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
2544
2547
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
2545
2548
|
--border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
|
|
2546
2549
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
@@ -2551,7 +2554,6 @@
|
|
|
2551
2554
|
--buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
|
|
2552
2555
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
2553
2556
|
--controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
|
|
2554
|
-
--progressBar-track-borderColor: var(--progressBar-track-bgColor);
|
|
2555
2557
|
--underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
|
|
2556
2558
|
--border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
|
|
2557
2559
|
--border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
|