@primer/primitives 0.0.0-20260710052607 → 0.0.0-20260710130230
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 +1062 -1054
- package/dist/docs/functional/themes/dark-colorblind.json +1111 -1103
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +1107 -1099
- package/dist/docs/functional/themes/dark-dimmed.json +1135 -1127
- package/dist/docs/functional/themes/dark-high-contrast.json +1051 -1043
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +1061 -1053
- package/dist/docs/functional/themes/dark-tritanopia.json +1108 -1100
- package/dist/docs/functional/themes/dark.json +1100 -1092
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +448 -440
- package/dist/docs/functional/themes/light-colorblind.json +448 -440
- package/dist/docs/functional/themes/light-high-contrast.json +448 -440
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +448 -440
- package/dist/docs/functional/themes/light-tritanopia.json +448 -440
- package/dist/docs/functional/themes/light.json +448 -440
- 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 +676 -676
- package/dist/figma/themes/dark-dimmed.json +670 -670
- package/dist/figma/themes/dark-high-contrast.json +599 -599
- package/dist/figma/themes/dark-tritanopia.json +667 -667
- package/dist/figma/themes/dark.json +649 -649
- package/dist/internalCss/dark-colorblind-high-contrast.css +286 -284
- package/dist/internalCss/dark-colorblind.css +232 -230
- 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 +276 -274
- package/dist/internalCss/dark-tritanopia-high-contrast.css +282 -280
- package/dist/internalCss/dark-tritanopia.css +232 -230
- package/dist/internalCss/dark.css +220 -218
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +1062 -1054
- package/dist/styleLint/functional/themes/dark-colorblind.json +1111 -1103
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +1107 -1099
- package/dist/styleLint/functional/themes/dark-dimmed.json +1135 -1127
- package/dist/styleLint/functional/themes/dark-high-contrast.json +1051 -1043
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +1061 -1053
- package/dist/styleLint/functional/themes/dark-tritanopia.json +1108 -1100
- package/dist/styleLint/functional/themes/dark.json +1100 -1092
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +448 -440
- package/dist/styleLint/functional/themes/light-colorblind.json +448 -440
- package/dist/styleLint/functional/themes/light-high-contrast.json +448 -440
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +448 -440
- package/dist/styleLint/functional/themes/light-tritanopia.json +448 -440
- package/dist/styleLint/functional/themes/light.json +448 -440
- 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 +27 -27
- 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: #0f5323;
|
|
39
39
|
--base-color-green-8: #033a16;
|
|
40
40
|
--base-color-green-9: #04260f;
|
|
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: #ffdfb6;
|
|
54
57
|
--base-color-orange-1: #ffc680;
|
|
55
58
|
--base-color-orange-2: #ffa657;
|
|
@@ -327,40 +330,43 @@
|
|
|
327
330
|
--control-checked-bgColor-hover: #2a7aef;
|
|
328
331
|
--fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
|
|
329
332
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
330
|
-
--ansi-black: var(--base-color-neutral-
|
|
331
|
-
--ansi-blackBright: var(--base-color-neutral-
|
|
333
|
+
--ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
|
|
334
|
+
--ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
332
335
|
--ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
|
|
333
336
|
--ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
|
|
334
|
-
--ansi-gray: var(--base-color-neutral-
|
|
337
|
+
--ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
|
|
335
338
|
--ansi-green: var(--base-color-blue-3); /** ANSI green for success indicators in terminal */
|
|
336
339
|
--ansi-greenBright: var(--base-color-blue-2); /** ANSI bright green for highlighted success in terminal */
|
|
337
340
|
--ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
|
|
338
341
|
--ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
|
|
339
342
|
--ansi-red: var(--base-color-red-3); /** ANSI red for errors and alerts in terminal output */
|
|
340
343
|
--ansi-redBright: var(--base-color-red-2); /** ANSI bright red for highlighted errors in terminal */
|
|
341
|
-
--ansi-white: var(--base-color-neutral-
|
|
344
|
+
--ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
|
|
345
|
+
--ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
|
|
342
346
|
--ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
|
|
343
347
|
--ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
|
|
344
|
-
--avatar-
|
|
348
|
+
--avatar-bgColor: #ffffff1a;
|
|
349
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
345
350
|
--avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
|
|
346
351
|
--avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
|
|
347
352
|
--base-color-inset: var(--base-color-black);
|
|
348
|
-
--base-color-neutral-0: var(--base-color-black);
|
|
349
|
-
--base-color-neutral-13: var(--base-color-white);
|
|
350
353
|
--bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
|
|
351
354
|
--bgColor-accent-muted: #388bfd1a; /** Subtle accent background for informational or selected elements */
|
|
352
355
|
--bgColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention background for prominent warnings */
|
|
353
356
|
--bgColor-attention-muted: #bb800926; /** Subtle attention background for warnings and caution states */
|
|
357
|
+
--bgColor-black: var(--base-color-black); /** Pure black background */
|
|
354
358
|
--bgColor-danger-emphasis: var(--base-color-red-5); /** Emphasized danger background for critical errors and delete confirmations */
|
|
355
359
|
--bgColor-danger-muted: #f851491a; /** Muted danger background for error states and destructive action contexts */
|
|
356
|
-
--bgColor-default: var(--base-color-neutral-
|
|
360
|
+
--bgColor-default: var(--base-color-neutral-0); /** Default background color for pages and main content areas */
|
|
357
361
|
--bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
|
|
358
362
|
--bgColor-done-emphasis: var(--base-color-purple-5); /** Strong background for completed/done state badges and labels */
|
|
359
363
|
--bgColor-done-muted: #ab7df826; /** Subtle background for completed/done state indicators */
|
|
360
|
-
--bgColor-emphasis: var(--base-color-neutral-
|
|
361
|
-
--bgColor-
|
|
362
|
-
--bgColor-
|
|
363
|
-
--bgColor-
|
|
364
|
+
--bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
|
|
365
|
+
--bgColor-inset: var(--base-color-black); /** Inset background for recessed content areas like wells or sunken panels */
|
|
366
|
+
--bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
|
|
367
|
+
--bgColor-muted: var(--base-color-neutral-1); /** Muted background for secondary content areas and subtle grouping */
|
|
368
|
+
--bgColor-neutral-emphasis: var(--base-color-neutral-9); /** Strong neutral background for prominent neutral elements */
|
|
369
|
+
--bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
364
370
|
--bgColor-open-emphasis: var(--base-color-red-5); /** Strong background for open state badges and labels */
|
|
365
371
|
--bgColor-open-muted: #f851491a; /** Subtle background for open state indicators (issues, PRs) */
|
|
366
372
|
--bgColor-severe-emphasis: var(--base-color-red-5); /** Strong severe background for prominent high-priority warnings */
|
|
@@ -369,17 +375,18 @@
|
|
|
369
375
|
--bgColor-success-emphasis: var(--base-color-blue-5); /** Strong success background for prominent positive actions */
|
|
370
376
|
--bgColor-success-muted: #388bfd26; /** Subtle success background for positive feedback and completed states */
|
|
371
377
|
--bgColor-transparent: var(--base-color-transparent); /** Fully transparent background */
|
|
378
|
+
--bgColor-white: var(--base-color-white); /** Pure white background */
|
|
372
379
|
--borderColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent border for selected or focused elements */
|
|
373
380
|
--borderColor-accent-muted: #388bfd66; /** Subtle accent border for selected or focused elements */
|
|
374
381
|
--borderColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention border for prominent warnings */
|
|
375
382
|
--borderColor-attention-muted: #bb800966; /** Subtle attention border for warnings and caution states */
|
|
376
383
|
--borderColor-danger-emphasis: var(--base-color-red-5); /** Strong danger border for destructive actions and errors */
|
|
377
384
|
--borderColor-danger-muted: #f8514966; /** Subtle danger border for errors and destructive contexts */
|
|
378
|
-
--borderColor-default: var(--base-color-neutral-
|
|
379
|
-
--borderColor-disabled: #
|
|
385
|
+
--borderColor-default: var(--base-color-neutral-5); /** Default border color for most UI elements */
|
|
386
|
+
--borderColor-disabled: #58635b1a; /** Border color for disabled interactive elements */
|
|
380
387
|
--borderColor-done-emphasis: var(--base-color-purple-5); /** Strong border for completed/done state badges */
|
|
381
388
|
--borderColor-done-muted: #ab7df866; /** Subtle border for completed/done state indicators */
|
|
382
|
-
--borderColor-emphasis: var(--base-color-neutral-
|
|
389
|
+
--borderColor-emphasis: var(--base-color-neutral-9); /** Strong border for emphasis and visual weight */
|
|
383
390
|
--borderColor-open-emphasis: var(--base-color-red-5); /** Strong border for open state badges */
|
|
384
391
|
--borderColor-open-muted: #f8514966; /** Subtle border for open state indicators */
|
|
385
392
|
--borderColor-severe-emphasis: var(--base-color-red-5); /** Strong severe border for prominent high-priority warnings */
|
|
@@ -388,27 +395,35 @@
|
|
|
388
395
|
--borderColor-sponsors-muted: #db61a266; /** Subtle border for GitHub Sponsors content */
|
|
389
396
|
--borderColor-success-emphasis: var(--base-color-blue-5); /** Strong success border for prominent positive elements */
|
|
390
397
|
--borderColor-success-muted: #388bfd66; /** Subtle success border for positive feedback elements */
|
|
398
|
+
--borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
391
399
|
--borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
|
|
392
400
|
--boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
|
|
393
401
|
--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
402
|
--boxShadow-thin: inset 0 0 0 0.0625rem; /** Thin shadow used instead of a border to prevent layout shift */
|
|
395
403
|
--button-danger-bgColor-hover: var(--base-color-red-6);
|
|
404
|
+
--button-danger-fgColor-active: var(--base-color-white);
|
|
405
|
+
--button-danger-fgColor-hover: var(--base-color-white);
|
|
406
|
+
--button-danger-iconColor-hover: var(--base-color-white);
|
|
396
407
|
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
397
408
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
398
409
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
399
|
-
--button-inactive-bgColor: var(--base-color-neutral-
|
|
400
|
-
--button-inactive-fgColor: var(--base-color-neutral-
|
|
410
|
+
--button-inactive-bgColor: var(--base-color-neutral-3);
|
|
411
|
+
--button-inactive-fgColor: var(--base-color-neutral-10);
|
|
401
412
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
402
413
|
--button-invisible-borderColor-disabled: var(--base-color-transparent);
|
|
403
|
-
--button-outline-bgColor-rest: var(--base-color-neutral-
|
|
414
|
+
--button-outline-bgColor-rest: var(--base-color-neutral-14);
|
|
415
|
+
--button-outline-fgColor-active: var(--base-color-white);
|
|
404
416
|
--button-outline-fgColor-disabled: #4493f880;
|
|
405
417
|
--button-outline-fgColor-hover: var(--base-color-blue-3);
|
|
406
418
|
--button-outline-fgColor-rest: var(--base-color-blue-4);
|
|
407
419
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
420
|
+
--button-primary-fgColor-disabled: #ffffff66;
|
|
408
421
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
409
422
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
423
|
+
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
410
424
|
--buttonCounter-danger-bgColor-rest: #49020233;
|
|
411
|
-
--buttonCounter-
|
|
425
|
+
--buttonCounter-danger-fgColor-hover: var(--base-color-white);
|
|
426
|
+
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
|
|
412
427
|
--buttonCounter-outline-bgColor-hover: #051d4d33;
|
|
413
428
|
--buttonCounter-outline-bgColor-rest: #051d4d33;
|
|
414
429
|
--buttonCounter-outline-fgColor-disabled: #4493f880;
|
|
@@ -418,10 +433,10 @@
|
|
|
418
433
|
--buttonKeybindingHint-danger-bgColor-active: #01040966;
|
|
419
434
|
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
|
|
420
435
|
--buttonKeybindingHint-danger-borderColor-hover: #0104091a;
|
|
421
|
-
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-
|
|
422
|
-
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-
|
|
436
|
+
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
|
|
437
|
+
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
|
|
423
438
|
--buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
|
|
424
|
-
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-
|
|
439
|
+
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
|
|
425
440
|
--codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
|
|
426
441
|
--codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
|
|
427
442
|
--codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
|
|
@@ -445,23 +460,25 @@
|
|
|
445
460
|
--contribution-winter-bgColor-2: var(--base-color-blue-6);
|
|
446
461
|
--contribution-winter-bgColor-3: var(--base-color-blue-3);
|
|
447
462
|
--contribution-winter-bgColor-4: var(--base-color-blue-0);
|
|
448
|
-
--control-bgColor-active: var(--base-color-neutral-
|
|
449
|
-
--control-bgColor-hover: var(--base-color-neutral-
|
|
463
|
+
--control-bgColor-active: var(--base-color-neutral-3);
|
|
464
|
+
--control-bgColor-hover: var(--base-color-neutral-3);
|
|
450
465
|
--control-bgColor-rest: var(--base-color-neutral-3);
|
|
451
|
-
--control-borderColor-selected: var(--base-color-neutral-
|
|
466
|
+
--control-borderColor-selected: var(--base-color-neutral-14);
|
|
452
467
|
--control-checked-borderColor-active: var(--control-checked-bgColor-active);
|
|
453
468
|
--control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
|
|
454
469
|
--control-danger-fgColor-hover: var(--base-color-red-3);
|
|
455
|
-
--control-transparent-bgColor-active: #
|
|
456
|
-
--control-transparent-bgColor-hover: #
|
|
470
|
+
--control-transparent-bgColor-active: #6c786f40;
|
|
471
|
+
--control-transparent-bgColor-hover: #6c786f33;
|
|
457
472
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
458
|
-
--control-transparent-bgColor-selected: #
|
|
473
|
+
--control-transparent-bgColor-selected: #6c786f33;
|
|
459
474
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
460
475
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
461
476
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
462
|
-
--controlKnob-bgColor-
|
|
463
|
-
--
|
|
464
|
-
--controlTrack-bgColor-
|
|
477
|
+
--controlKnob-bgColor-checked: var(--base-color-white);
|
|
478
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-3);
|
|
479
|
+
--controlTrack-bgColor-active: var(--base-color-neutral-4);
|
|
480
|
+
--controlTrack-bgColor-hover: var(--base-color-neutral-3);
|
|
481
|
+
--controlTrack-bgColor-rest: var(--base-color-black);
|
|
465
482
|
--counter-borderColor: var(--base-color-transparent);
|
|
466
483
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
467
484
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -502,8 +519,8 @@
|
|
|
502
519
|
--diffBlob-deletionNum-bgColor: #f851494d;
|
|
503
520
|
--diffBlob-deletionWord-bgColor: #f8514966;
|
|
504
521
|
--diffBlob-hunkLine-bgColor: var(--base-color-neutral-3);
|
|
505
|
-
--diffBlob-hunkNum-bgColor-hover: var(--base-color-neutral-
|
|
506
|
-
--diffBlob-hunkNum-bgColor-rest: var(--base-color-neutral-
|
|
522
|
+
--diffBlob-hunkNum-bgColor-hover: var(--base-color-neutral-9);
|
|
523
|
+
--diffBlob-hunkNum-bgColor-rest: var(--base-color-neutral-4);
|
|
507
524
|
--display-auburn-bgColor-emphasis: var(--base-display-color-auburn-4);
|
|
508
525
|
--display-auburn-bgColor-muted: var(--base-display-color-auburn-0);
|
|
509
526
|
--display-auburn-borderColor-emphasis: var(--base-display-color-auburn-5);
|
|
@@ -790,22 +807,27 @@
|
|
|
790
807
|
--display-yellow-scale-8: var(--base-display-color-yellow-8);
|
|
791
808
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
792
809
|
--fgColor-attention: var(--base-color-yellow-3); /** Attention text for warnings and caution states */
|
|
810
|
+
--fgColor-black: var(--base-color-black); /** Pure black text */
|
|
793
811
|
--fgColor-danger: var(--base-color-red-4); /** Danger text for errors and destructive actions */
|
|
794
|
-
--fgColor-default: var(--base-color-neutral-
|
|
795
|
-
--fgColor-disabled: var(--base-color-neutral-
|
|
812
|
+
--fgColor-default: var(--base-color-neutral-14); /** Default text color for primary content and headings */
|
|
813
|
+
--fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
|
|
796
814
|
--fgColor-done: var(--base-color-purple-4); /** Text color for completed/done state indicators */
|
|
797
815
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
798
816
|
--fgColor-muted: var(--base-color-neutral-10); /** Muted text for secondary content and less important information */
|
|
799
817
|
--fgColor-neutral: var(--base-color-neutral-10); /** Neutral semantic text for icons and secondary elements */
|
|
818
|
+
--fgColor-onEmphasis: var(--base-color-white); /** Text color for use on emphasis backgrounds */
|
|
819
|
+
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
800
820
|
--fgColor-open: var(--base-color-red-4); /** Text color for open state indicators (issues, PRs) */
|
|
801
821
|
--fgColor-severe: var(--base-color-red-4); /** Severe text for high-priority warnings */
|
|
802
822
|
--fgColor-sponsors: var(--base-color-pink-4); /** Text color for GitHub Sponsors content */
|
|
803
823
|
--fgColor-success: var(--base-color-blue-3); /** Success text for positive feedback and completed states */
|
|
804
|
-
--
|
|
824
|
+
--fgColor-white: var(--base-color-white); /** Pure white text */
|
|
825
|
+
--header-bgColor: #191f1bf2;
|
|
805
826
|
--header-borderColor-divider: var(--base-color-neutral-8);
|
|
806
|
-
--header-fgColor-
|
|
827
|
+
--header-fgColor-default: #ffffffb3;
|
|
828
|
+
--header-fgColor-logo: var(--base-color-neutral-14);
|
|
807
829
|
--headerSearch-bgColor: var(--base-color-neutral-1);
|
|
808
|
-
--headerSearch-borderColor: var(--base-color-neutral-
|
|
830
|
+
--headerSearch-borderColor: var(--base-color-neutral-3);
|
|
809
831
|
--highlight-neutral-bgColor: #d2992266;
|
|
810
832
|
--label-auburn-bgColor-active: var(--base-display-color-auburn-2);
|
|
811
833
|
--label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
|
|
@@ -941,56 +963,56 @@
|
|
|
941
963
|
--label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
|
|
942
964
|
--label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
|
|
943
965
|
--menu-bgColor-active: var(--base-color-neutral-2);
|
|
944
|
-
--overlay-backdrop-bgColor: #
|
|
945
|
-
--
|
|
966
|
+
--overlay-backdrop-bgColor: #252b2766;
|
|
967
|
+
--overlay-bgColor: var(--base-color-neutral-0);
|
|
968
|
+
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-10); /** Syntax highlighting color for angle brackets */
|
|
946
969
|
--prettylights-syntax-bracketHighlighterUnmatched: var(--base-color-red-4); /** Syntax highlighting color for unmatched brackets */
|
|
947
970
|
--prettylights-syntax-carriageReturn-bg: var(--base-color-red-6); /** Background color for carriage return characters in diffs */
|
|
948
|
-
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-
|
|
949
|
-
--prettylights-syntax-comment: var(--base-color-neutral-
|
|
971
|
+
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-14); /** Text color for carriage return characters in diffs */
|
|
972
|
+
--prettylights-syntax-comment: var(--base-color-neutral-10); /** Syntax highlighting color for code comments */
|
|
950
973
|
--prettylights-syntax-constant: var(--base-color-blue-2); /** Syntax highlighting color for constants and literal values */
|
|
951
974
|
--prettylights-syntax-constantOtherReferenceLink: var(--base-color-blue-1); /** Syntax highlighting color for reference links and URLs in code */
|
|
952
975
|
--prettylights-syntax-entity: var(--base-color-purple-2); /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
953
976
|
--prettylights-syntax-entityTag: var(--base-color-blue-1); /** Syntax highlighting color for HTML/XML tags */
|
|
954
977
|
--prettylights-syntax-keyword: var(--base-color-red-3); /** Syntax highlighting color for language keywords (if, else, return) */
|
|
955
|
-
--prettylights-syntax-markup-bold: var(--base-color-neutral-
|
|
978
|
+
--prettylights-syntax-markup-bold: var(--base-color-neutral-14); /** Syntax highlighting color for bold text in markdown */
|
|
956
979
|
--prettylights-syntax-markup-changed-bg: var(--base-color-red-8); /** Background color for changed lines in diff views */
|
|
957
980
|
--prettylights-syntax-markup-changed-text: var(--base-color-red-0); /** Text color for changed lines in diff views */
|
|
958
981
|
--prettylights-syntax-markup-deleted-bg: var(--base-color-red-8); /** Background color for deleted lines in diff views */
|
|
959
982
|
--prettylights-syntax-markup-deleted-text: var(--base-color-red-0); /** Text color for deleted lines in diff views */
|
|
960
983
|
--prettylights-syntax-markup-heading: var(--base-color-blue-5); /** Syntax highlighting color for headings in markdown */
|
|
961
984
|
--prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6); /** Background color for ignored content in diffs */
|
|
962
|
-
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-
|
|
985
|
+
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-14); /** Text color for ignored content in diffs */
|
|
963
986
|
--prettylights-syntax-markup-inserted-bg: var(--base-color-blue-8); /** Background color for inserted lines in diff views */
|
|
964
987
|
--prettylights-syntax-markup-inserted-text: var(--base-color-blue-0); /** Text color for inserted lines in diff views */
|
|
965
|
-
--prettylights-syntax-markup-italic: var(--base-color-neutral-
|
|
988
|
+
--prettylights-syntax-markup-italic: var(--base-color-neutral-14); /** Syntax highlighting color for italic text in markdown */
|
|
966
989
|
--prettylights-syntax-markup-list: var(--base-color-yellow-1); /** Syntax highlighting color for list markers in markdown */
|
|
967
990
|
--prettylights-syntax-metaDiffRange: var(--base-color-purple-2); /** Syntax highlighting color for diff range information (@@ lines) */
|
|
968
|
-
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-
|
|
991
|
+
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-14); /** Syntax highlighting color for import and require statements */
|
|
969
992
|
--prettylights-syntax-string: var(--base-color-blue-1); /** Syntax highlighting color for string literals */
|
|
970
993
|
--prettylights-syntax-stringRegexp: var(--base-color-blue-1); /** Syntax highlighting color for regular expression literals */
|
|
971
|
-
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-
|
|
994
|
+
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-5); /** Color for linter gutter marks in code editors */
|
|
972
995
|
--prettylights-syntax-variable: var(--base-color-red-2); /** Syntax highlighting color for variables and parameters */
|
|
973
996
|
--progressBar-track-borderColor: var(--base-color-transparent);
|
|
974
997
|
--reactionButton-selected-bgColor-rest: #388bfd33;
|
|
975
998
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
|
|
976
999
|
--selectMenu-bgColor-active: var(--base-color-blue-8);
|
|
1000
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
1001
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
1002
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
1003
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
977
1004
|
--sideNav-bgColor-selected: var(--base-color-neutral-3);
|
|
978
|
-
--skeletonLoader-bgColor: #
|
|
1005
|
+
--skeletonLoader-bgColor: #58635b33;
|
|
979
1006
|
--timelineBadge-bgColor: var(--base-color-neutral-3);
|
|
980
1007
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
981
1008
|
--underlineNav-borderColor-active: var(--base-color-coral-3);
|
|
982
|
-
--
|
|
983
|
-
--avatar-bgColor: #ffffff1a;
|
|
984
|
-
--bgColor-black: var(--base-color-neutral-0); /** Pure black background */
|
|
1009
|
+
--avatar-borderColor: var(--borderColor-translucent);
|
|
985
1010
|
--bgColor-closed-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for closed state badges and labels */
|
|
986
|
-
--bgColor-closed-muted: #
|
|
1011
|
+
--bgColor-closed-muted: #6c786f1a; /** Subtle background for closed state indicators (issues, PRs) */
|
|
987
1012
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
988
|
-
--bgColor-draft-muted: #
|
|
989
|
-
--bgColor-inset: var(--base-color-neutral-0); /** Inset background for recessed content areas like wells or sunken panels */
|
|
990
|
-
--bgColor-inverse: var(--base-color-neutral-13); /** Inverse background that flips between light and dark modes */
|
|
1013
|
+
--bgColor-draft-muted: #6c786f1a; /** Subtle background for draft state indicators */
|
|
991
1014
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
992
1015
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
993
|
-
--bgColor-white: var(--base-color-neutral-13); /** Pure white background */
|
|
994
1016
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
995
1017
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
996
1018
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -1008,21 +1030,18 @@
|
|
|
1008
1030
|
--border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
|
|
1009
1031
|
--border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
|
|
1010
1032
|
--border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
|
|
1033
|
+
--border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1011
1034
|
--border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
|
|
1012
1035
|
--borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
|
|
1013
|
-
--borderColor-closed-muted: #
|
|
1014
|
-
--borderColor-draft-muted: #
|
|
1015
|
-
--borderColor-muted: #
|
|
1036
|
+
--borderColor-closed-muted: #3b443e66; /** Subtle border for closed state indicators */
|
|
1037
|
+
--borderColor-draft-muted: #3b443e66; /** Subtle border for draft state indicators */
|
|
1038
|
+
--borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
|
|
1016
1039
|
--borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
|
|
1017
|
-
--borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1018
1040
|
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
|
|
1019
1041
|
--borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
|
|
1020
1042
|
--button-danger-bgColor-active: var(--bgColor-danger-emphasis);
|
|
1021
1043
|
--button-danger-bgColor-rest: var(--control-bgColor-rest);
|
|
1022
|
-
--button-danger-fgColor-active: var(--base-color-neutral-13);
|
|
1023
1044
|
--button-danger-fgColor-disabled: #f8514980;
|
|
1024
|
-
--button-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
1025
|
-
--button-danger-iconColor-hover: var(--base-color-neutral-13);
|
|
1026
1045
|
--button-default-bgColor-active: var(--control-bgColor-active);
|
|
1027
1046
|
--button-default-bgColor-hover: var(--control-bgColor-hover);
|
|
1028
1047
|
--button-default-bgColor-rest: var(--control-bgColor-rest);
|
|
@@ -1034,18 +1053,20 @@
|
|
|
1034
1053
|
--button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
|
|
1035
1054
|
--button-invisible-iconColor-hover: var(--fgColor-muted);
|
|
1036
1055
|
--button-invisible-iconColor-rest: var(--fgColor-muted);
|
|
1037
|
-
--button-outline-fgColor-active: var(--base-color-neutral-13);
|
|
1038
1056
|
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
|
|
1039
|
-
--button-primary-
|
|
1057
|
+
--button-primary-borderColor-rest: var(--borderColor-translucent);
|
|
1058
|
+
--button-primary-fgColor-rest: var(--fgColor-white);
|
|
1059
|
+
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1060
|
+
--button-primary-iconColor-rest: var(--fgColor-white);
|
|
1040
1061
|
--buttonCounter-danger-bgColor-disabled: #da36330d;
|
|
1041
|
-
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
1042
1062
|
--buttonCounter-danger-fgColor-disabled: #f8514980;
|
|
1043
|
-
--buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
1044
1063
|
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
1045
1064
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
1046
1065
|
--buttonCounter-outline-bgColor-disabled: #1f6feb0d;
|
|
1047
1066
|
--buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
1048
1067
|
--buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
|
|
1068
|
+
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
1069
|
+
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1049
1070
|
--buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
1050
1071
|
--buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
|
|
1051
1072
|
--buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
|
|
@@ -1057,6 +1078,8 @@
|
|
|
1057
1078
|
--buttonKeybindingHint-primary-bgColor-disabled: #04260f1a;
|
|
1058
1079
|
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
1059
1080
|
--buttonKeybindingHint-primary-borderColor-rest: #04260f1a;
|
|
1081
|
+
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1082
|
+
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1060
1083
|
--card-bgColor: var(--bgColor-muted);
|
|
1061
1084
|
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
|
|
1062
1085
|
--codeMirror-bgColor: var(--bgColor-default);
|
|
@@ -1081,6 +1104,7 @@
|
|
|
1081
1104
|
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
|
|
1082
1105
|
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
|
|
1083
1106
|
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
|
|
1107
|
+
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
1084
1108
|
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
|
|
1085
1109
|
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
|
|
1086
1110
|
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
@@ -1126,6 +1150,7 @@
|
|
|
1126
1150
|
--control-checked-bgColor-disabled: var(--fgColor-disabled);
|
|
1127
1151
|
--control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
|
|
1128
1152
|
--control-checked-fgColor-disabled: var(--base-color-inset);
|
|
1153
|
+
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1129
1154
|
--control-danger-bgColor-active: #f8514966;
|
|
1130
1155
|
--control-danger-bgColor-hover: var(--bgColor-danger-muted);
|
|
1131
1156
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
@@ -1134,14 +1159,14 @@
|
|
|
1134
1159
|
--control-fgColor-rest: var(--fgColor-default);
|
|
1135
1160
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
1136
1161
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
1137
|
-
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
1138
1162
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1139
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
1140
1163
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1141
1164
|
--controlTrack-borderColor-rest: var(--borderColor-default);
|
|
1165
|
+
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
1142
1166
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
1143
1167
|
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
|
|
1144
1168
|
--counter-bgColor-muted: var(--bgColor-neutral-muted);
|
|
1169
|
+
--dashboard-bgColor: var(--bgColor-inset);
|
|
1145
1170
|
--diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
|
|
1146
1171
|
--diffBlob-additionLine-fgColor: var(--fgColor-default);
|
|
1147
1172
|
--diffBlob-additionNum-fgColor: var(--fgColor-default);
|
|
@@ -1154,17 +1179,12 @@
|
|
|
1154
1179
|
--diffBlob-emptyNum-bgColor: var(--bgColor-muted);
|
|
1155
1180
|
--diffBlob-expander-iconColor: var(--fgColor-muted);
|
|
1156
1181
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
1182
|
+
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1157
1183
|
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
1158
|
-
--fgColor-black: var(--base-color-neutral-0); /** Pure black text */
|
|
1159
1184
|
--fgColor-closed: var(--fgColor-muted); /** Text color for closed state indicators (issues, PRs) */
|
|
1160
1185
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
1161
|
-
--fgColor-onEmphasis: var(--base-color-neutral-13); /** Text color for use on emphasis backgrounds */
|
|
1162
|
-
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
1163
1186
|
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
1164
|
-
--fgColor-white: var(--base-color-neutral-13); /** Pure white text */
|
|
1165
1187
|
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
1166
|
-
--header-fgColor-default: #ffffffb3;
|
|
1167
|
-
--overlay-bgColor: var(--base-color-neutral-0);
|
|
1168
1188
|
--page-header-bgColor: var(--bgColor-default);
|
|
1169
1189
|
--prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
1170
1190
|
--prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
|
|
@@ -1190,14 +1210,10 @@
|
|
|
1190
1210
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
1191
1211
|
--selectMenu-borderColor: var(--borderColor-default);
|
|
1192
1212
|
--selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
|
|
1193
|
-
--shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
|
|
1194
|
-
--shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
1195
|
-
--shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
|
|
1196
|
-
--shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
|
|
1197
1213
|
--tooltip-bgColor: var(--bgColor-emphasis);
|
|
1214
|
+
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
1198
1215
|
--treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
|
|
1199
1216
|
--underlineNav-iconColor-rest: var(--fgColor-muted);
|
|
1200
|
-
--avatar-borderColor: var(--borderColor-translucent);
|
|
1201
1217
|
--border-closed-emphasis: var(--border-danger-emphasis);
|
|
1202
1218
|
--border-closed-muted: var(--border-danger-muted);
|
|
1203
1219
|
--border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
|
|
@@ -1205,12 +1221,12 @@
|
|
|
1205
1221
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
1206
1222
|
--border-open-emphasis: var(--border-success-emphasis);
|
|
1207
1223
|
--border-open-muted: var(--border-success-muted);
|
|
1208
|
-
--border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1209
1224
|
--border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
|
|
1210
1225
|
--border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
|
|
1211
1226
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
1212
1227
|
--borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
|
|
1213
1228
|
--button-danger-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1229
|
+
--button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1214
1230
|
--button-danger-borderColor-rest: var(--control-borderColor-rest);
|
|
1215
1231
|
--button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
|
|
1216
1232
|
--button-default-bgColor-disabled: var(--control-bgColor-disabled);
|
|
@@ -1223,13 +1239,9 @@
|
|
|
1223
1239
|
--button-invisible-fgColor-hover: var(--control-fgColor-rest);
|
|
1224
1240
|
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
1225
1241
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
1226
|
-
--button-primary-borderColor-
|
|
1227
|
-
--button-primary-
|
|
1228
|
-
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1229
|
-
--button-primary-iconColor-rest: var(--fgColor-white);
|
|
1242
|
+
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
1243
|
+
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1230
1244
|
--buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
|
|
1231
|
-
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
1232
|
-
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1233
1245
|
--buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
|
|
1234
1246
|
--buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1235
1247
|
--buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
|
|
@@ -1238,43 +1250,32 @@
|
|
|
1238
1250
|
--buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1239
1251
|
--buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
1240
1252
|
--buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1241
|
-
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1242
|
-
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1243
|
-
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
1244
1253
|
--color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
1245
1254
|
--color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
1246
1255
|
--control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
|
|
1247
1256
|
--control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
|
|
1248
|
-
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1249
1257
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1250
1258
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
1251
1259
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
1252
1260
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
1253
|
-
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
1254
|
-
--dashboard-bgColor: var(--bgColor-inset);
|
|
1255
|
-
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1256
1261
|
--focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
|
|
1257
1262
|
--focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
|
|
1258
1263
|
--overlay-borderColor: var(--borderColor-muted);
|
|
1259
1264
|
--prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
1260
1265
|
--prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
1261
|
-
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
1262
1266
|
--border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
|
|
1263
1267
|
--border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
|
|
1264
|
-
--button-danger-borderColor-
|
|
1268
|
+
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
1265
1269
|
--button-default-borderColor-active: var(--button-default-borderColor-rest);
|
|
1266
1270
|
--button-default-borderColor-hover: var(--button-default-borderColor-rest);
|
|
1267
|
-
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
1268
|
-
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1269
1271
|
--buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
|
|
1270
1272
|
--buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
|
|
1271
1273
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
1272
|
-
--shadow-floating-large: 0 0 0 1px #
|
|
1273
|
-
--shadow-floating-medium: 0 0 0 1px #
|
|
1274
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
1275
|
-
--shadow-floating-xlarge: 0 0 0 1px #
|
|
1274
|
+
--shadow-floating-large: 0 0 0 1px #3b443e, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
|
|
1275
|
+
--shadow-floating-medium: 0 0 0 1px #3b443e, 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 */
|
|
1276
|
+
--shadow-floating-small: 0 0 0 1px #3b443e, 0 6px 12px -3px #06090766, 0 6px 18px 0 #06090766; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
1277
|
+
--shadow-floating-xlarge: 0 0 0 1px #3b443e, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
1276
1278
|
--underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
|
|
1277
|
-
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
1278
1279
|
--button-outline-borderColor-hover: var(--button-default-borderColor-hover);
|
|
1279
1280
|
--button-outline-borderColor-active: var(--button-outline-borderColor-hover);
|
|
1280
1281
|
}
|
|
@@ -1318,18 +1319,21 @@
|
|
|
1318
1319
|
--base-color-green-7: #0f5323;
|
|
1319
1320
|
--base-color-green-8: #033a16;
|
|
1320
1321
|
--base-color-green-9: #04260f;
|
|
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: #ffdfb6;
|
|
1334
1338
|
--base-color-orange-1: #ffc680;
|
|
1335
1339
|
--base-color-orange-2: #ffa657;
|
|
@@ -1607,40 +1611,43 @@
|
|
|
1607
1611
|
--control-checked-bgColor-hover: #2a7aef;
|
|
1608
1612
|
--fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
|
|
1609
1613
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
1610
|
-
--ansi-black: var(--base-color-neutral-
|
|
1611
|
-
--ansi-blackBright: var(--base-color-neutral-
|
|
1614
|
+
--ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
|
|
1615
|
+
--ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
1612
1616
|
--ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
|
|
1613
1617
|
--ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
|
|
1614
|
-
--ansi-gray: var(--base-color-neutral-
|
|
1618
|
+
--ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
|
|
1615
1619
|
--ansi-green: var(--base-color-blue-3); /** ANSI green for success indicators in terminal */
|
|
1616
1620
|
--ansi-greenBright: var(--base-color-blue-2); /** ANSI bright green for highlighted success in terminal */
|
|
1617
1621
|
--ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
|
|
1618
1622
|
--ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
|
|
1619
1623
|
--ansi-red: var(--base-color-red-3); /** ANSI red for errors and alerts in terminal output */
|
|
1620
1624
|
--ansi-redBright: var(--base-color-red-2); /** ANSI bright red for highlighted errors in terminal */
|
|
1621
|
-
--ansi-white: var(--base-color-neutral-
|
|
1625
|
+
--ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
|
|
1626
|
+
--ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
|
|
1622
1627
|
--ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
|
|
1623
1628
|
--ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
|
|
1624
|
-
--avatar-
|
|
1629
|
+
--avatar-bgColor: #ffffff1a;
|
|
1630
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
1625
1631
|
--avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
|
|
1626
1632
|
--avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
|
|
1627
1633
|
--base-color-inset: var(--base-color-black);
|
|
1628
|
-
--base-color-neutral-0: var(--base-color-black);
|
|
1629
|
-
--base-color-neutral-13: var(--base-color-white);
|
|
1630
1634
|
--bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
|
|
1631
1635
|
--bgColor-accent-muted: #388bfd1a; /** Subtle accent background for informational or selected elements */
|
|
1632
1636
|
--bgColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention background for prominent warnings */
|
|
1633
1637
|
--bgColor-attention-muted: #bb800926; /** Subtle attention background for warnings and caution states */
|
|
1638
|
+
--bgColor-black: var(--base-color-black); /** Pure black background */
|
|
1634
1639
|
--bgColor-danger-emphasis: var(--base-color-red-5); /** Emphasized danger background for critical errors and delete confirmations */
|
|
1635
1640
|
--bgColor-danger-muted: #f851491a; /** Muted danger background for error states and destructive action contexts */
|
|
1636
|
-
--bgColor-default: var(--base-color-neutral-
|
|
1641
|
+
--bgColor-default: var(--base-color-neutral-0); /** Default background color for pages and main content areas */
|
|
1637
1642
|
--bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
|
|
1638
1643
|
--bgColor-done-emphasis: var(--base-color-purple-5); /** Strong background for completed/done state badges and labels */
|
|
1639
1644
|
--bgColor-done-muted: #ab7df826; /** Subtle background for completed/done state indicators */
|
|
1640
|
-
--bgColor-emphasis: var(--base-color-neutral-
|
|
1641
|
-
--bgColor-
|
|
1642
|
-
--bgColor-
|
|
1643
|
-
--bgColor-
|
|
1645
|
+
--bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
|
|
1646
|
+
--bgColor-inset: var(--base-color-black); /** Inset background for recessed content areas like wells or sunken panels */
|
|
1647
|
+
--bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
|
|
1648
|
+
--bgColor-muted: var(--base-color-neutral-1); /** Muted background for secondary content areas and subtle grouping */
|
|
1649
|
+
--bgColor-neutral-emphasis: var(--base-color-neutral-9); /** Strong neutral background for prominent neutral elements */
|
|
1650
|
+
--bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
1644
1651
|
--bgColor-open-emphasis: var(--base-color-red-5); /** Strong background for open state badges and labels */
|
|
1645
1652
|
--bgColor-open-muted: #f851491a; /** Subtle background for open state indicators (issues, PRs) */
|
|
1646
1653
|
--bgColor-severe-emphasis: var(--base-color-red-5); /** Strong severe background for prominent high-priority warnings */
|
|
@@ -1649,17 +1656,18 @@
|
|
|
1649
1656
|
--bgColor-success-emphasis: var(--base-color-blue-5); /** Strong success background for prominent positive actions */
|
|
1650
1657
|
--bgColor-success-muted: #388bfd26; /** Subtle success background for positive feedback and completed states */
|
|
1651
1658
|
--bgColor-transparent: var(--base-color-transparent); /** Fully transparent background */
|
|
1659
|
+
--bgColor-white: var(--base-color-white); /** Pure white background */
|
|
1652
1660
|
--borderColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent border for selected or focused elements */
|
|
1653
1661
|
--borderColor-accent-muted: #388bfd66; /** Subtle accent border for selected or focused elements */
|
|
1654
1662
|
--borderColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention border for prominent warnings */
|
|
1655
1663
|
--borderColor-attention-muted: #bb800966; /** Subtle attention border for warnings and caution states */
|
|
1656
1664
|
--borderColor-danger-emphasis: var(--base-color-red-5); /** Strong danger border for destructive actions and errors */
|
|
1657
1665
|
--borderColor-danger-muted: #f8514966; /** Subtle danger border for errors and destructive contexts */
|
|
1658
|
-
--borderColor-default: var(--base-color-neutral-
|
|
1659
|
-
--borderColor-disabled: #
|
|
1666
|
+
--borderColor-default: var(--base-color-neutral-5); /** Default border color for most UI elements */
|
|
1667
|
+
--borderColor-disabled: #58635b1a; /** Border color for disabled interactive elements */
|
|
1660
1668
|
--borderColor-done-emphasis: var(--base-color-purple-5); /** Strong border for completed/done state badges */
|
|
1661
1669
|
--borderColor-done-muted: #ab7df866; /** Subtle border for completed/done state indicators */
|
|
1662
|
-
--borderColor-emphasis: var(--base-color-neutral-
|
|
1670
|
+
--borderColor-emphasis: var(--base-color-neutral-9); /** Strong border for emphasis and visual weight */
|
|
1663
1671
|
--borderColor-open-emphasis: var(--base-color-red-5); /** Strong border for open state badges */
|
|
1664
1672
|
--borderColor-open-muted: #f8514966; /** Subtle border for open state indicators */
|
|
1665
1673
|
--borderColor-severe-emphasis: var(--base-color-red-5); /** Strong severe border for prominent high-priority warnings */
|
|
@@ -1668,27 +1676,35 @@
|
|
|
1668
1676
|
--borderColor-sponsors-muted: #db61a266; /** Subtle border for GitHub Sponsors content */
|
|
1669
1677
|
--borderColor-success-emphasis: var(--base-color-blue-5); /** Strong success border for prominent positive elements */
|
|
1670
1678
|
--borderColor-success-muted: #388bfd66; /** Subtle success border for positive feedback elements */
|
|
1679
|
+
--borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1671
1680
|
--borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
|
|
1672
1681
|
--boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
|
|
1673
1682
|
--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
1683
|
--boxShadow-thin: inset 0 0 0 0.0625rem; /** Thin shadow used instead of a border to prevent layout shift */
|
|
1675
1684
|
--button-danger-bgColor-hover: var(--base-color-red-6);
|
|
1685
|
+
--button-danger-fgColor-active: var(--base-color-white);
|
|
1686
|
+
--button-danger-fgColor-hover: var(--base-color-white);
|
|
1687
|
+
--button-danger-iconColor-hover: var(--base-color-white);
|
|
1676
1688
|
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
1677
1689
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
1678
1690
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
1679
|
-
--button-inactive-bgColor: var(--base-color-neutral-
|
|
1680
|
-
--button-inactive-fgColor: var(--base-color-neutral-
|
|
1691
|
+
--button-inactive-bgColor: var(--base-color-neutral-3);
|
|
1692
|
+
--button-inactive-fgColor: var(--base-color-neutral-10);
|
|
1681
1693
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
1682
1694
|
--button-invisible-borderColor-disabled: var(--base-color-transparent);
|
|
1683
|
-
--button-outline-bgColor-rest: var(--base-color-neutral-
|
|
1695
|
+
--button-outline-bgColor-rest: var(--base-color-neutral-14);
|
|
1696
|
+
--button-outline-fgColor-active: var(--base-color-white);
|
|
1684
1697
|
--button-outline-fgColor-disabled: #4493f880;
|
|
1685
1698
|
--button-outline-fgColor-hover: var(--base-color-blue-3);
|
|
1686
1699
|
--button-outline-fgColor-rest: var(--base-color-blue-4);
|
|
1687
1700
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
1701
|
+
--button-primary-fgColor-disabled: #ffffff66;
|
|
1688
1702
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
1689
1703
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
1704
|
+
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
1690
1705
|
--buttonCounter-danger-bgColor-rest: #49020233;
|
|
1691
|
-
--buttonCounter-
|
|
1706
|
+
--buttonCounter-danger-fgColor-hover: var(--base-color-white);
|
|
1707
|
+
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
|
|
1692
1708
|
--buttonCounter-outline-bgColor-hover: #051d4d33;
|
|
1693
1709
|
--buttonCounter-outline-bgColor-rest: #051d4d33;
|
|
1694
1710
|
--buttonCounter-outline-fgColor-disabled: #4493f880;
|
|
@@ -1698,10 +1714,10 @@
|
|
|
1698
1714
|
--buttonKeybindingHint-danger-bgColor-active: #01040966;
|
|
1699
1715
|
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
|
|
1700
1716
|
--buttonKeybindingHint-danger-borderColor-hover: #0104091a;
|
|
1701
|
-
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-
|
|
1702
|
-
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-
|
|
1717
|
+
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
|
|
1718
|
+
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
|
|
1703
1719
|
--buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
|
|
1704
|
-
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-
|
|
1720
|
+
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
|
|
1705
1721
|
--codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
|
|
1706
1722
|
--codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
|
|
1707
1723
|
--codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
|
|
@@ -1725,23 +1741,25 @@
|
|
|
1725
1741
|
--contribution-winter-bgColor-2: var(--base-color-blue-6);
|
|
1726
1742
|
--contribution-winter-bgColor-3: var(--base-color-blue-3);
|
|
1727
1743
|
--contribution-winter-bgColor-4: var(--base-color-blue-0);
|
|
1728
|
-
--control-bgColor-active: var(--base-color-neutral-
|
|
1729
|
-
--control-bgColor-hover: var(--base-color-neutral-
|
|
1744
|
+
--control-bgColor-active: var(--base-color-neutral-3);
|
|
1745
|
+
--control-bgColor-hover: var(--base-color-neutral-3);
|
|
1730
1746
|
--control-bgColor-rest: var(--base-color-neutral-3);
|
|
1731
|
-
--control-borderColor-selected: var(--base-color-neutral-
|
|
1747
|
+
--control-borderColor-selected: var(--base-color-neutral-14);
|
|
1732
1748
|
--control-checked-borderColor-active: var(--control-checked-bgColor-active);
|
|
1733
1749
|
--control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
|
|
1734
1750
|
--control-danger-fgColor-hover: var(--base-color-red-3);
|
|
1735
|
-
--control-transparent-bgColor-active: #
|
|
1736
|
-
--control-transparent-bgColor-hover: #
|
|
1751
|
+
--control-transparent-bgColor-active: #6c786f40;
|
|
1752
|
+
--control-transparent-bgColor-hover: #6c786f33;
|
|
1737
1753
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
1738
|
-
--control-transparent-bgColor-selected: #
|
|
1754
|
+
--control-transparent-bgColor-selected: #6c786f33;
|
|
1739
1755
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
1740
1756
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
1741
1757
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1742
|
-
--controlKnob-bgColor-
|
|
1743
|
-
--
|
|
1744
|
-
--controlTrack-bgColor-
|
|
1758
|
+
--controlKnob-bgColor-checked: var(--base-color-white);
|
|
1759
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-3);
|
|
1760
|
+
--controlTrack-bgColor-active: var(--base-color-neutral-4);
|
|
1761
|
+
--controlTrack-bgColor-hover: var(--base-color-neutral-3);
|
|
1762
|
+
--controlTrack-bgColor-rest: var(--base-color-black);
|
|
1745
1763
|
--counter-borderColor: var(--base-color-transparent);
|
|
1746
1764
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
1747
1765
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -1782,8 +1800,8 @@
|
|
|
1782
1800
|
--diffBlob-deletionNum-bgColor: #f851494d;
|
|
1783
1801
|
--diffBlob-deletionWord-bgColor: #f8514966;
|
|
1784
1802
|
--diffBlob-hunkLine-bgColor: var(--base-color-neutral-3);
|
|
1785
|
-
--diffBlob-hunkNum-bgColor-hover: var(--base-color-neutral-
|
|
1786
|
-
--diffBlob-hunkNum-bgColor-rest: var(--base-color-neutral-
|
|
1803
|
+
--diffBlob-hunkNum-bgColor-hover: var(--base-color-neutral-9);
|
|
1804
|
+
--diffBlob-hunkNum-bgColor-rest: var(--base-color-neutral-4);
|
|
1787
1805
|
--display-auburn-bgColor-emphasis: var(--base-display-color-auburn-4);
|
|
1788
1806
|
--display-auburn-bgColor-muted: var(--base-display-color-auburn-0);
|
|
1789
1807
|
--display-auburn-borderColor-emphasis: var(--base-display-color-auburn-5);
|
|
@@ -2070,22 +2088,27 @@
|
|
|
2070
2088
|
--display-yellow-scale-8: var(--base-display-color-yellow-8);
|
|
2071
2089
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
2072
2090
|
--fgColor-attention: var(--base-color-yellow-3); /** Attention text for warnings and caution states */
|
|
2091
|
+
--fgColor-black: var(--base-color-black); /** Pure black text */
|
|
2073
2092
|
--fgColor-danger: var(--base-color-red-4); /** Danger text for errors and destructive actions */
|
|
2074
|
-
--fgColor-default: var(--base-color-neutral-
|
|
2075
|
-
--fgColor-disabled: var(--base-color-neutral-
|
|
2093
|
+
--fgColor-default: var(--base-color-neutral-14); /** Default text color for primary content and headings */
|
|
2094
|
+
--fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
|
|
2076
2095
|
--fgColor-done: var(--base-color-purple-4); /** Text color for completed/done state indicators */
|
|
2077
2096
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
2078
2097
|
--fgColor-muted: var(--base-color-neutral-10); /** Muted text for secondary content and less important information */
|
|
2079
2098
|
--fgColor-neutral: var(--base-color-neutral-10); /** Neutral semantic text for icons and secondary elements */
|
|
2099
|
+
--fgColor-onEmphasis: var(--base-color-white); /** Text color for use on emphasis backgrounds */
|
|
2100
|
+
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
2080
2101
|
--fgColor-open: var(--base-color-red-4); /** Text color for open state indicators (issues, PRs) */
|
|
2081
2102
|
--fgColor-severe: var(--base-color-red-4); /** Severe text for high-priority warnings */
|
|
2082
2103
|
--fgColor-sponsors: var(--base-color-pink-4); /** Text color for GitHub Sponsors content */
|
|
2083
2104
|
--fgColor-success: var(--base-color-blue-3); /** Success text for positive feedback and completed states */
|
|
2084
|
-
--
|
|
2105
|
+
--fgColor-white: var(--base-color-white); /** Pure white text */
|
|
2106
|
+
--header-bgColor: #191f1bf2;
|
|
2085
2107
|
--header-borderColor-divider: var(--base-color-neutral-8);
|
|
2086
|
-
--header-fgColor-
|
|
2108
|
+
--header-fgColor-default: #ffffffb3;
|
|
2109
|
+
--header-fgColor-logo: var(--base-color-neutral-14);
|
|
2087
2110
|
--headerSearch-bgColor: var(--base-color-neutral-1);
|
|
2088
|
-
--headerSearch-borderColor: var(--base-color-neutral-
|
|
2111
|
+
--headerSearch-borderColor: var(--base-color-neutral-3);
|
|
2089
2112
|
--highlight-neutral-bgColor: #d2992266;
|
|
2090
2113
|
--label-auburn-bgColor-active: var(--base-display-color-auburn-2);
|
|
2091
2114
|
--label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
|
|
@@ -2221,56 +2244,56 @@
|
|
|
2221
2244
|
--label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
|
|
2222
2245
|
--label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
|
|
2223
2246
|
--menu-bgColor-active: var(--base-color-neutral-2);
|
|
2224
|
-
--overlay-backdrop-bgColor: #
|
|
2225
|
-
--
|
|
2247
|
+
--overlay-backdrop-bgColor: #252b2766;
|
|
2248
|
+
--overlay-bgColor: var(--base-color-neutral-0);
|
|
2249
|
+
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-10); /** Syntax highlighting color for angle brackets */
|
|
2226
2250
|
--prettylights-syntax-bracketHighlighterUnmatched: var(--base-color-red-4); /** Syntax highlighting color for unmatched brackets */
|
|
2227
2251
|
--prettylights-syntax-carriageReturn-bg: var(--base-color-red-6); /** Background color for carriage return characters in diffs */
|
|
2228
|
-
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-
|
|
2229
|
-
--prettylights-syntax-comment: var(--base-color-neutral-
|
|
2252
|
+
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-14); /** Text color for carriage return characters in diffs */
|
|
2253
|
+
--prettylights-syntax-comment: var(--base-color-neutral-10); /** Syntax highlighting color for code comments */
|
|
2230
2254
|
--prettylights-syntax-constant: var(--base-color-blue-2); /** Syntax highlighting color for constants and literal values */
|
|
2231
2255
|
--prettylights-syntax-constantOtherReferenceLink: var(--base-color-blue-1); /** Syntax highlighting color for reference links and URLs in code */
|
|
2232
2256
|
--prettylights-syntax-entity: var(--base-color-purple-2); /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
2233
2257
|
--prettylights-syntax-entityTag: var(--base-color-blue-1); /** Syntax highlighting color for HTML/XML tags */
|
|
2234
2258
|
--prettylights-syntax-keyword: var(--base-color-red-3); /** Syntax highlighting color for language keywords (if, else, return) */
|
|
2235
|
-
--prettylights-syntax-markup-bold: var(--base-color-neutral-
|
|
2259
|
+
--prettylights-syntax-markup-bold: var(--base-color-neutral-14); /** Syntax highlighting color for bold text in markdown */
|
|
2236
2260
|
--prettylights-syntax-markup-changed-bg: var(--base-color-red-8); /** Background color for changed lines in diff views */
|
|
2237
2261
|
--prettylights-syntax-markup-changed-text: var(--base-color-red-0); /** Text color for changed lines in diff views */
|
|
2238
2262
|
--prettylights-syntax-markup-deleted-bg: var(--base-color-red-8); /** Background color for deleted lines in diff views */
|
|
2239
2263
|
--prettylights-syntax-markup-deleted-text: var(--base-color-red-0); /** Text color for deleted lines in diff views */
|
|
2240
2264
|
--prettylights-syntax-markup-heading: var(--base-color-blue-5); /** Syntax highlighting color for headings in markdown */
|
|
2241
2265
|
--prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6); /** Background color for ignored content in diffs */
|
|
2242
|
-
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-
|
|
2266
|
+
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-14); /** Text color for ignored content in diffs */
|
|
2243
2267
|
--prettylights-syntax-markup-inserted-bg: var(--base-color-blue-8); /** Background color for inserted lines in diff views */
|
|
2244
2268
|
--prettylights-syntax-markup-inserted-text: var(--base-color-blue-0); /** Text color for inserted lines in diff views */
|
|
2245
|
-
--prettylights-syntax-markup-italic: var(--base-color-neutral-
|
|
2269
|
+
--prettylights-syntax-markup-italic: var(--base-color-neutral-14); /** Syntax highlighting color for italic text in markdown */
|
|
2246
2270
|
--prettylights-syntax-markup-list: var(--base-color-yellow-1); /** Syntax highlighting color for list markers in markdown */
|
|
2247
2271
|
--prettylights-syntax-metaDiffRange: var(--base-color-purple-2); /** Syntax highlighting color for diff range information (@@ lines) */
|
|
2248
|
-
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-
|
|
2272
|
+
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-14); /** Syntax highlighting color for import and require statements */
|
|
2249
2273
|
--prettylights-syntax-string: var(--base-color-blue-1); /** Syntax highlighting color for string literals */
|
|
2250
2274
|
--prettylights-syntax-stringRegexp: var(--base-color-blue-1); /** Syntax highlighting color for regular expression literals */
|
|
2251
|
-
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-
|
|
2275
|
+
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-5); /** Color for linter gutter marks in code editors */
|
|
2252
2276
|
--prettylights-syntax-variable: var(--base-color-red-2); /** Syntax highlighting color for variables and parameters */
|
|
2253
2277
|
--progressBar-track-borderColor: var(--base-color-transparent);
|
|
2254
2278
|
--reactionButton-selected-bgColor-rest: #388bfd33;
|
|
2255
2279
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
|
|
2256
2280
|
--selectMenu-bgColor-active: var(--base-color-blue-8);
|
|
2281
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
2282
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
2283
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
2284
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
2257
2285
|
--sideNav-bgColor-selected: var(--base-color-neutral-3);
|
|
2258
|
-
--skeletonLoader-bgColor: #
|
|
2286
|
+
--skeletonLoader-bgColor: #58635b33;
|
|
2259
2287
|
--timelineBadge-bgColor: var(--base-color-neutral-3);
|
|
2260
2288
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
2261
2289
|
--underlineNav-borderColor-active: var(--base-color-coral-3);
|
|
2262
|
-
--
|
|
2263
|
-
--avatar-bgColor: #ffffff1a;
|
|
2264
|
-
--bgColor-black: var(--base-color-neutral-0); /** Pure black background */
|
|
2290
|
+
--avatar-borderColor: var(--borderColor-translucent);
|
|
2265
2291
|
--bgColor-closed-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for closed state badges and labels */
|
|
2266
|
-
--bgColor-closed-muted: #
|
|
2292
|
+
--bgColor-closed-muted: #6c786f1a; /** Subtle background for closed state indicators (issues, PRs) */
|
|
2267
2293
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
2268
|
-
--bgColor-draft-muted: #
|
|
2269
|
-
--bgColor-inset: var(--base-color-neutral-0); /** Inset background for recessed content areas like wells or sunken panels */
|
|
2270
|
-
--bgColor-inverse: var(--base-color-neutral-13); /** Inverse background that flips between light and dark modes */
|
|
2294
|
+
--bgColor-draft-muted: #6c786f1a; /** Subtle background for draft state indicators */
|
|
2271
2295
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
2272
2296
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
2273
|
-
--bgColor-white: var(--base-color-neutral-13); /** Pure white background */
|
|
2274
2297
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
2275
2298
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
2276
2299
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -2288,21 +2311,18 @@
|
|
|
2288
2311
|
--border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
|
|
2289
2312
|
--border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
|
|
2290
2313
|
--border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
|
|
2314
|
+
--border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
2291
2315
|
--border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
|
|
2292
2316
|
--borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
|
|
2293
|
-
--borderColor-closed-muted: #
|
|
2294
|
-
--borderColor-draft-muted: #
|
|
2295
|
-
--borderColor-muted: #
|
|
2317
|
+
--borderColor-closed-muted: #3b443e66; /** Subtle border for closed state indicators */
|
|
2318
|
+
--borderColor-draft-muted: #3b443e66; /** Subtle border for draft state indicators */
|
|
2319
|
+
--borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
|
|
2296
2320
|
--borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
|
|
2297
|
-
--borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
2298
2321
|
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
|
|
2299
2322
|
--borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
|
|
2300
2323
|
--button-danger-bgColor-active: var(--bgColor-danger-emphasis);
|
|
2301
2324
|
--button-danger-bgColor-rest: var(--control-bgColor-rest);
|
|
2302
|
-
--button-danger-fgColor-active: var(--base-color-neutral-13);
|
|
2303
2325
|
--button-danger-fgColor-disabled: #f8514980;
|
|
2304
|
-
--button-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
2305
|
-
--button-danger-iconColor-hover: var(--base-color-neutral-13);
|
|
2306
2326
|
--button-default-bgColor-active: var(--control-bgColor-active);
|
|
2307
2327
|
--button-default-bgColor-hover: var(--control-bgColor-hover);
|
|
2308
2328
|
--button-default-bgColor-rest: var(--control-bgColor-rest);
|
|
@@ -2314,18 +2334,20 @@
|
|
|
2314
2334
|
--button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
|
|
2315
2335
|
--button-invisible-iconColor-hover: var(--fgColor-muted);
|
|
2316
2336
|
--button-invisible-iconColor-rest: var(--fgColor-muted);
|
|
2317
|
-
--button-outline-fgColor-active: var(--base-color-neutral-13);
|
|
2318
2337
|
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
|
|
2319
|
-
--button-primary-
|
|
2338
|
+
--button-primary-borderColor-rest: var(--borderColor-translucent);
|
|
2339
|
+
--button-primary-fgColor-rest: var(--fgColor-white);
|
|
2340
|
+
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2341
|
+
--button-primary-iconColor-rest: var(--fgColor-white);
|
|
2320
2342
|
--buttonCounter-danger-bgColor-disabled: #da36330d;
|
|
2321
|
-
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
2322
2343
|
--buttonCounter-danger-fgColor-disabled: #f8514980;
|
|
2323
|
-
--buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
2324
2344
|
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
2325
2345
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
2326
2346
|
--buttonCounter-outline-bgColor-disabled: #1f6feb0d;
|
|
2327
2347
|
--buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
2328
2348
|
--buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
|
|
2349
|
+
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
2350
|
+
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2329
2351
|
--buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
2330
2352
|
--buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
|
|
2331
2353
|
--buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
|
|
@@ -2337,6 +2359,8 @@
|
|
|
2337
2359
|
--buttonKeybindingHint-primary-bgColor-disabled: #04260f1a;
|
|
2338
2360
|
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
2339
2361
|
--buttonKeybindingHint-primary-borderColor-rest: #04260f1a;
|
|
2362
|
+
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2363
|
+
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
2340
2364
|
--card-bgColor: var(--bgColor-muted);
|
|
2341
2365
|
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
|
|
2342
2366
|
--codeMirror-bgColor: var(--bgColor-default);
|
|
@@ -2361,6 +2385,7 @@
|
|
|
2361
2385
|
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
|
|
2362
2386
|
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
|
|
2363
2387
|
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
|
|
2388
|
+
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
2364
2389
|
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
|
|
2365
2390
|
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
|
|
2366
2391
|
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
@@ -2406,6 +2431,7 @@
|
|
|
2406
2431
|
--control-checked-bgColor-disabled: var(--fgColor-disabled);
|
|
2407
2432
|
--control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
|
|
2408
2433
|
--control-checked-fgColor-disabled: var(--base-color-inset);
|
|
2434
|
+
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
2409
2435
|
--control-danger-bgColor-active: #f8514966;
|
|
2410
2436
|
--control-danger-bgColor-hover: var(--bgColor-danger-muted);
|
|
2411
2437
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
@@ -2414,14 +2440,14 @@
|
|
|
2414
2440
|
--control-fgColor-rest: var(--fgColor-default);
|
|
2415
2441
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
2416
2442
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
2417
|
-
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
2418
2443
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
2419
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
2420
2444
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
2421
2445
|
--controlTrack-borderColor-rest: var(--borderColor-default);
|
|
2446
|
+
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
2422
2447
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
2423
2448
|
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
|
|
2424
2449
|
--counter-bgColor-muted: var(--bgColor-neutral-muted);
|
|
2450
|
+
--dashboard-bgColor: var(--bgColor-inset);
|
|
2425
2451
|
--diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
|
|
2426
2452
|
--diffBlob-additionLine-fgColor: var(--fgColor-default);
|
|
2427
2453
|
--diffBlob-additionNum-fgColor: var(--fgColor-default);
|
|
@@ -2434,17 +2460,12 @@
|
|
|
2434
2460
|
--diffBlob-emptyNum-bgColor: var(--bgColor-muted);
|
|
2435
2461
|
--diffBlob-expander-iconColor: var(--fgColor-muted);
|
|
2436
2462
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
2463
|
+
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2437
2464
|
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
2438
|
-
--fgColor-black: var(--base-color-neutral-0); /** Pure black text */
|
|
2439
2465
|
--fgColor-closed: var(--fgColor-muted); /** Text color for closed state indicators (issues, PRs) */
|
|
2440
2466
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
2441
|
-
--fgColor-onEmphasis: var(--base-color-neutral-13); /** Text color for use on emphasis backgrounds */
|
|
2442
|
-
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
2443
2467
|
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
2444
|
-
--fgColor-white: var(--base-color-neutral-13); /** Pure white text */
|
|
2445
2468
|
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
2446
|
-
--header-fgColor-default: #ffffffb3;
|
|
2447
|
-
--overlay-bgColor: var(--base-color-neutral-0);
|
|
2448
2469
|
--page-header-bgColor: var(--bgColor-default);
|
|
2449
2470
|
--prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
2450
2471
|
--prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
|
|
@@ -2470,14 +2491,10 @@
|
|
|
2470
2491
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
2471
2492
|
--selectMenu-borderColor: var(--borderColor-default);
|
|
2472
2493
|
--selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
|
|
2473
|
-
--shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
|
|
2474
|
-
--shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
2475
|
-
--shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
|
|
2476
|
-
--shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
|
|
2477
2494
|
--tooltip-bgColor: var(--bgColor-emphasis);
|
|
2495
|
+
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
2478
2496
|
--treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
|
|
2479
2497
|
--underlineNav-iconColor-rest: var(--fgColor-muted);
|
|
2480
|
-
--avatar-borderColor: var(--borderColor-translucent);
|
|
2481
2498
|
--border-closed-emphasis: var(--border-danger-emphasis);
|
|
2482
2499
|
--border-closed-muted: var(--border-danger-muted);
|
|
2483
2500
|
--border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
|
|
@@ -2485,12 +2502,12 @@
|
|
|
2485
2502
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
2486
2503
|
--border-open-emphasis: var(--border-success-emphasis);
|
|
2487
2504
|
--border-open-muted: var(--border-success-muted);
|
|
2488
|
-
--border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
2489
2505
|
--border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
|
|
2490
2506
|
--border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
|
|
2491
2507
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
2492
2508
|
--borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
|
|
2493
2509
|
--button-danger-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2510
|
+
--button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
2494
2511
|
--button-danger-borderColor-rest: var(--control-borderColor-rest);
|
|
2495
2512
|
--button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
|
|
2496
2513
|
--button-default-bgColor-disabled: var(--control-bgColor-disabled);
|
|
@@ -2503,13 +2520,9 @@
|
|
|
2503
2520
|
--button-invisible-fgColor-hover: var(--control-fgColor-rest);
|
|
2504
2521
|
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
2505
2522
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
2506
|
-
--button-primary-borderColor-
|
|
2507
|
-
--button-primary-
|
|
2508
|
-
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2509
|
-
--button-primary-iconColor-rest: var(--fgColor-white);
|
|
2523
|
+
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
2524
|
+
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
2510
2525
|
--buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
|
|
2511
|
-
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
2512
|
-
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2513
2526
|
--buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
|
|
2514
2527
|
--buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
2515
2528
|
--buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
|
|
@@ -2518,43 +2531,32 @@
|
|
|
2518
2531
|
--buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
|
|
2519
2532
|
--buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
2520
2533
|
--buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
|
|
2521
|
-
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2522
|
-
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
2523
|
-
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
2524
2534
|
--color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
2525
2535
|
--color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
2526
2536
|
--control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
|
|
2527
2537
|
--control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
|
|
2528
|
-
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
2529
2538
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2530
2539
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
2531
2540
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
2532
2541
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
2533
|
-
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
2534
|
-
--dashboard-bgColor: var(--bgColor-inset);
|
|
2535
|
-
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2536
2542
|
--focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
|
|
2537
2543
|
--focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
|
|
2538
2544
|
--overlay-borderColor: var(--borderColor-muted);
|
|
2539
2545
|
--prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
2540
2546
|
--prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
2541
|
-
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
2542
2547
|
--border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
|
|
2543
2548
|
--border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
|
|
2544
|
-
--button-danger-borderColor-
|
|
2549
|
+
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
2545
2550
|
--button-default-borderColor-active: var(--button-default-borderColor-rest);
|
|
2546
2551
|
--button-default-borderColor-hover: var(--button-default-borderColor-rest);
|
|
2547
|
-
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
2548
|
-
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
2549
2552
|
--buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
|
|
2550
2553
|
--buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
|
|
2551
2554
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
2552
|
-
--shadow-floating-large: 0 0 0 1px #
|
|
2553
|
-
--shadow-floating-medium: 0 0 0 1px #
|
|
2554
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
2555
|
-
--shadow-floating-xlarge: 0 0 0 1px #
|
|
2555
|
+
--shadow-floating-large: 0 0 0 1px #3b443e, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
|
|
2556
|
+
--shadow-floating-medium: 0 0 0 1px #3b443e, 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 */
|
|
2557
|
+
--shadow-floating-small: 0 0 0 1px #3b443e, 0 6px 12px -3px #06090766, 0 6px 18px 0 #06090766; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
2558
|
+
--shadow-floating-xlarge: 0 0 0 1px #3b443e, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
2556
2559
|
--underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
|
|
2557
|
-
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
2558
2560
|
--button-outline-borderColor-hover: var(--button-default-borderColor-hover);
|
|
2559
2561
|
--button-outline-borderColor-active: var(--button-outline-borderColor-hover);
|
|
2560
2562
|
}
|