@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;
|
|
@@ -321,40 +324,43 @@
|
|
|
321
324
|
--control-checked-bgColor-hover: #2a7aef;
|
|
322
325
|
--fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
|
|
323
326
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
324
|
-
--ansi-black: var(--base-color-neutral-
|
|
325
|
-
--ansi-blackBright: var(--base-color-neutral-
|
|
327
|
+
--ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
|
|
328
|
+
--ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
326
329
|
--ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
|
|
327
330
|
--ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
|
|
328
|
-
--ansi-gray: var(--base-color-neutral-
|
|
331
|
+
--ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
|
|
329
332
|
--ansi-green: var(--base-color-blue-3); /** ANSI green for success indicators in terminal */
|
|
330
333
|
--ansi-greenBright: var(--base-color-blue-2); /** ANSI bright green for highlighted success in terminal */
|
|
331
334
|
--ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
|
|
332
335
|
--ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
|
|
333
336
|
--ansi-red: var(--base-color-orange-3); /** ANSI red for errors and alerts in terminal output */
|
|
334
337
|
--ansi-redBright: var(--base-color-orange-2); /** ANSI bright red for highlighted errors in terminal */
|
|
335
|
-
--ansi-white: var(--base-color-neutral-
|
|
338
|
+
--ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
|
|
339
|
+
--ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
|
|
336
340
|
--ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
|
|
337
341
|
--ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
|
|
338
|
-
--avatar-
|
|
342
|
+
--avatar-bgColor: #ffffff1a;
|
|
343
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
339
344
|
--avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
|
|
340
345
|
--avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
|
|
341
346
|
--base-color-inset: var(--base-color-black);
|
|
342
|
-
--base-color-neutral-0: var(--base-color-black);
|
|
343
|
-
--base-color-neutral-13: var(--base-color-white);
|
|
344
347
|
--bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
|
|
345
348
|
--bgColor-accent-muted: #388bfd1a; /** Subtle accent background for informational or selected elements */
|
|
346
349
|
--bgColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention background for prominent warnings */
|
|
347
350
|
--bgColor-attention-muted: #bb800926; /** Subtle attention background for warnings and caution states */
|
|
351
|
+
--bgColor-black: var(--base-color-black); /** Pure black background */
|
|
348
352
|
--bgColor-danger-emphasis: var(--base-color-orange-5); /** Emphasized danger background for critical errors and delete confirmations */
|
|
349
353
|
--bgColor-danger-muted: #db6d281a; /** Muted danger background for error states and destructive action contexts */
|
|
350
|
-
--bgColor-default: var(--base-color-neutral-
|
|
354
|
+
--bgColor-default: var(--base-color-neutral-0); /** Default background color for pages and main content areas */
|
|
351
355
|
--bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
|
|
352
356
|
--bgColor-done-emphasis: var(--base-color-purple-5); /** Strong background for completed/done state badges and labels */
|
|
353
357
|
--bgColor-done-muted: #ab7df826; /** Subtle background for completed/done state indicators */
|
|
354
|
-
--bgColor-emphasis: var(--base-color-neutral-
|
|
355
|
-
--bgColor-
|
|
356
|
-
--bgColor-
|
|
357
|
-
--bgColor-
|
|
358
|
+
--bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
|
|
359
|
+
--bgColor-inset: var(--base-color-black); /** Inset background for recessed content areas like wells or sunken panels */
|
|
360
|
+
--bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
|
|
361
|
+
--bgColor-muted: var(--base-color-neutral-1); /** Muted background for secondary content areas and subtle grouping */
|
|
362
|
+
--bgColor-neutral-emphasis: var(--base-color-neutral-9); /** Strong neutral background for prominent neutral elements */
|
|
363
|
+
--bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
358
364
|
--bgColor-open-emphasis: var(--base-color-orange-5); /** Strong background for open state badges and labels */
|
|
359
365
|
--bgColor-open-muted: #db6d281a; /** Subtle background for open state indicators (issues, PRs) */
|
|
360
366
|
--bgColor-severe-emphasis: var(--base-color-orange-5); /** Strong severe background for prominent high-priority warnings */
|
|
@@ -364,17 +370,18 @@
|
|
|
364
370
|
--bgColor-success-emphasis: var(--base-color-blue-5); /** Strong success background for prominent positive actions */
|
|
365
371
|
--bgColor-success-muted: #388bfd33; /** Subtle success background for positive feedback and completed states */
|
|
366
372
|
--bgColor-transparent: var(--base-color-transparent); /** Fully transparent background */
|
|
373
|
+
--bgColor-white: var(--base-color-white); /** Pure white background */
|
|
367
374
|
--borderColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent border for selected or focused elements */
|
|
368
375
|
--borderColor-accent-muted: #388bfd66; /** Subtle accent border for selected or focused elements */
|
|
369
376
|
--borderColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention border for prominent warnings */
|
|
370
377
|
--borderColor-attention-muted: #bb800966; /** Subtle attention border for warnings and caution states */
|
|
371
378
|
--borderColor-danger-emphasis: var(--base-color-orange-5); /** Strong danger border for destructive actions and errors */
|
|
372
379
|
--borderColor-danger-muted: #db6d2866; /** Subtle danger border for errors and destructive contexts */
|
|
373
|
-
--borderColor-default: var(--base-color-neutral-
|
|
374
|
-
--borderColor-disabled: #
|
|
380
|
+
--borderColor-default: var(--base-color-neutral-5); /** Default border color for most UI elements */
|
|
381
|
+
--borderColor-disabled: #58635b1a; /** Border color for disabled interactive elements */
|
|
375
382
|
--borderColor-done-emphasis: var(--base-color-purple-5); /** Strong border for completed/done state badges */
|
|
376
383
|
--borderColor-done-muted: #ab7df866; /** Subtle border for completed/done state indicators */
|
|
377
|
-
--borderColor-emphasis: var(--base-color-neutral-
|
|
384
|
+
--borderColor-emphasis: var(--base-color-neutral-9); /** Strong border for emphasis and visual weight */
|
|
378
385
|
--borderColor-open-emphasis: var(--base-color-orange-5); /** Strong border for open state badges */
|
|
379
386
|
--borderColor-open-muted: #db6d2866; /** Subtle border for open state indicators */
|
|
380
387
|
--borderColor-severe-emphasis: var(--base-color-orange-5); /** Strong severe border for prominent high-priority warnings */
|
|
@@ -383,28 +390,36 @@
|
|
|
383
390
|
--borderColor-sponsors-muted: #db61a266; /** Subtle border for GitHub Sponsors content */
|
|
384
391
|
--borderColor-success-emphasis: var(--base-color-blue-5); /** Strong success border for prominent positive elements */
|
|
385
392
|
--borderColor-success-muted: #388bfd66; /** Subtle success border for positive feedback elements */
|
|
393
|
+
--borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
386
394
|
--borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
|
|
387
395
|
--boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
|
|
388
396
|
--boxShadow-thicker: inset 0 0 0 0.25rem; /** Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact */
|
|
389
397
|
--boxShadow-thin: inset 0 0 0 0.0625rem; /** Thin shadow used instead of a border to prevent layout shift */
|
|
390
398
|
--button-danger-bgColor-hover: var(--base-color-orange-6);
|
|
399
|
+
--button-danger-fgColor-active: var(--base-color-white);
|
|
400
|
+
--button-danger-fgColor-hover: var(--base-color-white);
|
|
401
|
+
--button-danger-iconColor-hover: var(--base-color-white);
|
|
391
402
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
392
403
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
393
|
-
--button-inactive-bgColor: var(--base-color-neutral-
|
|
394
|
-
--button-inactive-fgColor: var(--base-color-neutral-
|
|
404
|
+
--button-inactive-bgColor: var(--base-color-neutral-3);
|
|
405
|
+
--button-inactive-fgColor: var(--base-color-neutral-10);
|
|
395
406
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
396
407
|
--button-invisible-borderColor-disabled: var(--base-color-transparent);
|
|
397
408
|
--button-outline-bgColor-active: var(--base-color-blue-7);
|
|
398
|
-
--button-outline-bgColor-rest: var(--base-color-neutral-
|
|
409
|
+
--button-outline-bgColor-rest: var(--base-color-neutral-14);
|
|
410
|
+
--button-outline-fgColor-active: var(--base-color-white);
|
|
399
411
|
--button-outline-fgColor-disabled: #4493f880;
|
|
400
412
|
--button-outline-fgColor-hover: var(--base-color-blue-3);
|
|
401
413
|
--button-outline-fgColor-rest: var(--base-color-blue-4);
|
|
402
414
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
403
415
|
--button-primary-bgColor-disabled: var(--base-color-blue-6);
|
|
416
|
+
--button-primary-fgColor-disabled: #ffffff66;
|
|
404
417
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
405
418
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
419
|
+
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
406
420
|
--buttonCounter-danger-bgColor-rest: #49020233;
|
|
407
|
-
--buttonCounter-
|
|
421
|
+
--buttonCounter-danger-fgColor-hover: var(--base-color-white);
|
|
422
|
+
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
|
|
408
423
|
--buttonCounter-outline-bgColor-hover: #051d4d33;
|
|
409
424
|
--buttonCounter-outline-bgColor-rest: #051d4d33;
|
|
410
425
|
--buttonCounter-outline-fgColor-disabled: #4493f880;
|
|
@@ -414,10 +429,10 @@
|
|
|
414
429
|
--buttonKeybindingHint-danger-bgColor-active: #01040966;
|
|
415
430
|
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
|
|
416
431
|
--buttonKeybindingHint-danger-borderColor-hover: #0104091a;
|
|
417
|
-
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-
|
|
418
|
-
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-
|
|
432
|
+
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
|
|
433
|
+
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
|
|
419
434
|
--buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
|
|
420
|
-
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-
|
|
435
|
+
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
|
|
421
436
|
--codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
|
|
422
437
|
--codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
|
|
423
438
|
--codeMirror-syntax-fgColor-keyword: var(--base-color-orange-3);
|
|
@@ -441,23 +456,25 @@
|
|
|
441
456
|
--contribution-winter-bgColor-2: var(--base-color-blue-6);
|
|
442
457
|
--contribution-winter-bgColor-3: var(--base-color-blue-3);
|
|
443
458
|
--contribution-winter-bgColor-4: var(--base-color-blue-0);
|
|
444
|
-
--control-bgColor-active: var(--base-color-neutral-
|
|
445
|
-
--control-bgColor-hover: var(--base-color-neutral-
|
|
459
|
+
--control-bgColor-active: var(--base-color-neutral-3);
|
|
460
|
+
--control-bgColor-hover: var(--base-color-neutral-3);
|
|
446
461
|
--control-bgColor-rest: var(--base-color-neutral-3);
|
|
447
|
-
--control-borderColor-selected: var(--base-color-neutral-
|
|
462
|
+
--control-borderColor-selected: var(--base-color-neutral-14);
|
|
448
463
|
--control-checked-borderColor-active: var(--control-checked-bgColor-active);
|
|
449
464
|
--control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
|
|
450
465
|
--control-danger-fgColor-hover: var(--base-color-orange-3);
|
|
451
|
-
--control-transparent-bgColor-active: #
|
|
452
|
-
--control-transparent-bgColor-hover: #
|
|
466
|
+
--control-transparent-bgColor-active: #6c786f40;
|
|
467
|
+
--control-transparent-bgColor-hover: #6c786f33;
|
|
453
468
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
454
|
-
--control-transparent-bgColor-selected: #
|
|
469
|
+
--control-transparent-bgColor-selected: #6c786f33;
|
|
455
470
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
456
471
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
457
472
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
458
|
-
--controlKnob-bgColor-
|
|
459
|
-
--
|
|
460
|
-
--controlTrack-bgColor-
|
|
473
|
+
--controlKnob-bgColor-checked: var(--base-color-white);
|
|
474
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-3);
|
|
475
|
+
--controlTrack-bgColor-active: var(--base-color-neutral-4);
|
|
476
|
+
--controlTrack-bgColor-hover: var(--base-color-neutral-3);
|
|
477
|
+
--controlTrack-bgColor-rest: var(--base-color-black);
|
|
461
478
|
--counter-borderColor: var(--base-color-transparent);
|
|
462
479
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
463
480
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -499,8 +516,8 @@
|
|
|
499
516
|
--diffBlob-deletionNum-bgColor: #db6d284d;
|
|
500
517
|
--diffBlob-deletionWord-bgColor: #db6d2866;
|
|
501
518
|
--diffBlob-hunkLine-bgColor: var(--base-color-neutral-3);
|
|
502
|
-
--diffBlob-hunkNum-bgColor-hover: var(--base-color-neutral-
|
|
503
|
-
--diffBlob-hunkNum-bgColor-rest: var(--base-color-neutral-
|
|
519
|
+
--diffBlob-hunkNum-bgColor-hover: var(--base-color-neutral-9);
|
|
520
|
+
--diffBlob-hunkNum-bgColor-rest: var(--base-color-neutral-4);
|
|
504
521
|
--display-auburn-bgColor-emphasis: var(--base-display-color-auburn-4);
|
|
505
522
|
--display-auburn-bgColor-muted: var(--base-display-color-auburn-0);
|
|
506
523
|
--display-auburn-borderColor-emphasis: var(--base-display-color-auburn-5);
|
|
@@ -787,23 +804,28 @@
|
|
|
787
804
|
--display-yellow-scale-8: var(--base-display-color-yellow-8);
|
|
788
805
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
789
806
|
--fgColor-attention: var(--base-color-yellow-3); /** Attention text for warnings and caution states */
|
|
807
|
+
--fgColor-black: var(--base-color-black); /** Pure black text */
|
|
790
808
|
--fgColor-danger: var(--base-color-orange-3); /** Danger text for errors and destructive actions */
|
|
791
|
-
--fgColor-default: var(--base-color-neutral-
|
|
792
|
-
--fgColor-disabled: var(--base-color-neutral-
|
|
809
|
+
--fgColor-default: var(--base-color-neutral-14); /** Default text color for primary content and headings */
|
|
810
|
+
--fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
|
|
793
811
|
--fgColor-done: var(--base-color-neutral-10); /** Text color for completed/done state indicators */
|
|
794
812
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
795
813
|
--fgColor-muted: var(--base-color-neutral-10); /** Muted text for secondary content and less important information */
|
|
796
814
|
--fgColor-neutral: var(--base-color-neutral-10); /** Neutral semantic text for icons and secondary elements */
|
|
815
|
+
--fgColor-onEmphasis: var(--base-color-white); /** Text color for use on emphasis backgrounds */
|
|
816
|
+
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
797
817
|
--fgColor-open: var(--base-color-orange-4); /** Text color for open state indicators (issues, PRs) */
|
|
798
818
|
--fgColor-severe: var(--base-color-orange-4); /** Severe text for high-priority warnings */
|
|
799
819
|
--fgColor-sponsors: var(--base-color-pink-4); /** Text color for GitHub Sponsors content */
|
|
800
820
|
--fgColor-success: var(--base-color-blue-3); /** Success text for positive feedback and completed states */
|
|
801
821
|
--fgColor-upsell: var(--base-color-purple-4); /** Text color for upsell and promotional content */
|
|
802
|
-
--
|
|
822
|
+
--fgColor-white: var(--base-color-white); /** Pure white text */
|
|
823
|
+
--header-bgColor: #191f1bf2;
|
|
803
824
|
--header-borderColor-divider: var(--base-color-neutral-8);
|
|
804
|
-
--header-fgColor-
|
|
825
|
+
--header-fgColor-default: #ffffffb3;
|
|
826
|
+
--header-fgColor-logo: var(--base-color-neutral-14);
|
|
805
827
|
--headerSearch-bgColor: var(--base-color-neutral-1);
|
|
806
|
-
--headerSearch-borderColor: var(--base-color-neutral-
|
|
828
|
+
--headerSearch-borderColor: var(--base-color-neutral-3);
|
|
807
829
|
--highlight-neutral-bgColor: #d2992266;
|
|
808
830
|
--label-auburn-bgColor-active: var(--base-display-color-auburn-2);
|
|
809
831
|
--label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
|
|
@@ -939,56 +961,56 @@
|
|
|
939
961
|
--label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
|
|
940
962
|
--label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
|
|
941
963
|
--menu-bgColor-active: var(--base-color-neutral-2);
|
|
942
|
-
--overlay-backdrop-bgColor: #
|
|
943
|
-
--
|
|
964
|
+
--overlay-backdrop-bgColor: #252b2766;
|
|
965
|
+
--overlay-bgColor: var(--base-color-neutral-0);
|
|
966
|
+
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-10); /** Syntax highlighting color for angle brackets */
|
|
944
967
|
--prettylights-syntax-bracketHighlighterUnmatched: var(--base-color-orange-4); /** Syntax highlighting color for unmatched brackets */
|
|
945
968
|
--prettylights-syntax-carriageReturn-bg: var(--base-color-orange-6); /** Background color for carriage return characters in diffs */
|
|
946
|
-
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-
|
|
947
|
-
--prettylights-syntax-comment: var(--base-color-neutral-
|
|
969
|
+
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-14); /** Text color for carriage return characters in diffs */
|
|
970
|
+
--prettylights-syntax-comment: var(--base-color-neutral-10); /** Syntax highlighting color for code comments */
|
|
948
971
|
--prettylights-syntax-constant: var(--base-color-blue-2); /** Syntax highlighting color for constants and literal values */
|
|
949
972
|
--prettylights-syntax-constantOtherReferenceLink: var(--base-color-blue-1); /** Syntax highlighting color for reference links and URLs in code */
|
|
950
973
|
--prettylights-syntax-entity: var(--base-color-purple-2); /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
951
974
|
--prettylights-syntax-entityTag: var(--base-color-blue-1); /** Syntax highlighting color for HTML/XML tags */
|
|
952
975
|
--prettylights-syntax-keyword: var(--base-color-orange-3); /** Syntax highlighting color for language keywords (if, else, return) */
|
|
953
|
-
--prettylights-syntax-markup-bold: var(--base-color-neutral-
|
|
976
|
+
--prettylights-syntax-markup-bold: var(--base-color-neutral-14); /** Syntax highlighting color for bold text in markdown */
|
|
954
977
|
--prettylights-syntax-markup-changed-bg: var(--base-color-orange-8); /** Background color for changed lines in diff views */
|
|
955
978
|
--prettylights-syntax-markup-changed-text: var(--base-color-orange-0); /** Text color for changed lines in diff views */
|
|
956
979
|
--prettylights-syntax-markup-deleted-bg: var(--base-color-orange-8); /** Background color for deleted lines in diff views */
|
|
957
980
|
--prettylights-syntax-markup-deleted-text: var(--base-color-orange-0); /** Text color for deleted lines in diff views */
|
|
958
981
|
--prettylights-syntax-markup-heading: var(--base-color-blue-5); /** Syntax highlighting color for headings in markdown */
|
|
959
982
|
--prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6); /** Background color for ignored content in diffs */
|
|
960
|
-
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-
|
|
983
|
+
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-14); /** Text color for ignored content in diffs */
|
|
961
984
|
--prettylights-syntax-markup-inserted-bg: var(--base-color-blue-8); /** Background color for inserted lines in diff views */
|
|
962
985
|
--prettylights-syntax-markup-inserted-text: var(--base-color-blue-0); /** Text color for inserted lines in diff views */
|
|
963
|
-
--prettylights-syntax-markup-italic: var(--base-color-neutral-
|
|
986
|
+
--prettylights-syntax-markup-italic: var(--base-color-neutral-14); /** Syntax highlighting color for italic text in markdown */
|
|
964
987
|
--prettylights-syntax-markup-list: var(--base-color-yellow-1); /** Syntax highlighting color for list markers in markdown */
|
|
965
988
|
--prettylights-syntax-metaDiffRange: var(--base-color-purple-2); /** Syntax highlighting color for diff range information (@@ lines) */
|
|
966
|
-
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-
|
|
989
|
+
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-14); /** Syntax highlighting color for import and require statements */
|
|
967
990
|
--prettylights-syntax-string: var(--base-color-blue-1); /** Syntax highlighting color for string literals */
|
|
968
991
|
--prettylights-syntax-stringRegexp: var(--base-color-blue-1); /** Syntax highlighting color for regular expression literals */
|
|
969
|
-
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-
|
|
992
|
+
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-5); /** Color for linter gutter marks in code editors */
|
|
970
993
|
--prettylights-syntax-variable: var(--base-color-orange-2); /** Syntax highlighting color for variables and parameters */
|
|
971
994
|
--progressBar-track-borderColor: var(--base-color-transparent);
|
|
972
995
|
--reactionButton-selected-bgColor-rest: #388bfd33;
|
|
973
996
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
|
|
974
997
|
--selectMenu-bgColor-active: var(--base-color-blue-8);
|
|
998
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
999
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
1000
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
1001
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
975
1002
|
--sideNav-bgColor-selected: var(--base-color-neutral-3);
|
|
976
|
-
--skeletonLoader-bgColor: #
|
|
1003
|
+
--skeletonLoader-bgColor: #58635b33;
|
|
977
1004
|
--timelineBadge-bgColor: var(--base-color-neutral-3);
|
|
978
1005
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
979
1006
|
--underlineNav-borderColor-active: var(--base-color-coral-3);
|
|
980
|
-
--
|
|
981
|
-
--avatar-bgColor: #ffffff1a;
|
|
982
|
-
--bgColor-black: var(--base-color-neutral-0); /** Pure black background */
|
|
1007
|
+
--avatar-borderColor: var(--borderColor-translucent);
|
|
983
1008
|
--bgColor-closed-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for closed state badges and labels */
|
|
984
|
-
--bgColor-closed-muted: #
|
|
1009
|
+
--bgColor-closed-muted: #6c786f1a; /** Subtle background for closed state indicators (issues, PRs) */
|
|
985
1010
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
986
|
-
--bgColor-draft-muted: #
|
|
987
|
-
--bgColor-inset: var(--base-color-neutral-0); /** Inset background for recessed content areas like wells or sunken panels */
|
|
988
|
-
--bgColor-inverse: var(--base-color-neutral-13); /** Inverse background that flips between light and dark modes */
|
|
1011
|
+
--bgColor-draft-muted: #6c786f1a; /** Subtle background for draft state indicators */
|
|
989
1012
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
990
1013
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
991
|
-
--bgColor-white: var(--base-color-neutral-13); /** Pure white background */
|
|
992
1014
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
993
1015
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
994
1016
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -1006,22 +1028,19 @@
|
|
|
1006
1028
|
--border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
|
|
1007
1029
|
--border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
|
|
1008
1030
|
--border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
|
|
1031
|
+
--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. */
|
|
1009
1032
|
--border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
|
|
1010
1033
|
--borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
|
|
1011
|
-
--borderColor-closed-muted: #
|
|
1012
|
-
--borderColor-draft-muted: #
|
|
1013
|
-
--borderColor-muted: #
|
|
1034
|
+
--borderColor-closed-muted: #3b443e66; /** Subtle border for closed state indicators */
|
|
1035
|
+
--borderColor-draft-muted: #3b443e66; /** Subtle border for draft state indicators */
|
|
1036
|
+
--borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
|
|
1014
1037
|
--borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
|
|
1015
|
-
--borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1016
1038
|
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
|
|
1017
1039
|
--borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
|
|
1018
1040
|
--button-danger-bgColor-active: var(--bgColor-danger-emphasis);
|
|
1019
1041
|
--button-danger-bgColor-rest: var(--control-bgColor-rest);
|
|
1020
|
-
--button-danger-fgColor-active: var(--base-color-neutral-13);
|
|
1021
1042
|
--button-danger-fgColor-disabled: #f0883e80;
|
|
1022
|
-
--button-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
1023
1043
|
--button-danger-fgColor-rest: var(--fgColor-danger);
|
|
1024
|
-
--button-danger-iconColor-hover: var(--base-color-neutral-13);
|
|
1025
1044
|
--button-default-bgColor-active: var(--control-bgColor-active);
|
|
1026
1045
|
--button-default-bgColor-hover: var(--control-bgColor-hover);
|
|
1027
1046
|
--button-default-bgColor-rest: var(--control-bgColor-rest);
|
|
@@ -1034,18 +1053,20 @@
|
|
|
1034
1053
|
--button-invisible-iconColor-hover: var(--fgColor-muted);
|
|
1035
1054
|
--button-invisible-iconColor-rest: var(--fgColor-muted);
|
|
1036
1055
|
--button-outline-bgColor-hover: var(--control-bgColor-hover);
|
|
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: #bd561d0d;
|
|
1041
|
-
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
1042
1062
|
--buttonCounter-danger-fgColor-disabled: #f0883e80;
|
|
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: #db6d2866;
|
|
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: #388bfd26;
|
|
1146
1171
|
--diffBlob-additionLine-fgColor: var(--fgColor-default);
|
|
1147
1172
|
--diffBlob-additionNum-fgColor: var(--fgColor-default);
|
|
@@ -1153,16 +1178,11 @@
|
|
|
1153
1178
|
--diffBlob-emptyNum-bgColor: var(--bgColor-muted);
|
|
1154
1179
|
--diffBlob-expander-iconColor: var(--fgColor-muted);
|
|
1155
1180
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
1181
|
+
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1156
1182
|
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
1157
|
-
--fgColor-black: var(--base-color-neutral-0); /** Pure black text */
|
|
1158
1183
|
--fgColor-closed: var(--fgColor-muted); /** Text color for closed state indicators (issues, PRs) */
|
|
1159
1184
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
1160
|
-
--fgColor-onEmphasis: var(--base-color-neutral-13); /** Text color for use on emphasis backgrounds */
|
|
1161
|
-
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
1162
|
-
--fgColor-white: var(--base-color-neutral-13); /** Pure white text */
|
|
1163
1185
|
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
1164
|
-
--header-fgColor-default: #ffffffb3;
|
|
1165
|
-
--overlay-bgColor: var(--base-color-neutral-0);
|
|
1166
1186
|
--page-header-bgColor: var(--bgColor-default);
|
|
1167
1187
|
--prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
1168
1188
|
--prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
|
|
@@ -1188,14 +1208,10 @@
|
|
|
1188
1208
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
1189
1209
|
--selectMenu-borderColor: var(--borderColor-default);
|
|
1190
1210
|
--selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
|
|
1191
|
-
--shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
|
|
1192
|
-
--shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
1193
|
-
--shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
|
|
1194
|
-
--shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
|
|
1195
1211
|
--tooltip-bgColor: var(--bgColor-emphasis);
|
|
1212
|
+
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
1196
1213
|
--treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
|
|
1197
1214
|
--underlineNav-iconColor-rest: var(--fgColor-muted);
|
|
1198
|
-
--avatar-borderColor: var(--borderColor-translucent);
|
|
1199
1215
|
--border-closed-emphasis: var(--border-danger-emphasis);
|
|
1200
1216
|
--border-closed-muted: var(--border-danger-muted);
|
|
1201
1217
|
--border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
|
|
@@ -1203,12 +1219,12 @@
|
|
|
1203
1219
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
1204
1220
|
--border-open-emphasis: var(--border-success-emphasis);
|
|
1205
1221
|
--border-open-muted: var(--border-success-muted);
|
|
1206
|
-
--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. */
|
|
1207
1222
|
--border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
|
|
1208
1223
|
--border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
|
|
1209
1224
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
1210
1225
|
--borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
|
|
1211
1226
|
--button-danger-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1227
|
+
--button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1212
1228
|
--button-danger-borderColor-rest: var(--control-borderColor-rest);
|
|
1213
1229
|
--button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
|
|
1214
1230
|
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
@@ -1223,13 +1239,9 @@
|
|
|
1223
1239
|
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
1224
1240
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
1225
1241
|
--button-outline-bgColor-disabled: var(--control-bgColor-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;
|
|
@@ -1601,40 +1605,43 @@
|
|
|
1601
1605
|
--control-checked-bgColor-hover: #2a7aef;
|
|
1602
1606
|
--fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
|
|
1603
1607
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
1604
|
-
--ansi-black: var(--base-color-neutral-
|
|
1605
|
-
--ansi-blackBright: var(--base-color-neutral-
|
|
1608
|
+
--ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
|
|
1609
|
+
--ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
1606
1610
|
--ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
|
|
1607
1611
|
--ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
|
|
1608
|
-
--ansi-gray: var(--base-color-neutral-
|
|
1612
|
+
--ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
|
|
1609
1613
|
--ansi-green: var(--base-color-blue-3); /** ANSI green for success indicators in terminal */
|
|
1610
1614
|
--ansi-greenBright: var(--base-color-blue-2); /** ANSI bright green for highlighted success in terminal */
|
|
1611
1615
|
--ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
|
|
1612
1616
|
--ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
|
|
1613
1617
|
--ansi-red: var(--base-color-orange-3); /** ANSI red for errors and alerts in terminal output */
|
|
1614
1618
|
--ansi-redBright: var(--base-color-orange-2); /** ANSI bright red for highlighted errors in terminal */
|
|
1615
|
-
--ansi-white: var(--base-color-neutral-
|
|
1619
|
+
--ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
|
|
1620
|
+
--ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
|
|
1616
1621
|
--ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
|
|
1617
1622
|
--ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
|
|
1618
|
-
--avatar-
|
|
1623
|
+
--avatar-bgColor: #ffffff1a;
|
|
1624
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
1619
1625
|
--avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
|
|
1620
1626
|
--avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
|
|
1621
1627
|
--base-color-inset: var(--base-color-black);
|
|
1622
|
-
--base-color-neutral-0: var(--base-color-black);
|
|
1623
|
-
--base-color-neutral-13: var(--base-color-white);
|
|
1624
1628
|
--bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
|
|
1625
1629
|
--bgColor-accent-muted: #388bfd1a; /** Subtle accent background for informational or selected elements */
|
|
1626
1630
|
--bgColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention background for prominent warnings */
|
|
1627
1631
|
--bgColor-attention-muted: #bb800926; /** Subtle attention background for warnings and caution states */
|
|
1632
|
+
--bgColor-black: var(--base-color-black); /** Pure black background */
|
|
1628
1633
|
--bgColor-danger-emphasis: var(--base-color-orange-5); /** Emphasized danger background for critical errors and delete confirmations */
|
|
1629
1634
|
--bgColor-danger-muted: #db6d281a; /** Muted danger background for error states and destructive action contexts */
|
|
1630
|
-
--bgColor-default: var(--base-color-neutral-
|
|
1635
|
+
--bgColor-default: var(--base-color-neutral-0); /** Default background color for pages and main content areas */
|
|
1631
1636
|
--bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
|
|
1632
1637
|
--bgColor-done-emphasis: var(--base-color-purple-5); /** Strong background for completed/done state badges and labels */
|
|
1633
1638
|
--bgColor-done-muted: #ab7df826; /** Subtle background for completed/done state indicators */
|
|
1634
|
-
--bgColor-emphasis: var(--base-color-neutral-
|
|
1635
|
-
--bgColor-
|
|
1636
|
-
--bgColor-
|
|
1637
|
-
--bgColor-
|
|
1639
|
+
--bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
|
|
1640
|
+
--bgColor-inset: var(--base-color-black); /** Inset background for recessed content areas like wells or sunken panels */
|
|
1641
|
+
--bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
|
|
1642
|
+
--bgColor-muted: var(--base-color-neutral-1); /** Muted background for secondary content areas and subtle grouping */
|
|
1643
|
+
--bgColor-neutral-emphasis: var(--base-color-neutral-9); /** Strong neutral background for prominent neutral elements */
|
|
1644
|
+
--bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
1638
1645
|
--bgColor-open-emphasis: var(--base-color-orange-5); /** Strong background for open state badges and labels */
|
|
1639
1646
|
--bgColor-open-muted: #db6d281a; /** Subtle background for open state indicators (issues, PRs) */
|
|
1640
1647
|
--bgColor-severe-emphasis: var(--base-color-orange-5); /** Strong severe background for prominent high-priority warnings */
|
|
@@ -1644,17 +1651,18 @@
|
|
|
1644
1651
|
--bgColor-success-emphasis: var(--base-color-blue-5); /** Strong success background for prominent positive actions */
|
|
1645
1652
|
--bgColor-success-muted: #388bfd33; /** Subtle success background for positive feedback and completed states */
|
|
1646
1653
|
--bgColor-transparent: var(--base-color-transparent); /** Fully transparent background */
|
|
1654
|
+
--bgColor-white: var(--base-color-white); /** Pure white background */
|
|
1647
1655
|
--borderColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent border for selected or focused elements */
|
|
1648
1656
|
--borderColor-accent-muted: #388bfd66; /** Subtle accent border for selected or focused elements */
|
|
1649
1657
|
--borderColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention border for prominent warnings */
|
|
1650
1658
|
--borderColor-attention-muted: #bb800966; /** Subtle attention border for warnings and caution states */
|
|
1651
1659
|
--borderColor-danger-emphasis: var(--base-color-orange-5); /** Strong danger border for destructive actions and errors */
|
|
1652
1660
|
--borderColor-danger-muted: #db6d2866; /** Subtle danger border for errors and destructive contexts */
|
|
1653
|
-
--borderColor-default: var(--base-color-neutral-
|
|
1654
|
-
--borderColor-disabled: #
|
|
1661
|
+
--borderColor-default: var(--base-color-neutral-5); /** Default border color for most UI elements */
|
|
1662
|
+
--borderColor-disabled: #58635b1a; /** Border color for disabled interactive elements */
|
|
1655
1663
|
--borderColor-done-emphasis: var(--base-color-purple-5); /** Strong border for completed/done state badges */
|
|
1656
1664
|
--borderColor-done-muted: #ab7df866; /** Subtle border for completed/done state indicators */
|
|
1657
|
-
--borderColor-emphasis: var(--base-color-neutral-
|
|
1665
|
+
--borderColor-emphasis: var(--base-color-neutral-9); /** Strong border for emphasis and visual weight */
|
|
1658
1666
|
--borderColor-open-emphasis: var(--base-color-orange-5); /** Strong border for open state badges */
|
|
1659
1667
|
--borderColor-open-muted: #db6d2866; /** Subtle border for open state indicators */
|
|
1660
1668
|
--borderColor-severe-emphasis: var(--base-color-orange-5); /** Strong severe border for prominent high-priority warnings */
|
|
@@ -1663,28 +1671,36 @@
|
|
|
1663
1671
|
--borderColor-sponsors-muted: #db61a266; /** Subtle border for GitHub Sponsors content */
|
|
1664
1672
|
--borderColor-success-emphasis: var(--base-color-blue-5); /** Strong success border for prominent positive elements */
|
|
1665
1673
|
--borderColor-success-muted: #388bfd66; /** Subtle success border for positive feedback elements */
|
|
1674
|
+
--borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1666
1675
|
--borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
|
|
1667
1676
|
--boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
|
|
1668
1677
|
--boxShadow-thicker: inset 0 0 0 0.25rem; /** Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact */
|
|
1669
1678
|
--boxShadow-thin: inset 0 0 0 0.0625rem; /** Thin shadow used instead of a border to prevent layout shift */
|
|
1670
1679
|
--button-danger-bgColor-hover: var(--base-color-orange-6);
|
|
1680
|
+
--button-danger-fgColor-active: var(--base-color-white);
|
|
1681
|
+
--button-danger-fgColor-hover: var(--base-color-white);
|
|
1682
|
+
--button-danger-iconColor-hover: var(--base-color-white);
|
|
1671
1683
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
1672
1684
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
1673
|
-
--button-inactive-bgColor: var(--base-color-neutral-
|
|
1674
|
-
--button-inactive-fgColor: var(--base-color-neutral-
|
|
1685
|
+
--button-inactive-bgColor: var(--base-color-neutral-3);
|
|
1686
|
+
--button-inactive-fgColor: var(--base-color-neutral-10);
|
|
1675
1687
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
1676
1688
|
--button-invisible-borderColor-disabled: var(--base-color-transparent);
|
|
1677
1689
|
--button-outline-bgColor-active: var(--base-color-blue-7);
|
|
1678
|
-
--button-outline-bgColor-rest: var(--base-color-neutral-
|
|
1690
|
+
--button-outline-bgColor-rest: var(--base-color-neutral-14);
|
|
1691
|
+
--button-outline-fgColor-active: var(--base-color-white);
|
|
1679
1692
|
--button-outline-fgColor-disabled: #4493f880;
|
|
1680
1693
|
--button-outline-fgColor-hover: var(--base-color-blue-3);
|
|
1681
1694
|
--button-outline-fgColor-rest: var(--base-color-blue-4);
|
|
1682
1695
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
1683
1696
|
--button-primary-bgColor-disabled: var(--base-color-blue-6);
|
|
1697
|
+
--button-primary-fgColor-disabled: #ffffff66;
|
|
1684
1698
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
1685
1699
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
1700
|
+
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
1686
1701
|
--buttonCounter-danger-bgColor-rest: #49020233;
|
|
1687
|
-
--buttonCounter-
|
|
1702
|
+
--buttonCounter-danger-fgColor-hover: var(--base-color-white);
|
|
1703
|
+
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
|
|
1688
1704
|
--buttonCounter-outline-bgColor-hover: #051d4d33;
|
|
1689
1705
|
--buttonCounter-outline-bgColor-rest: #051d4d33;
|
|
1690
1706
|
--buttonCounter-outline-fgColor-disabled: #4493f880;
|
|
@@ -1694,10 +1710,10 @@
|
|
|
1694
1710
|
--buttonKeybindingHint-danger-bgColor-active: #01040966;
|
|
1695
1711
|
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
|
|
1696
1712
|
--buttonKeybindingHint-danger-borderColor-hover: #0104091a;
|
|
1697
|
-
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-
|
|
1698
|
-
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-
|
|
1713
|
+
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
|
|
1714
|
+
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
|
|
1699
1715
|
--buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
|
|
1700
|
-
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-
|
|
1716
|
+
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
|
|
1701
1717
|
--codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
|
|
1702
1718
|
--codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
|
|
1703
1719
|
--codeMirror-syntax-fgColor-keyword: var(--base-color-orange-3);
|
|
@@ -1721,23 +1737,25 @@
|
|
|
1721
1737
|
--contribution-winter-bgColor-2: var(--base-color-blue-6);
|
|
1722
1738
|
--contribution-winter-bgColor-3: var(--base-color-blue-3);
|
|
1723
1739
|
--contribution-winter-bgColor-4: var(--base-color-blue-0);
|
|
1724
|
-
--control-bgColor-active: var(--base-color-neutral-
|
|
1725
|
-
--control-bgColor-hover: var(--base-color-neutral-
|
|
1740
|
+
--control-bgColor-active: var(--base-color-neutral-3);
|
|
1741
|
+
--control-bgColor-hover: var(--base-color-neutral-3);
|
|
1726
1742
|
--control-bgColor-rest: var(--base-color-neutral-3);
|
|
1727
|
-
--control-borderColor-selected: var(--base-color-neutral-
|
|
1743
|
+
--control-borderColor-selected: var(--base-color-neutral-14);
|
|
1728
1744
|
--control-checked-borderColor-active: var(--control-checked-bgColor-active);
|
|
1729
1745
|
--control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
|
|
1730
1746
|
--control-danger-fgColor-hover: var(--base-color-orange-3);
|
|
1731
|
-
--control-transparent-bgColor-active: #
|
|
1732
|
-
--control-transparent-bgColor-hover: #
|
|
1747
|
+
--control-transparent-bgColor-active: #6c786f40;
|
|
1748
|
+
--control-transparent-bgColor-hover: #6c786f33;
|
|
1733
1749
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
1734
|
-
--control-transparent-bgColor-selected: #
|
|
1750
|
+
--control-transparent-bgColor-selected: #6c786f33;
|
|
1735
1751
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
1736
1752
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
1737
1753
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1738
|
-
--controlKnob-bgColor-
|
|
1739
|
-
--
|
|
1740
|
-
--controlTrack-bgColor-
|
|
1754
|
+
--controlKnob-bgColor-checked: var(--base-color-white);
|
|
1755
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-3);
|
|
1756
|
+
--controlTrack-bgColor-active: var(--base-color-neutral-4);
|
|
1757
|
+
--controlTrack-bgColor-hover: var(--base-color-neutral-3);
|
|
1758
|
+
--controlTrack-bgColor-rest: var(--base-color-black);
|
|
1741
1759
|
--counter-borderColor: var(--base-color-transparent);
|
|
1742
1760
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
1743
1761
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -1779,8 +1797,8 @@
|
|
|
1779
1797
|
--diffBlob-deletionNum-bgColor: #db6d284d;
|
|
1780
1798
|
--diffBlob-deletionWord-bgColor: #db6d2866;
|
|
1781
1799
|
--diffBlob-hunkLine-bgColor: var(--base-color-neutral-3);
|
|
1782
|
-
--diffBlob-hunkNum-bgColor-hover: var(--base-color-neutral-
|
|
1783
|
-
--diffBlob-hunkNum-bgColor-rest: var(--base-color-neutral-
|
|
1800
|
+
--diffBlob-hunkNum-bgColor-hover: var(--base-color-neutral-9);
|
|
1801
|
+
--diffBlob-hunkNum-bgColor-rest: var(--base-color-neutral-4);
|
|
1784
1802
|
--display-auburn-bgColor-emphasis: var(--base-display-color-auburn-4);
|
|
1785
1803
|
--display-auburn-bgColor-muted: var(--base-display-color-auburn-0);
|
|
1786
1804
|
--display-auburn-borderColor-emphasis: var(--base-display-color-auburn-5);
|
|
@@ -2067,23 +2085,28 @@
|
|
|
2067
2085
|
--display-yellow-scale-8: var(--base-display-color-yellow-8);
|
|
2068
2086
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
2069
2087
|
--fgColor-attention: var(--base-color-yellow-3); /** Attention text for warnings and caution states */
|
|
2088
|
+
--fgColor-black: var(--base-color-black); /** Pure black text */
|
|
2070
2089
|
--fgColor-danger: var(--base-color-orange-3); /** Danger text for errors and destructive actions */
|
|
2071
|
-
--fgColor-default: var(--base-color-neutral-
|
|
2072
|
-
--fgColor-disabled: var(--base-color-neutral-
|
|
2090
|
+
--fgColor-default: var(--base-color-neutral-14); /** Default text color for primary content and headings */
|
|
2091
|
+
--fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
|
|
2073
2092
|
--fgColor-done: var(--base-color-neutral-10); /** Text color for completed/done state indicators */
|
|
2074
2093
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
2075
2094
|
--fgColor-muted: var(--base-color-neutral-10); /** Muted text for secondary content and less important information */
|
|
2076
2095
|
--fgColor-neutral: var(--base-color-neutral-10); /** Neutral semantic text for icons and secondary elements */
|
|
2096
|
+
--fgColor-onEmphasis: var(--base-color-white); /** Text color for use on emphasis backgrounds */
|
|
2097
|
+
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
2077
2098
|
--fgColor-open: var(--base-color-orange-4); /** Text color for open state indicators (issues, PRs) */
|
|
2078
2099
|
--fgColor-severe: var(--base-color-orange-4); /** Severe text for high-priority warnings */
|
|
2079
2100
|
--fgColor-sponsors: var(--base-color-pink-4); /** Text color for GitHub Sponsors content */
|
|
2080
2101
|
--fgColor-success: var(--base-color-blue-3); /** Success text for positive feedback and completed states */
|
|
2081
2102
|
--fgColor-upsell: var(--base-color-purple-4); /** Text color for upsell and promotional content */
|
|
2082
|
-
--
|
|
2103
|
+
--fgColor-white: var(--base-color-white); /** Pure white text */
|
|
2104
|
+
--header-bgColor: #191f1bf2;
|
|
2083
2105
|
--header-borderColor-divider: var(--base-color-neutral-8);
|
|
2084
|
-
--header-fgColor-
|
|
2106
|
+
--header-fgColor-default: #ffffffb3;
|
|
2107
|
+
--header-fgColor-logo: var(--base-color-neutral-14);
|
|
2085
2108
|
--headerSearch-bgColor: var(--base-color-neutral-1);
|
|
2086
|
-
--headerSearch-borderColor: var(--base-color-neutral-
|
|
2109
|
+
--headerSearch-borderColor: var(--base-color-neutral-3);
|
|
2087
2110
|
--highlight-neutral-bgColor: #d2992266;
|
|
2088
2111
|
--label-auburn-bgColor-active: var(--base-display-color-auburn-2);
|
|
2089
2112
|
--label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
|
|
@@ -2219,56 +2242,56 @@
|
|
|
2219
2242
|
--label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
|
|
2220
2243
|
--label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
|
|
2221
2244
|
--menu-bgColor-active: var(--base-color-neutral-2);
|
|
2222
|
-
--overlay-backdrop-bgColor: #
|
|
2223
|
-
--
|
|
2245
|
+
--overlay-backdrop-bgColor: #252b2766;
|
|
2246
|
+
--overlay-bgColor: var(--base-color-neutral-0);
|
|
2247
|
+
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-10); /** Syntax highlighting color for angle brackets */
|
|
2224
2248
|
--prettylights-syntax-bracketHighlighterUnmatched: var(--base-color-orange-4); /** Syntax highlighting color for unmatched brackets */
|
|
2225
2249
|
--prettylights-syntax-carriageReturn-bg: var(--base-color-orange-6); /** Background color for carriage return characters in diffs */
|
|
2226
|
-
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-
|
|
2227
|
-
--prettylights-syntax-comment: var(--base-color-neutral-
|
|
2250
|
+
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-14); /** Text color for carriage return characters in diffs */
|
|
2251
|
+
--prettylights-syntax-comment: var(--base-color-neutral-10); /** Syntax highlighting color for code comments */
|
|
2228
2252
|
--prettylights-syntax-constant: var(--base-color-blue-2); /** Syntax highlighting color for constants and literal values */
|
|
2229
2253
|
--prettylights-syntax-constantOtherReferenceLink: var(--base-color-blue-1); /** Syntax highlighting color for reference links and URLs in code */
|
|
2230
2254
|
--prettylights-syntax-entity: var(--base-color-purple-2); /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
2231
2255
|
--prettylights-syntax-entityTag: var(--base-color-blue-1); /** Syntax highlighting color for HTML/XML tags */
|
|
2232
2256
|
--prettylights-syntax-keyword: var(--base-color-orange-3); /** Syntax highlighting color for language keywords (if, else, return) */
|
|
2233
|
-
--prettylights-syntax-markup-bold: var(--base-color-neutral-
|
|
2257
|
+
--prettylights-syntax-markup-bold: var(--base-color-neutral-14); /** Syntax highlighting color for bold text in markdown */
|
|
2234
2258
|
--prettylights-syntax-markup-changed-bg: var(--base-color-orange-8); /** Background color for changed lines in diff views */
|
|
2235
2259
|
--prettylights-syntax-markup-changed-text: var(--base-color-orange-0); /** Text color for changed lines in diff views */
|
|
2236
2260
|
--prettylights-syntax-markup-deleted-bg: var(--base-color-orange-8); /** Background color for deleted lines in diff views */
|
|
2237
2261
|
--prettylights-syntax-markup-deleted-text: var(--base-color-orange-0); /** Text color for deleted lines in diff views */
|
|
2238
2262
|
--prettylights-syntax-markup-heading: var(--base-color-blue-5); /** Syntax highlighting color for headings in markdown */
|
|
2239
2263
|
--prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6); /** Background color for ignored content in diffs */
|
|
2240
|
-
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-
|
|
2264
|
+
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-14); /** Text color for ignored content in diffs */
|
|
2241
2265
|
--prettylights-syntax-markup-inserted-bg: var(--base-color-blue-8); /** Background color for inserted lines in diff views */
|
|
2242
2266
|
--prettylights-syntax-markup-inserted-text: var(--base-color-blue-0); /** Text color for inserted lines in diff views */
|
|
2243
|
-
--prettylights-syntax-markup-italic: var(--base-color-neutral-
|
|
2267
|
+
--prettylights-syntax-markup-italic: var(--base-color-neutral-14); /** Syntax highlighting color for italic text in markdown */
|
|
2244
2268
|
--prettylights-syntax-markup-list: var(--base-color-yellow-1); /** Syntax highlighting color for list markers in markdown */
|
|
2245
2269
|
--prettylights-syntax-metaDiffRange: var(--base-color-purple-2); /** Syntax highlighting color for diff range information (@@ lines) */
|
|
2246
|
-
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-
|
|
2270
|
+
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-14); /** Syntax highlighting color for import and require statements */
|
|
2247
2271
|
--prettylights-syntax-string: var(--base-color-blue-1); /** Syntax highlighting color for string literals */
|
|
2248
2272
|
--prettylights-syntax-stringRegexp: var(--base-color-blue-1); /** Syntax highlighting color for regular expression literals */
|
|
2249
|
-
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-
|
|
2273
|
+
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-5); /** Color for linter gutter marks in code editors */
|
|
2250
2274
|
--prettylights-syntax-variable: var(--base-color-orange-2); /** Syntax highlighting color for variables and parameters */
|
|
2251
2275
|
--progressBar-track-borderColor: var(--base-color-transparent);
|
|
2252
2276
|
--reactionButton-selected-bgColor-rest: #388bfd33;
|
|
2253
2277
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
|
|
2254
2278
|
--selectMenu-bgColor-active: var(--base-color-blue-8);
|
|
2279
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
2280
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
2281
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
2282
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
2255
2283
|
--sideNav-bgColor-selected: var(--base-color-neutral-3);
|
|
2256
|
-
--skeletonLoader-bgColor: #
|
|
2284
|
+
--skeletonLoader-bgColor: #58635b33;
|
|
2257
2285
|
--timelineBadge-bgColor: var(--base-color-neutral-3);
|
|
2258
2286
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
2259
2287
|
--underlineNav-borderColor-active: var(--base-color-coral-3);
|
|
2260
|
-
--
|
|
2261
|
-
--avatar-bgColor: #ffffff1a;
|
|
2262
|
-
--bgColor-black: var(--base-color-neutral-0); /** Pure black background */
|
|
2288
|
+
--avatar-borderColor: var(--borderColor-translucent);
|
|
2263
2289
|
--bgColor-closed-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for closed state badges and labels */
|
|
2264
|
-
--bgColor-closed-muted: #
|
|
2290
|
+
--bgColor-closed-muted: #6c786f1a; /** Subtle background for closed state indicators (issues, PRs) */
|
|
2265
2291
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
2266
|
-
--bgColor-draft-muted: #
|
|
2267
|
-
--bgColor-inset: var(--base-color-neutral-0); /** Inset background for recessed content areas like wells or sunken panels */
|
|
2268
|
-
--bgColor-inverse: var(--base-color-neutral-13); /** Inverse background that flips between light and dark modes */
|
|
2292
|
+
--bgColor-draft-muted: #6c786f1a; /** Subtle background for draft state indicators */
|
|
2269
2293
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
2270
2294
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
2271
|
-
--bgColor-white: var(--base-color-neutral-13); /** Pure white background */
|
|
2272
2295
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
2273
2296
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
2274
2297
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -2286,22 +2309,19 @@
|
|
|
2286
2309
|
--border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
|
|
2287
2310
|
--border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
|
|
2288
2311
|
--border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
|
|
2312
|
+
--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. */
|
|
2289
2313
|
--border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
|
|
2290
2314
|
--borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
|
|
2291
|
-
--borderColor-closed-muted: #
|
|
2292
|
-
--borderColor-draft-muted: #
|
|
2293
|
-
--borderColor-muted: #
|
|
2315
|
+
--borderColor-closed-muted: #3b443e66; /** Subtle border for closed state indicators */
|
|
2316
|
+
--borderColor-draft-muted: #3b443e66; /** Subtle border for draft state indicators */
|
|
2317
|
+
--borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
|
|
2294
2318
|
--borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
|
|
2295
|
-
--borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
2296
2319
|
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
|
|
2297
2320
|
--borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
|
|
2298
2321
|
--button-danger-bgColor-active: var(--bgColor-danger-emphasis);
|
|
2299
2322
|
--button-danger-bgColor-rest: var(--control-bgColor-rest);
|
|
2300
|
-
--button-danger-fgColor-active: var(--base-color-neutral-13);
|
|
2301
2323
|
--button-danger-fgColor-disabled: #f0883e80;
|
|
2302
|
-
--button-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
2303
2324
|
--button-danger-fgColor-rest: var(--fgColor-danger);
|
|
2304
|
-
--button-danger-iconColor-hover: var(--base-color-neutral-13);
|
|
2305
2325
|
--button-default-bgColor-active: var(--control-bgColor-active);
|
|
2306
2326
|
--button-default-bgColor-hover: var(--control-bgColor-hover);
|
|
2307
2327
|
--button-default-bgColor-rest: var(--control-bgColor-rest);
|
|
@@ -2314,18 +2334,20 @@
|
|
|
2314
2334
|
--button-invisible-iconColor-hover: var(--fgColor-muted);
|
|
2315
2335
|
--button-invisible-iconColor-rest: var(--fgColor-muted);
|
|
2316
2336
|
--button-outline-bgColor-hover: var(--control-bgColor-hover);
|
|
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: #bd561d0d;
|
|
2321
|
-
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
2322
2343
|
--buttonCounter-danger-fgColor-disabled: #f0883e80;
|
|
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: #db6d2866;
|
|
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: #388bfd26;
|
|
2426
2452
|
--diffBlob-additionLine-fgColor: var(--fgColor-default);
|
|
2427
2453
|
--diffBlob-additionNum-fgColor: var(--fgColor-default);
|
|
@@ -2433,16 +2459,11 @@
|
|
|
2433
2459
|
--diffBlob-emptyNum-bgColor: var(--bgColor-muted);
|
|
2434
2460
|
--diffBlob-expander-iconColor: var(--fgColor-muted);
|
|
2435
2461
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
2462
|
+
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2436
2463
|
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
2437
|
-
--fgColor-black: var(--base-color-neutral-0); /** Pure black text */
|
|
2438
2464
|
--fgColor-closed: var(--fgColor-muted); /** Text color for closed state indicators (issues, PRs) */
|
|
2439
2465
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
2440
|
-
--fgColor-onEmphasis: var(--base-color-neutral-13); /** Text color for use on emphasis backgrounds */
|
|
2441
|
-
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
2442
|
-
--fgColor-white: var(--base-color-neutral-13); /** Pure white text */
|
|
2443
2466
|
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
2444
|
-
--header-fgColor-default: #ffffffb3;
|
|
2445
|
-
--overlay-bgColor: var(--base-color-neutral-0);
|
|
2446
2467
|
--page-header-bgColor: var(--bgColor-default);
|
|
2447
2468
|
--prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
2448
2469
|
--prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
|
|
@@ -2468,14 +2489,10 @@
|
|
|
2468
2489
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
2469
2490
|
--selectMenu-borderColor: var(--borderColor-default);
|
|
2470
2491
|
--selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
|
|
2471
|
-
--shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
|
|
2472
|
-
--shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
2473
|
-
--shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
|
|
2474
|
-
--shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
|
|
2475
2492
|
--tooltip-bgColor: var(--bgColor-emphasis);
|
|
2493
|
+
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
2476
2494
|
--treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
|
|
2477
2495
|
--underlineNav-iconColor-rest: var(--fgColor-muted);
|
|
2478
|
-
--avatar-borderColor: var(--borderColor-translucent);
|
|
2479
2496
|
--border-closed-emphasis: var(--border-danger-emphasis);
|
|
2480
2497
|
--border-closed-muted: var(--border-danger-muted);
|
|
2481
2498
|
--border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
|
|
@@ -2483,12 +2500,12 @@
|
|
|
2483
2500
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
2484
2501
|
--border-open-emphasis: var(--border-success-emphasis);
|
|
2485
2502
|
--border-open-muted: var(--border-success-muted);
|
|
2486
|
-
--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. */
|
|
2487
2503
|
--border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
|
|
2488
2504
|
--border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
|
|
2489
2505
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
2490
2506
|
--borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
|
|
2491
2507
|
--button-danger-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2508
|
+
--button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
2492
2509
|
--button-danger-borderColor-rest: var(--control-borderColor-rest);
|
|
2493
2510
|
--button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
|
|
2494
2511
|
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
@@ -2503,13 +2520,9 @@
|
|
|
2503
2520
|
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
2504
2521
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
2505
2522
|
--button-outline-bgColor-disabled: var(--control-bgColor-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
|
}
|