@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;
|
|
@@ -323,40 +326,43 @@
|
|
|
323
326
|
--control-checked-bgColor-hover: #2a7aef;
|
|
324
327
|
--fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
|
|
325
328
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
326
|
-
--ansi-black: var(--base-color-neutral-
|
|
327
|
-
--ansi-blackBright: var(--base-color-neutral-
|
|
329
|
+
--ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
|
|
330
|
+
--ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
328
331
|
--ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
|
|
329
332
|
--ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
|
|
330
|
-
--ansi-gray: var(--base-color-neutral-
|
|
333
|
+
--ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
|
|
331
334
|
--ansi-green: var(--base-color-green-3); /** ANSI green for success indicators in terminal */
|
|
332
335
|
--ansi-greenBright: var(--base-color-green-2); /** ANSI bright green for highlighted success in terminal */
|
|
333
336
|
--ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
|
|
334
337
|
--ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
|
|
335
338
|
--ansi-red: var(--base-color-red-3); /** ANSI red for errors and alerts in terminal output */
|
|
336
339
|
--ansi-redBright: var(--base-color-red-2); /** ANSI bright red for highlighted errors in terminal */
|
|
337
|
-
--ansi-white: var(--base-color-neutral-
|
|
340
|
+
--ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
|
|
341
|
+
--ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
|
|
338
342
|
--ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
|
|
339
343
|
--ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
|
|
340
|
-
--avatar-
|
|
344
|
+
--avatar-bgColor: #ffffff1a;
|
|
345
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
341
346
|
--avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
|
|
342
347
|
--avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
|
|
343
348
|
--base-color-inset: var(--base-color-black);
|
|
344
|
-
--base-color-neutral-0: var(--base-color-black);
|
|
345
|
-
--base-color-neutral-13: var(--base-color-white);
|
|
346
349
|
--bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
|
|
347
350
|
--bgColor-accent-muted: #388bfd1a; /** Subtle accent background for informational or selected elements */
|
|
348
351
|
--bgColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention background for prominent warnings */
|
|
349
352
|
--bgColor-attention-muted: #bb800926; /** Subtle attention background for warnings and caution states */
|
|
353
|
+
--bgColor-black: var(--base-color-black); /** Pure black background */
|
|
350
354
|
--bgColor-danger-emphasis: var(--base-color-red-5); /** Emphasized danger background for critical errors and delete confirmations */
|
|
351
355
|
--bgColor-danger-muted: #f851491a; /** Muted danger background for error states and destructive action contexts */
|
|
352
|
-
--bgColor-default: var(--base-color-neutral-
|
|
356
|
+
--bgColor-default: var(--base-color-neutral-0); /** Default background color for pages and main content areas */
|
|
353
357
|
--bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
|
|
354
358
|
--bgColor-done-emphasis: var(--base-color-purple-5); /** Strong background for completed/done state badges and labels */
|
|
355
359
|
--bgColor-done-muted: #ab7df826; /** Subtle background for completed/done state indicators */
|
|
356
|
-
--bgColor-emphasis: var(--base-color-neutral-
|
|
357
|
-
--bgColor-
|
|
358
|
-
--bgColor-
|
|
359
|
-
--bgColor-
|
|
360
|
+
--bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
|
|
361
|
+
--bgColor-inset: var(--base-color-black); /** Inset background for recessed content areas like wells or sunken panels */
|
|
362
|
+
--bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
|
|
363
|
+
--bgColor-muted: var(--base-color-neutral-1); /** Muted background for secondary content areas and subtle grouping */
|
|
364
|
+
--bgColor-neutral-emphasis: var(--base-color-neutral-9); /** Strong neutral background for prominent neutral elements */
|
|
365
|
+
--bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
360
366
|
--bgColor-severe-emphasis: var(--base-color-orange-5); /** Strong severe background for prominent high-priority warnings */
|
|
361
367
|
--bgColor-severe-muted: #db6d281a; /** Subtle severe background for high-priority warnings */
|
|
362
368
|
--bgColor-sponsors-emphasis: var(--base-color-pink-5); /** Strong background for prominent GitHub Sponsors elements */
|
|
@@ -364,45 +370,54 @@
|
|
|
364
370
|
--bgColor-success-emphasis: var(--base-color-green-5); /** Strong success background for prominent positive actions */
|
|
365
371
|
--bgColor-success-muted: #2ea04326; /** 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-red-5); /** Strong danger border for destructive actions and errors */
|
|
372
379
|
--borderColor-danger-muted: #f8514966; /** 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-severe-emphasis: var(--base-color-orange-5); /** Strong severe border for prominent high-priority warnings */
|
|
379
386
|
--borderColor-severe-muted: #db6d2866; /** Subtle severe border for high-priority warnings */
|
|
380
387
|
--borderColor-sponsors-emphasis: var(--base-color-pink-5); /** Strong border for prominent GitHub Sponsors elements */
|
|
381
388
|
--borderColor-sponsors-muted: #db61a266; /** Subtle border for GitHub Sponsors content */
|
|
382
389
|
--borderColor-success-emphasis: var(--base-color-green-5); /** Strong success border for prominent positive elements */
|
|
383
390
|
--borderColor-success-muted: #2ea04366; /** Subtle success border for positive feedback elements */
|
|
391
|
+
--borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
384
392
|
--borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
|
|
385
393
|
--boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
|
|
386
394
|
--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 */
|
|
387
395
|
--boxShadow-thin: inset 0 0 0 0.0625rem; /** Thin shadow used instead of a border to prevent layout shift */
|
|
388
396
|
--button-danger-bgColor-hover: var(--base-color-red-6);
|
|
397
|
+
--button-danger-fgColor-active: var(--base-color-white);
|
|
398
|
+
--button-danger-fgColor-hover: var(--base-color-white);
|
|
399
|
+
--button-danger-iconColor-hover: var(--base-color-white);
|
|
389
400
|
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
390
401
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
391
402
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
392
|
-
--button-inactive-bgColor: var(--base-color-neutral-
|
|
393
|
-
--button-inactive-fgColor: var(--base-color-neutral-
|
|
403
|
+
--button-inactive-bgColor: var(--base-color-neutral-3);
|
|
404
|
+
--button-inactive-fgColor: var(--base-color-neutral-10);
|
|
394
405
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
395
406
|
--button-invisible-borderColor-disabled: var(--base-color-transparent);
|
|
396
407
|
--button-outline-bgColor-active: var(--base-color-blue-7);
|
|
397
|
-
--button-outline-bgColor-rest: var(--base-color-neutral-
|
|
408
|
+
--button-outline-bgColor-rest: var(--base-color-neutral-14);
|
|
409
|
+
--button-outline-fgColor-active: var(--base-color-white);
|
|
398
410
|
--button-outline-fgColor-disabled: #4493f880;
|
|
399
411
|
--button-outline-fgColor-hover: var(--base-color-blue-3);
|
|
400
412
|
--button-outline-fgColor-rest: var(--base-color-blue-4);
|
|
401
413
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
414
|
+
--button-primary-fgColor-disabled: #ffffff66;
|
|
402
415
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
403
416
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
417
|
+
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
404
418
|
--buttonCounter-danger-bgColor-rest: #49020233;
|
|
405
|
-
--buttonCounter-
|
|
419
|
+
--buttonCounter-danger-fgColor-hover: var(--base-color-white);
|
|
420
|
+
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
|
|
406
421
|
--buttonCounter-outline-bgColor-hover: #051d4d33;
|
|
407
422
|
--buttonCounter-outline-bgColor-rest: #051d4d33;
|
|
408
423
|
--buttonCounter-outline-fgColor-disabled: #4493f880;
|
|
@@ -412,10 +427,10 @@
|
|
|
412
427
|
--buttonKeybindingHint-danger-bgColor-active: #01040966;
|
|
413
428
|
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
|
|
414
429
|
--buttonKeybindingHint-danger-borderColor-hover: #0104091a;
|
|
415
|
-
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-
|
|
416
|
-
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-
|
|
430
|
+
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
|
|
431
|
+
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
|
|
417
432
|
--buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
|
|
418
|
-
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-
|
|
433
|
+
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
|
|
419
434
|
--codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
|
|
420
435
|
--codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
|
|
421
436
|
--codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
|
|
@@ -439,23 +454,25 @@
|
|
|
439
454
|
--contribution-winter-bgColor-2: var(--base-color-blue-6);
|
|
440
455
|
--contribution-winter-bgColor-3: var(--base-color-blue-3);
|
|
441
456
|
--contribution-winter-bgColor-4: var(--base-color-blue-0);
|
|
442
|
-
--control-bgColor-active: var(--base-color-neutral-
|
|
443
|
-
--control-bgColor-hover: var(--base-color-neutral-
|
|
457
|
+
--control-bgColor-active: var(--base-color-neutral-3);
|
|
458
|
+
--control-bgColor-hover: var(--base-color-neutral-3);
|
|
444
459
|
--control-bgColor-rest: var(--base-color-neutral-3);
|
|
445
|
-
--control-borderColor-selected: var(--base-color-neutral-
|
|
460
|
+
--control-borderColor-selected: var(--base-color-neutral-14);
|
|
446
461
|
--control-checked-borderColor-active: var(--control-checked-bgColor-active);
|
|
447
462
|
--control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
|
|
448
463
|
--control-danger-fgColor-hover: var(--base-color-red-3);
|
|
449
|
-
--control-transparent-bgColor-active: #
|
|
450
|
-
--control-transparent-bgColor-hover: #
|
|
464
|
+
--control-transparent-bgColor-active: #6c786f40;
|
|
465
|
+
--control-transparent-bgColor-hover: #6c786f33;
|
|
451
466
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
452
|
-
--control-transparent-bgColor-selected: #
|
|
467
|
+
--control-transparent-bgColor-selected: #6c786f33;
|
|
453
468
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
454
469
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
455
470
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
456
|
-
--controlKnob-bgColor-
|
|
457
|
-
--
|
|
458
|
-
--controlTrack-bgColor-
|
|
471
|
+
--controlKnob-bgColor-checked: var(--base-color-white);
|
|
472
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-3);
|
|
473
|
+
--controlTrack-bgColor-active: var(--base-color-neutral-4);
|
|
474
|
+
--controlTrack-bgColor-hover: var(--base-color-neutral-3);
|
|
475
|
+
--controlTrack-bgColor-rest: var(--base-color-black);
|
|
459
476
|
--counter-borderColor: var(--base-color-transparent);
|
|
460
477
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
461
478
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -782,21 +799,26 @@
|
|
|
782
799
|
--display-yellow-scale-8: var(--base-display-color-yellow-8);
|
|
783
800
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
784
801
|
--fgColor-attention: var(--base-color-yellow-3); /** Attention text for warnings and caution states */
|
|
802
|
+
--fgColor-black: var(--base-color-black); /** Pure black text */
|
|
785
803
|
--fgColor-danger: var(--base-color-red-4); /** Danger text for errors and destructive actions */
|
|
786
|
-
--fgColor-default: var(--base-color-neutral-
|
|
787
|
-
--fgColor-disabled: var(--base-color-neutral-
|
|
804
|
+
--fgColor-default: var(--base-color-neutral-14); /** Default text color for primary content and headings */
|
|
805
|
+
--fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
|
|
788
806
|
--fgColor-done: var(--base-color-purple-4); /** Text color for completed/done state indicators */
|
|
789
807
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
790
808
|
--fgColor-muted: var(--base-color-neutral-10); /** Muted text for secondary content and less important information */
|
|
791
809
|
--fgColor-neutral: var(--base-color-neutral-10); /** Neutral semantic text for icons and secondary elements */
|
|
810
|
+
--fgColor-onEmphasis: var(--base-color-white); /** Text color for use on emphasis backgrounds */
|
|
811
|
+
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
792
812
|
--fgColor-severe: var(--base-color-orange-4); /** Severe text for high-priority warnings */
|
|
793
813
|
--fgColor-sponsors: var(--base-color-pink-4); /** Text color for GitHub Sponsors content */
|
|
794
814
|
--fgColor-success: var(--base-color-green-3); /** Success text for positive feedback and completed states */
|
|
795
|
-
--
|
|
815
|
+
--fgColor-white: var(--base-color-white); /** Pure white text */
|
|
816
|
+
--header-bgColor: #191f1bf2;
|
|
796
817
|
--header-borderColor-divider: var(--base-color-neutral-8);
|
|
797
|
-
--header-fgColor-
|
|
818
|
+
--header-fgColor-default: #ffffffb3;
|
|
819
|
+
--header-fgColor-logo: var(--base-color-neutral-14);
|
|
798
820
|
--headerSearch-bgColor: var(--base-color-neutral-1);
|
|
799
|
-
--headerSearch-borderColor: var(--base-color-neutral-
|
|
821
|
+
--headerSearch-borderColor: var(--base-color-neutral-3);
|
|
800
822
|
--highlight-neutral-bgColor: #d2992266;
|
|
801
823
|
--label-auburn-bgColor-active: var(--base-display-color-auburn-2);
|
|
802
824
|
--label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
|
|
@@ -932,58 +954,58 @@
|
|
|
932
954
|
--label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
|
|
933
955
|
--label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
|
|
934
956
|
--menu-bgColor-active: var(--base-color-neutral-2);
|
|
935
|
-
--overlay-backdrop-bgColor: #
|
|
936
|
-
--
|
|
957
|
+
--overlay-backdrop-bgColor: #252b2766;
|
|
958
|
+
--overlay-bgColor: var(--base-color-neutral-0);
|
|
959
|
+
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-10); /** Syntax highlighting color for angle brackets */
|
|
937
960
|
--prettylights-syntax-bracketHighlighterUnmatched: var(--base-color-red-4); /** Syntax highlighting color for unmatched brackets */
|
|
938
961
|
--prettylights-syntax-carriageReturn-bg: var(--base-color-red-6); /** Background color for carriage return characters in diffs */
|
|
939
|
-
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-
|
|
940
|
-
--prettylights-syntax-comment: var(--base-color-neutral-
|
|
962
|
+
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-14); /** Text color for carriage return characters in diffs */
|
|
963
|
+
--prettylights-syntax-comment: var(--base-color-neutral-10); /** Syntax highlighting color for code comments */
|
|
941
964
|
--prettylights-syntax-constant: var(--base-color-blue-2); /** Syntax highlighting color for constants and literal values */
|
|
942
965
|
--prettylights-syntax-constantOtherReferenceLink: var(--base-color-blue-1); /** Syntax highlighting color for reference links and URLs in code */
|
|
943
966
|
--prettylights-syntax-entity: var(--base-color-purple-2); /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
944
967
|
--prettylights-syntax-entityTag: var(--base-color-green-1); /** Syntax highlighting color for HTML/XML tags */
|
|
945
968
|
--prettylights-syntax-keyword: var(--base-color-red-3); /** Syntax highlighting color for language keywords (if, else, return) */
|
|
946
|
-
--prettylights-syntax-markup-bold: var(--base-color-neutral-
|
|
969
|
+
--prettylights-syntax-markup-bold: var(--base-color-neutral-14); /** Syntax highlighting color for bold text in markdown */
|
|
947
970
|
--prettylights-syntax-markup-changed-bg: var(--base-color-orange-8); /** Background color for changed lines in diff views */
|
|
948
971
|
--prettylights-syntax-markup-changed-text: var(--base-color-orange-0); /** Text color for changed lines in diff views */
|
|
949
972
|
--prettylights-syntax-markup-deleted-bg: var(--base-color-red-8); /** Background color for deleted lines in diff views */
|
|
950
973
|
--prettylights-syntax-markup-deleted-text: var(--base-color-red-0); /** Text color for deleted lines in diff views */
|
|
951
974
|
--prettylights-syntax-markup-heading: var(--base-color-blue-5); /** Syntax highlighting color for headings in markdown */
|
|
952
975
|
--prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6); /** Background color for ignored content in diffs */
|
|
953
|
-
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-
|
|
976
|
+
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-14); /** Text color for ignored content in diffs */
|
|
954
977
|
--prettylights-syntax-markup-inserted-bg: var(--base-color-green-8); /** Background color for inserted lines in diff views */
|
|
955
978
|
--prettylights-syntax-markup-inserted-text: var(--base-color-green-0); /** Text color for inserted lines in diff views */
|
|
956
|
-
--prettylights-syntax-markup-italic: var(--base-color-neutral-
|
|
979
|
+
--prettylights-syntax-markup-italic: var(--base-color-neutral-14); /** Syntax highlighting color for italic text in markdown */
|
|
957
980
|
--prettylights-syntax-markup-list: var(--base-color-yellow-1); /** Syntax highlighting color for list markers in markdown */
|
|
958
981
|
--prettylights-syntax-metaDiffRange: var(--base-color-purple-2); /** Syntax highlighting color for diff range information (@@ lines) */
|
|
959
|
-
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-
|
|
982
|
+
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-14); /** Syntax highlighting color for import and require statements */
|
|
960
983
|
--prettylights-syntax-string: var(--base-color-blue-1); /** Syntax highlighting color for string literals */
|
|
961
984
|
--prettylights-syntax-stringRegexp: var(--base-color-green-1); /** Syntax highlighting color for regular expression literals */
|
|
962
|
-
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-
|
|
985
|
+
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-5); /** Color for linter gutter marks in code editors */
|
|
963
986
|
--prettylights-syntax-variable: var(--base-color-orange-2); /** Syntax highlighting color for variables and parameters */
|
|
964
987
|
--progressBar-track-borderColor: var(--base-color-transparent);
|
|
965
988
|
--reactionButton-selected-bgColor-rest: #388bfd33;
|
|
966
989
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
|
|
967
990
|
--selectMenu-bgColor-active: var(--base-color-blue-8);
|
|
991
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
992
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
993
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
994
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
968
995
|
--sideNav-bgColor-selected: var(--base-color-neutral-3);
|
|
969
|
-
--skeletonLoader-bgColor: #
|
|
996
|
+
--skeletonLoader-bgColor: #58635b33;
|
|
970
997
|
--timelineBadge-bgColor: var(--base-color-neutral-3);
|
|
971
998
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
972
999
|
--underlineNav-borderColor-active: var(--base-color-coral-3);
|
|
973
|
-
--
|
|
974
|
-
--avatar-bgColor: #ffffff1a;
|
|
975
|
-
--bgColor-black: var(--base-color-neutral-0); /** Pure black background */
|
|
1000
|
+
--avatar-borderColor: var(--borderColor-translucent);
|
|
976
1001
|
--bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
|
|
977
1002
|
--bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
|
|
978
1003
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
979
1004
|
--bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
|
|
980
|
-
--bgColor-inset: var(--base-color-neutral-0); /** Inset background for recessed content areas like wells or sunken panels */
|
|
981
|
-
--bgColor-inverse: var(--base-color-neutral-13); /** Inverse background that flips between light and dark modes */
|
|
982
1005
|
--bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
|
|
983
1006
|
--bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
|
|
984
1007
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
985
1008
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
986
|
-
--bgColor-white: var(--base-color-neutral-13); /** Pure white background */
|
|
987
1009
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
988
1010
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
989
1011
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -1001,22 +1023,19 @@
|
|
|
1001
1023
|
--border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
|
|
1002
1024
|
--border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
|
|
1003
1025
|
--border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
|
|
1026
|
+
--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. */
|
|
1004
1027
|
--border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
|
|
1005
1028
|
--borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
|
|
1006
1029
|
--borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
|
|
1007
|
-
--borderColor-muted: #
|
|
1030
|
+
--borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
|
|
1008
1031
|
--borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
|
|
1009
1032
|
--borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
|
|
1010
1033
|
--borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
|
|
1011
|
-
--borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1012
1034
|
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
|
|
1013
1035
|
--borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
|
|
1014
1036
|
--button-danger-bgColor-active: var(--bgColor-danger-emphasis);
|
|
1015
1037
|
--button-danger-bgColor-rest: var(--control-bgColor-rest);
|
|
1016
|
-
--button-danger-fgColor-active: var(--base-color-neutral-13);
|
|
1017
1038
|
--button-danger-fgColor-disabled: #f8514980;
|
|
1018
|
-
--button-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
1019
|
-
--button-danger-iconColor-hover: var(--base-color-neutral-13);
|
|
1020
1039
|
--button-default-bgColor-active: var(--control-bgColor-active);
|
|
1021
1040
|
--button-default-bgColor-hover: var(--control-bgColor-hover);
|
|
1022
1041
|
--button-default-bgColor-rest: var(--control-bgColor-rest);
|
|
@@ -1029,18 +1048,20 @@
|
|
|
1029
1048
|
--button-invisible-iconColor-hover: var(--fgColor-muted);
|
|
1030
1049
|
--button-invisible-iconColor-rest: var(--fgColor-muted);
|
|
1031
1050
|
--button-outline-bgColor-hover: var(--control-bgColor-hover);
|
|
1032
|
-
--button-outline-fgColor-active: var(--base-color-neutral-13);
|
|
1033
1051
|
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
|
|
1034
|
-
--button-primary-
|
|
1052
|
+
--button-primary-borderColor-rest: var(--borderColor-translucent);
|
|
1053
|
+
--button-primary-fgColor-rest: var(--fgColor-white);
|
|
1054
|
+
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1055
|
+
--button-primary-iconColor-rest: var(--fgColor-white);
|
|
1035
1056
|
--buttonCounter-danger-bgColor-disabled: #da36330d;
|
|
1036
|
-
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
1037
1057
|
--buttonCounter-danger-fgColor-disabled: #f8514980;
|
|
1038
|
-
--buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
1039
1058
|
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
1040
1059
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
1041
1060
|
--buttonCounter-outline-bgColor-disabled: #1f6feb0d;
|
|
1042
1061
|
--buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
1043
1062
|
--buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
|
|
1063
|
+
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
1064
|
+
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1044
1065
|
--buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
1045
1066
|
--buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
|
|
1046
1067
|
--buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
|
|
@@ -1052,6 +1073,8 @@
|
|
|
1052
1073
|
--buttonKeybindingHint-primary-bgColor-disabled: #04260f1a;
|
|
1053
1074
|
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
1054
1075
|
--buttonKeybindingHint-primary-borderColor-rest: #04260f1a;
|
|
1076
|
+
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1077
|
+
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1055
1078
|
--card-bgColor: var(--bgColor-muted);
|
|
1056
1079
|
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
|
|
1057
1080
|
--codeMirror-bgColor: var(--bgColor-default);
|
|
@@ -1076,6 +1099,7 @@
|
|
|
1076
1099
|
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
|
|
1077
1100
|
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
|
|
1078
1101
|
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
|
|
1102
|
+
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
1079
1103
|
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
|
|
1080
1104
|
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
|
|
1081
1105
|
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
@@ -1121,6 +1145,7 @@
|
|
|
1121
1145
|
--control-checked-bgColor-disabled: var(--fgColor-disabled);
|
|
1122
1146
|
--control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
|
|
1123
1147
|
--control-checked-fgColor-disabled: var(--base-color-inset);
|
|
1148
|
+
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1124
1149
|
--control-danger-bgColor-active: #f8514966;
|
|
1125
1150
|
--control-danger-bgColor-hover: var(--bgColor-danger-muted);
|
|
1126
1151
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
@@ -1129,14 +1154,14 @@
|
|
|
1129
1154
|
--control-fgColor-rest: var(--fgColor-default);
|
|
1130
1155
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
1131
1156
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
1132
|
-
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
1133
1157
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1134
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
1135
1158
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1136
1159
|
--controlTrack-borderColor-rest: var(--borderColor-default);
|
|
1160
|
+
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
1137
1161
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
1138
1162
|
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
|
|
1139
1163
|
--counter-bgColor-muted: var(--bgColor-neutral-muted);
|
|
1164
|
+
--dashboard-bgColor: var(--bgColor-inset);
|
|
1140
1165
|
--diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
|
|
1141
1166
|
--diffBlob-additionLine-fgColor: var(--fgColor-default);
|
|
1142
1167
|
--diffBlob-additionNum-fgColor: var(--fgColor-default);
|
|
@@ -1151,18 +1176,13 @@
|
|
|
1151
1176
|
--diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
|
|
1152
1177
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
1153
1178
|
--diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
|
|
1179
|
+
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1154
1180
|
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
1155
|
-
--fgColor-black: var(--base-color-neutral-0); /** Pure black text */
|
|
1156
1181
|
--fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
|
|
1157
1182
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
1158
|
-
--fgColor-onEmphasis: var(--base-color-neutral-13); /** Text color for use on emphasis backgrounds */
|
|
1159
|
-
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
1160
1183
|
--fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
|
|
1161
1184
|
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
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,26 +1208,22 @@
|
|
|
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-muted: var(--borderWidth-default) solid var(--borderColor-muted);
|
|
1202
1218
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
1203
1219
|
--border-open-emphasis: var(--border-success-emphasis);
|
|
1204
1220
|
--border-open-muted: var(--border-success-muted);
|
|
1205
|
-
--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. */
|
|
1206
1221
|
--border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
|
|
1207
1222
|
--border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
|
|
1208
1223
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
1209
1224
|
--borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
|
|
1210
1225
|
--button-danger-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1226
|
+
--button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1211
1227
|
--button-danger-borderColor-rest: var(--control-borderColor-rest);
|
|
1212
1228
|
--button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
|
|
1213
1229
|
--button-default-bgColor-disabled: var(--control-bgColor-disabled);
|
|
@@ -1221,13 +1237,9 @@
|
|
|
1221
1237
|
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
1222
1238
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
1223
1239
|
--button-outline-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1224
|
-
--button-primary-borderColor-
|
|
1225
|
-
--button-primary-
|
|
1226
|
-
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1227
|
-
--button-primary-iconColor-rest: var(--fgColor-white);
|
|
1240
|
+
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
1241
|
+
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1228
1242
|
--buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
|
|
1229
|
-
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
1230
|
-
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1231
1243
|
--buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
|
|
1232
1244
|
--buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1233
1245
|
--buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
|
|
@@ -1236,45 +1248,34 @@
|
|
|
1236
1248
|
--buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1237
1249
|
--buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
1238
1250
|
--buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1239
|
-
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1240
|
-
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1241
|
-
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
1242
1251
|
--color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
1243
1252
|
--color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
1244
1253
|
--control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
|
|
1245
1254
|
--control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
|
|
1246
|
-
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1247
1255
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1248
1256
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
1249
1257
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
1250
1258
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
1251
|
-
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
1252
|
-
--dashboard-bgColor: var(--bgColor-inset);
|
|
1253
|
-
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1254
1259
|
--focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
|
|
1255
1260
|
--focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
|
|
1256
1261
|
--overlay-borderColor: var(--borderColor-muted);
|
|
1257
1262
|
--prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
1258
1263
|
--prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
1259
|
-
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
1260
1264
|
--border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
|
|
1261
1265
|
--border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
|
|
1262
1266
|
--borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
|
|
1263
|
-
--button-danger-borderColor-
|
|
1267
|
+
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
1264
1268
|
--button-default-borderColor-active: var(--button-default-borderColor-rest);
|
|
1265
1269
|
--button-default-borderColor-hover: var(--button-default-borderColor-rest);
|
|
1266
|
-
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
1267
|
-
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1268
1270
|
--buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
|
|
1269
1271
|
--buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
|
|
1270
1272
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
1271
|
-
--shadow-floating-large: 0 0 0 1px #
|
|
1272
|
-
--shadow-floating-medium: 0 0 0 1px #
|
|
1273
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
1274
|
-
--shadow-floating-xlarge: 0 0 0 1px #
|
|
1273
|
+
--shadow-floating-large: 0 0 0 1px #3b443e, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
|
|
1274
|
+
--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 */
|
|
1275
|
+
--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 */
|
|
1276
|
+
--shadow-floating-xlarge: 0 0 0 1px #3b443e, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
1275
1277
|
--underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
|
|
1276
1278
|
--border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-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;
|
|
@@ -1603,40 +1607,43 @@
|
|
|
1603
1607
|
--control-checked-bgColor-hover: #2a7aef;
|
|
1604
1608
|
--fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
|
|
1605
1609
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
1606
|
-
--ansi-black: var(--base-color-neutral-
|
|
1607
|
-
--ansi-blackBright: var(--base-color-neutral-
|
|
1610
|
+
--ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
|
|
1611
|
+
--ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
1608
1612
|
--ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
|
|
1609
1613
|
--ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
|
|
1610
|
-
--ansi-gray: var(--base-color-neutral-
|
|
1614
|
+
--ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
|
|
1611
1615
|
--ansi-green: var(--base-color-green-3); /** ANSI green for success indicators in terminal */
|
|
1612
1616
|
--ansi-greenBright: var(--base-color-green-2); /** ANSI bright green for highlighted success in terminal */
|
|
1613
1617
|
--ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
|
|
1614
1618
|
--ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
|
|
1615
1619
|
--ansi-red: var(--base-color-red-3); /** ANSI red for errors and alerts in terminal output */
|
|
1616
1620
|
--ansi-redBright: var(--base-color-red-2); /** ANSI bright red for highlighted errors in terminal */
|
|
1617
|
-
--ansi-white: var(--base-color-neutral-
|
|
1621
|
+
--ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
|
|
1622
|
+
--ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
|
|
1618
1623
|
--ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
|
|
1619
1624
|
--ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
|
|
1620
|
-
--avatar-
|
|
1625
|
+
--avatar-bgColor: #ffffff1a;
|
|
1626
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
1621
1627
|
--avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
|
|
1622
1628
|
--avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
|
|
1623
1629
|
--base-color-inset: var(--base-color-black);
|
|
1624
|
-
--base-color-neutral-0: var(--base-color-black);
|
|
1625
|
-
--base-color-neutral-13: var(--base-color-white);
|
|
1626
1630
|
--bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
|
|
1627
1631
|
--bgColor-accent-muted: #388bfd1a; /** Subtle accent background for informational or selected elements */
|
|
1628
1632
|
--bgColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention background for prominent warnings */
|
|
1629
1633
|
--bgColor-attention-muted: #bb800926; /** Subtle attention background for warnings and caution states */
|
|
1634
|
+
--bgColor-black: var(--base-color-black); /** Pure black background */
|
|
1630
1635
|
--bgColor-danger-emphasis: var(--base-color-red-5); /** Emphasized danger background for critical errors and delete confirmations */
|
|
1631
1636
|
--bgColor-danger-muted: #f851491a; /** Muted danger background for error states and destructive action contexts */
|
|
1632
|
-
--bgColor-default: var(--base-color-neutral-
|
|
1637
|
+
--bgColor-default: var(--base-color-neutral-0); /** Default background color for pages and main content areas */
|
|
1633
1638
|
--bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
|
|
1634
1639
|
--bgColor-done-emphasis: var(--base-color-purple-5); /** Strong background for completed/done state badges and labels */
|
|
1635
1640
|
--bgColor-done-muted: #ab7df826; /** Subtle background for completed/done state indicators */
|
|
1636
|
-
--bgColor-emphasis: var(--base-color-neutral-
|
|
1637
|
-
--bgColor-
|
|
1638
|
-
--bgColor-
|
|
1639
|
-
--bgColor-
|
|
1641
|
+
--bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
|
|
1642
|
+
--bgColor-inset: var(--base-color-black); /** Inset background for recessed content areas like wells or sunken panels */
|
|
1643
|
+
--bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
|
|
1644
|
+
--bgColor-muted: var(--base-color-neutral-1); /** Muted background for secondary content areas and subtle grouping */
|
|
1645
|
+
--bgColor-neutral-emphasis: var(--base-color-neutral-9); /** Strong neutral background for prominent neutral elements */
|
|
1646
|
+
--bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
1640
1647
|
--bgColor-severe-emphasis: var(--base-color-orange-5); /** Strong severe background for prominent high-priority warnings */
|
|
1641
1648
|
--bgColor-severe-muted: #db6d281a; /** Subtle severe background for high-priority warnings */
|
|
1642
1649
|
--bgColor-sponsors-emphasis: var(--base-color-pink-5); /** Strong background for prominent GitHub Sponsors elements */
|
|
@@ -1644,45 +1651,54 @@
|
|
|
1644
1651
|
--bgColor-success-emphasis: var(--base-color-green-5); /** Strong success background for prominent positive actions */
|
|
1645
1652
|
--bgColor-success-muted: #2ea04326; /** 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-red-5); /** Strong danger border for destructive actions and errors */
|
|
1652
1660
|
--borderColor-danger-muted: #f8514966; /** 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-severe-emphasis: var(--base-color-orange-5); /** Strong severe border for prominent high-priority warnings */
|
|
1659
1667
|
--borderColor-severe-muted: #db6d2866; /** Subtle severe border for high-priority warnings */
|
|
1660
1668
|
--borderColor-sponsors-emphasis: var(--base-color-pink-5); /** Strong border for prominent GitHub Sponsors elements */
|
|
1661
1669
|
--borderColor-sponsors-muted: #db61a266; /** Subtle border for GitHub Sponsors content */
|
|
1662
1670
|
--borderColor-success-emphasis: var(--base-color-green-5); /** Strong success border for prominent positive elements */
|
|
1663
1671
|
--borderColor-success-muted: #2ea04366; /** Subtle success border for positive feedback elements */
|
|
1672
|
+
--borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1664
1673
|
--borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
|
|
1665
1674
|
--boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
|
|
1666
1675
|
--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 */
|
|
1667
1676
|
--boxShadow-thin: inset 0 0 0 0.0625rem; /** Thin shadow used instead of a border to prevent layout shift */
|
|
1668
1677
|
--button-danger-bgColor-hover: var(--base-color-red-6);
|
|
1678
|
+
--button-danger-fgColor-active: var(--base-color-white);
|
|
1679
|
+
--button-danger-fgColor-hover: var(--base-color-white);
|
|
1680
|
+
--button-danger-iconColor-hover: var(--base-color-white);
|
|
1669
1681
|
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
1670
1682
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
1671
1683
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
1672
|
-
--button-inactive-bgColor: var(--base-color-neutral-
|
|
1673
|
-
--button-inactive-fgColor: var(--base-color-neutral-
|
|
1684
|
+
--button-inactive-bgColor: var(--base-color-neutral-3);
|
|
1685
|
+
--button-inactive-fgColor: var(--base-color-neutral-10);
|
|
1674
1686
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
1675
1687
|
--button-invisible-borderColor-disabled: var(--base-color-transparent);
|
|
1676
1688
|
--button-outline-bgColor-active: var(--base-color-blue-7);
|
|
1677
|
-
--button-outline-bgColor-rest: var(--base-color-neutral-
|
|
1689
|
+
--button-outline-bgColor-rest: var(--base-color-neutral-14);
|
|
1690
|
+
--button-outline-fgColor-active: var(--base-color-white);
|
|
1678
1691
|
--button-outline-fgColor-disabled: #4493f880;
|
|
1679
1692
|
--button-outline-fgColor-hover: var(--base-color-blue-3);
|
|
1680
1693
|
--button-outline-fgColor-rest: var(--base-color-blue-4);
|
|
1681
1694
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
1695
|
+
--button-primary-fgColor-disabled: #ffffff66;
|
|
1682
1696
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
1683
1697
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
1698
|
+
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
1684
1699
|
--buttonCounter-danger-bgColor-rest: #49020233;
|
|
1685
|
-
--buttonCounter-
|
|
1700
|
+
--buttonCounter-danger-fgColor-hover: var(--base-color-white);
|
|
1701
|
+
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
|
|
1686
1702
|
--buttonCounter-outline-bgColor-hover: #051d4d33;
|
|
1687
1703
|
--buttonCounter-outline-bgColor-rest: #051d4d33;
|
|
1688
1704
|
--buttonCounter-outline-fgColor-disabled: #4493f880;
|
|
@@ -1692,10 +1708,10 @@
|
|
|
1692
1708
|
--buttonKeybindingHint-danger-bgColor-active: #01040966;
|
|
1693
1709
|
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
|
|
1694
1710
|
--buttonKeybindingHint-danger-borderColor-hover: #0104091a;
|
|
1695
|
-
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-
|
|
1696
|
-
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-
|
|
1711
|
+
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
|
|
1712
|
+
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
|
|
1697
1713
|
--buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
|
|
1698
|
-
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-
|
|
1714
|
+
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
|
|
1699
1715
|
--codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
|
|
1700
1716
|
--codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
|
|
1701
1717
|
--codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
|
|
@@ -1719,23 +1735,25 @@
|
|
|
1719
1735
|
--contribution-winter-bgColor-2: var(--base-color-blue-6);
|
|
1720
1736
|
--contribution-winter-bgColor-3: var(--base-color-blue-3);
|
|
1721
1737
|
--contribution-winter-bgColor-4: var(--base-color-blue-0);
|
|
1722
|
-
--control-bgColor-active: var(--base-color-neutral-
|
|
1723
|
-
--control-bgColor-hover: var(--base-color-neutral-
|
|
1738
|
+
--control-bgColor-active: var(--base-color-neutral-3);
|
|
1739
|
+
--control-bgColor-hover: var(--base-color-neutral-3);
|
|
1724
1740
|
--control-bgColor-rest: var(--base-color-neutral-3);
|
|
1725
|
-
--control-borderColor-selected: var(--base-color-neutral-
|
|
1741
|
+
--control-borderColor-selected: var(--base-color-neutral-14);
|
|
1726
1742
|
--control-checked-borderColor-active: var(--control-checked-bgColor-active);
|
|
1727
1743
|
--control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
|
|
1728
1744
|
--control-danger-fgColor-hover: var(--base-color-red-3);
|
|
1729
|
-
--control-transparent-bgColor-active: #
|
|
1730
|
-
--control-transparent-bgColor-hover: #
|
|
1745
|
+
--control-transparent-bgColor-active: #6c786f40;
|
|
1746
|
+
--control-transparent-bgColor-hover: #6c786f33;
|
|
1731
1747
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
1732
|
-
--control-transparent-bgColor-selected: #
|
|
1748
|
+
--control-transparent-bgColor-selected: #6c786f33;
|
|
1733
1749
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
1734
1750
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
1735
1751
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1736
|
-
--controlKnob-bgColor-
|
|
1737
|
-
--
|
|
1738
|
-
--controlTrack-bgColor-
|
|
1752
|
+
--controlKnob-bgColor-checked: var(--base-color-white);
|
|
1753
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-3);
|
|
1754
|
+
--controlTrack-bgColor-active: var(--base-color-neutral-4);
|
|
1755
|
+
--controlTrack-bgColor-hover: var(--base-color-neutral-3);
|
|
1756
|
+
--controlTrack-bgColor-rest: var(--base-color-black);
|
|
1739
1757
|
--counter-borderColor: var(--base-color-transparent);
|
|
1740
1758
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
1741
1759
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -2062,21 +2080,26 @@
|
|
|
2062
2080
|
--display-yellow-scale-8: var(--base-display-color-yellow-8);
|
|
2063
2081
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
2064
2082
|
--fgColor-attention: var(--base-color-yellow-3); /** Attention text for warnings and caution states */
|
|
2083
|
+
--fgColor-black: var(--base-color-black); /** Pure black text */
|
|
2065
2084
|
--fgColor-danger: var(--base-color-red-4); /** Danger text for errors and destructive actions */
|
|
2066
|
-
--fgColor-default: var(--base-color-neutral-
|
|
2067
|
-
--fgColor-disabled: var(--base-color-neutral-
|
|
2085
|
+
--fgColor-default: var(--base-color-neutral-14); /** Default text color for primary content and headings */
|
|
2086
|
+
--fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
|
|
2068
2087
|
--fgColor-done: var(--base-color-purple-4); /** Text color for completed/done state indicators */
|
|
2069
2088
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
2070
2089
|
--fgColor-muted: var(--base-color-neutral-10); /** Muted text for secondary content and less important information */
|
|
2071
2090
|
--fgColor-neutral: var(--base-color-neutral-10); /** Neutral semantic text for icons and secondary elements */
|
|
2091
|
+
--fgColor-onEmphasis: var(--base-color-white); /** Text color for use on emphasis backgrounds */
|
|
2092
|
+
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
2072
2093
|
--fgColor-severe: var(--base-color-orange-4); /** Severe text for high-priority warnings */
|
|
2073
2094
|
--fgColor-sponsors: var(--base-color-pink-4); /** Text color for GitHub Sponsors content */
|
|
2074
2095
|
--fgColor-success: var(--base-color-green-3); /** Success text for positive feedback and completed states */
|
|
2075
|
-
--
|
|
2096
|
+
--fgColor-white: var(--base-color-white); /** Pure white text */
|
|
2097
|
+
--header-bgColor: #191f1bf2;
|
|
2076
2098
|
--header-borderColor-divider: var(--base-color-neutral-8);
|
|
2077
|
-
--header-fgColor-
|
|
2099
|
+
--header-fgColor-default: #ffffffb3;
|
|
2100
|
+
--header-fgColor-logo: var(--base-color-neutral-14);
|
|
2078
2101
|
--headerSearch-bgColor: var(--base-color-neutral-1);
|
|
2079
|
-
--headerSearch-borderColor: var(--base-color-neutral-
|
|
2102
|
+
--headerSearch-borderColor: var(--base-color-neutral-3);
|
|
2080
2103
|
--highlight-neutral-bgColor: #d2992266;
|
|
2081
2104
|
--label-auburn-bgColor-active: var(--base-display-color-auburn-2);
|
|
2082
2105
|
--label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
|
|
@@ -2212,58 +2235,58 @@
|
|
|
2212
2235
|
--label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
|
|
2213
2236
|
--label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
|
|
2214
2237
|
--menu-bgColor-active: var(--base-color-neutral-2);
|
|
2215
|
-
--overlay-backdrop-bgColor: #
|
|
2216
|
-
--
|
|
2238
|
+
--overlay-backdrop-bgColor: #252b2766;
|
|
2239
|
+
--overlay-bgColor: var(--base-color-neutral-0);
|
|
2240
|
+
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-10); /** Syntax highlighting color for angle brackets */
|
|
2217
2241
|
--prettylights-syntax-bracketHighlighterUnmatched: var(--base-color-red-4); /** Syntax highlighting color for unmatched brackets */
|
|
2218
2242
|
--prettylights-syntax-carriageReturn-bg: var(--base-color-red-6); /** Background color for carriage return characters in diffs */
|
|
2219
|
-
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-
|
|
2220
|
-
--prettylights-syntax-comment: var(--base-color-neutral-
|
|
2243
|
+
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-14); /** Text color for carriage return characters in diffs */
|
|
2244
|
+
--prettylights-syntax-comment: var(--base-color-neutral-10); /** Syntax highlighting color for code comments */
|
|
2221
2245
|
--prettylights-syntax-constant: var(--base-color-blue-2); /** Syntax highlighting color for constants and literal values */
|
|
2222
2246
|
--prettylights-syntax-constantOtherReferenceLink: var(--base-color-blue-1); /** Syntax highlighting color for reference links and URLs in code */
|
|
2223
2247
|
--prettylights-syntax-entity: var(--base-color-purple-2); /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
2224
2248
|
--prettylights-syntax-entityTag: var(--base-color-green-1); /** Syntax highlighting color for HTML/XML tags */
|
|
2225
2249
|
--prettylights-syntax-keyword: var(--base-color-red-3); /** Syntax highlighting color for language keywords (if, else, return) */
|
|
2226
|
-
--prettylights-syntax-markup-bold: var(--base-color-neutral-
|
|
2250
|
+
--prettylights-syntax-markup-bold: var(--base-color-neutral-14); /** Syntax highlighting color for bold text in markdown */
|
|
2227
2251
|
--prettylights-syntax-markup-changed-bg: var(--base-color-orange-8); /** Background color for changed lines in diff views */
|
|
2228
2252
|
--prettylights-syntax-markup-changed-text: var(--base-color-orange-0); /** Text color for changed lines in diff views */
|
|
2229
2253
|
--prettylights-syntax-markup-deleted-bg: var(--base-color-red-8); /** Background color for deleted lines in diff views */
|
|
2230
2254
|
--prettylights-syntax-markup-deleted-text: var(--base-color-red-0); /** Text color for deleted lines in diff views */
|
|
2231
2255
|
--prettylights-syntax-markup-heading: var(--base-color-blue-5); /** Syntax highlighting color for headings in markdown */
|
|
2232
2256
|
--prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6); /** Background color for ignored content in diffs */
|
|
2233
|
-
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-
|
|
2257
|
+
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-14); /** Text color for ignored content in diffs */
|
|
2234
2258
|
--prettylights-syntax-markup-inserted-bg: var(--base-color-green-8); /** Background color for inserted lines in diff views */
|
|
2235
2259
|
--prettylights-syntax-markup-inserted-text: var(--base-color-green-0); /** Text color for inserted lines in diff views */
|
|
2236
|
-
--prettylights-syntax-markup-italic: var(--base-color-neutral-
|
|
2260
|
+
--prettylights-syntax-markup-italic: var(--base-color-neutral-14); /** Syntax highlighting color for italic text in markdown */
|
|
2237
2261
|
--prettylights-syntax-markup-list: var(--base-color-yellow-1); /** Syntax highlighting color for list markers in markdown */
|
|
2238
2262
|
--prettylights-syntax-metaDiffRange: var(--base-color-purple-2); /** Syntax highlighting color for diff range information (@@ lines) */
|
|
2239
|
-
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-
|
|
2263
|
+
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-14); /** Syntax highlighting color for import and require statements */
|
|
2240
2264
|
--prettylights-syntax-string: var(--base-color-blue-1); /** Syntax highlighting color for string literals */
|
|
2241
2265
|
--prettylights-syntax-stringRegexp: var(--base-color-green-1); /** Syntax highlighting color for regular expression literals */
|
|
2242
|
-
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-
|
|
2266
|
+
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-5); /** Color for linter gutter marks in code editors */
|
|
2243
2267
|
--prettylights-syntax-variable: var(--base-color-orange-2); /** Syntax highlighting color for variables and parameters */
|
|
2244
2268
|
--progressBar-track-borderColor: var(--base-color-transparent);
|
|
2245
2269
|
--reactionButton-selected-bgColor-rest: #388bfd33;
|
|
2246
2270
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
|
|
2247
2271
|
--selectMenu-bgColor-active: var(--base-color-blue-8);
|
|
2272
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
2273
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
2274
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
2275
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
2248
2276
|
--sideNav-bgColor-selected: var(--base-color-neutral-3);
|
|
2249
|
-
--skeletonLoader-bgColor: #
|
|
2277
|
+
--skeletonLoader-bgColor: #58635b33;
|
|
2250
2278
|
--timelineBadge-bgColor: var(--base-color-neutral-3);
|
|
2251
2279
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
2252
2280
|
--underlineNav-borderColor-active: var(--base-color-coral-3);
|
|
2253
|
-
--
|
|
2254
|
-
--avatar-bgColor: #ffffff1a;
|
|
2255
|
-
--bgColor-black: var(--base-color-neutral-0); /** Pure black background */
|
|
2281
|
+
--avatar-borderColor: var(--borderColor-translucent);
|
|
2256
2282
|
--bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
|
|
2257
2283
|
--bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
|
|
2258
2284
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
2259
2285
|
--bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
|
|
2260
|
-
--bgColor-inset: var(--base-color-neutral-0); /** Inset background for recessed content areas like wells or sunken panels */
|
|
2261
|
-
--bgColor-inverse: var(--base-color-neutral-13); /** Inverse background that flips between light and dark modes */
|
|
2262
2286
|
--bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
|
|
2263
2287
|
--bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
|
|
2264
2288
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
2265
2289
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
2266
|
-
--bgColor-white: var(--base-color-neutral-13); /** Pure white background */
|
|
2267
2290
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
2268
2291
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
2269
2292
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -2281,22 +2304,19 @@
|
|
|
2281
2304
|
--border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
|
|
2282
2305
|
--border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
|
|
2283
2306
|
--border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
|
|
2307
|
+
--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. */
|
|
2284
2308
|
--border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
|
|
2285
2309
|
--borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
|
|
2286
2310
|
--borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
|
|
2287
|
-
--borderColor-muted: #
|
|
2311
|
+
--borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
|
|
2288
2312
|
--borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
|
|
2289
2313
|
--borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
|
|
2290
2314
|
--borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
|
|
2291
|
-
--borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
2292
2315
|
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
|
|
2293
2316
|
--borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
|
|
2294
2317
|
--button-danger-bgColor-active: var(--bgColor-danger-emphasis);
|
|
2295
2318
|
--button-danger-bgColor-rest: var(--control-bgColor-rest);
|
|
2296
|
-
--button-danger-fgColor-active: var(--base-color-neutral-13);
|
|
2297
2319
|
--button-danger-fgColor-disabled: #f8514980;
|
|
2298
|
-
--button-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
2299
|
-
--button-danger-iconColor-hover: var(--base-color-neutral-13);
|
|
2300
2320
|
--button-default-bgColor-active: var(--control-bgColor-active);
|
|
2301
2321
|
--button-default-bgColor-hover: var(--control-bgColor-hover);
|
|
2302
2322
|
--button-default-bgColor-rest: var(--control-bgColor-rest);
|
|
@@ -2309,18 +2329,20 @@
|
|
|
2309
2329
|
--button-invisible-iconColor-hover: var(--fgColor-muted);
|
|
2310
2330
|
--button-invisible-iconColor-rest: var(--fgColor-muted);
|
|
2311
2331
|
--button-outline-bgColor-hover: var(--control-bgColor-hover);
|
|
2312
|
-
--button-outline-fgColor-active: var(--base-color-neutral-13);
|
|
2313
2332
|
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
|
|
2314
|
-
--button-primary-
|
|
2333
|
+
--button-primary-borderColor-rest: var(--borderColor-translucent);
|
|
2334
|
+
--button-primary-fgColor-rest: var(--fgColor-white);
|
|
2335
|
+
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2336
|
+
--button-primary-iconColor-rest: var(--fgColor-white);
|
|
2315
2337
|
--buttonCounter-danger-bgColor-disabled: #da36330d;
|
|
2316
|
-
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
2317
2338
|
--buttonCounter-danger-fgColor-disabled: #f8514980;
|
|
2318
|
-
--buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
2319
2339
|
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
2320
2340
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
2321
2341
|
--buttonCounter-outline-bgColor-disabled: #1f6feb0d;
|
|
2322
2342
|
--buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
2323
2343
|
--buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
|
|
2344
|
+
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
2345
|
+
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2324
2346
|
--buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
2325
2347
|
--buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
|
|
2326
2348
|
--buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
|
|
@@ -2332,6 +2354,8 @@
|
|
|
2332
2354
|
--buttonKeybindingHint-primary-bgColor-disabled: #04260f1a;
|
|
2333
2355
|
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
2334
2356
|
--buttonKeybindingHint-primary-borderColor-rest: #04260f1a;
|
|
2357
|
+
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2358
|
+
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
2335
2359
|
--card-bgColor: var(--bgColor-muted);
|
|
2336
2360
|
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
|
|
2337
2361
|
--codeMirror-bgColor: var(--bgColor-default);
|
|
@@ -2356,6 +2380,7 @@
|
|
|
2356
2380
|
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
|
|
2357
2381
|
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
|
|
2358
2382
|
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
|
|
2383
|
+
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
2359
2384
|
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
|
|
2360
2385
|
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
|
|
2361
2386
|
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
@@ -2401,6 +2426,7 @@
|
|
|
2401
2426
|
--control-checked-bgColor-disabled: var(--fgColor-disabled);
|
|
2402
2427
|
--control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
|
|
2403
2428
|
--control-checked-fgColor-disabled: var(--base-color-inset);
|
|
2429
|
+
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
2404
2430
|
--control-danger-bgColor-active: #f8514966;
|
|
2405
2431
|
--control-danger-bgColor-hover: var(--bgColor-danger-muted);
|
|
2406
2432
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
@@ -2409,14 +2435,14 @@
|
|
|
2409
2435
|
--control-fgColor-rest: var(--fgColor-default);
|
|
2410
2436
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
2411
2437
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
2412
|
-
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
2413
2438
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
2414
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
2415
2439
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
2416
2440
|
--controlTrack-borderColor-rest: var(--borderColor-default);
|
|
2441
|
+
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
2417
2442
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
2418
2443
|
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
|
|
2419
2444
|
--counter-bgColor-muted: var(--bgColor-neutral-muted);
|
|
2445
|
+
--dashboard-bgColor: var(--bgColor-inset);
|
|
2420
2446
|
--diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
|
|
2421
2447
|
--diffBlob-additionLine-fgColor: var(--fgColor-default);
|
|
2422
2448
|
--diffBlob-additionNum-fgColor: var(--fgColor-default);
|
|
@@ -2431,18 +2457,13 @@
|
|
|
2431
2457
|
--diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
|
|
2432
2458
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
2433
2459
|
--diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
|
|
2460
|
+
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2434
2461
|
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
2435
|
-
--fgColor-black: var(--base-color-neutral-0); /** Pure black text */
|
|
2436
2462
|
--fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
|
|
2437
2463
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
2438
|
-
--fgColor-onEmphasis: var(--base-color-neutral-13); /** Text color for use on emphasis backgrounds */
|
|
2439
|
-
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
2440
2464
|
--fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
|
|
2441
2465
|
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
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,26 +2489,22 @@
|
|
|
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-muted: var(--borderWidth-default) solid var(--borderColor-muted);
|
|
2482
2499
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
2483
2500
|
--border-open-emphasis: var(--border-success-emphasis);
|
|
2484
2501
|
--border-open-muted: var(--border-success-muted);
|
|
2485
|
-
--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. */
|
|
2486
2502
|
--border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
|
|
2487
2503
|
--border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
|
|
2488
2504
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
2489
2505
|
--borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
|
|
2490
2506
|
--button-danger-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2507
|
+
--button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
2491
2508
|
--button-danger-borderColor-rest: var(--control-borderColor-rest);
|
|
2492
2509
|
--button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
|
|
2493
2510
|
--button-default-bgColor-disabled: var(--control-bgColor-disabled);
|
|
@@ -2501,13 +2518,9 @@
|
|
|
2501
2518
|
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
2502
2519
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
2503
2520
|
--button-outline-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2504
|
-
--button-primary-borderColor-
|
|
2505
|
-
--button-primary-
|
|
2506
|
-
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2507
|
-
--button-primary-iconColor-rest: var(--fgColor-white);
|
|
2521
|
+
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
2522
|
+
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
2508
2523
|
--buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
|
|
2509
|
-
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
2510
|
-
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2511
2524
|
--buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
|
|
2512
2525
|
--buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
2513
2526
|
--buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
|
|
@@ -2516,45 +2529,34 @@
|
|
|
2516
2529
|
--buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
|
|
2517
2530
|
--buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
2518
2531
|
--buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
|
|
2519
|
-
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2520
|
-
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
2521
|
-
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
2522
2532
|
--color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
2523
2533
|
--color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
2524
2534
|
--control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
|
|
2525
2535
|
--control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
|
|
2526
|
-
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
2527
2536
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2528
2537
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
2529
2538
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
2530
2539
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
2531
|
-
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
2532
|
-
--dashboard-bgColor: var(--bgColor-inset);
|
|
2533
|
-
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2534
2540
|
--focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
|
|
2535
2541
|
--focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
|
|
2536
2542
|
--overlay-borderColor: var(--borderColor-muted);
|
|
2537
2543
|
--prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
2538
2544
|
--prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
2539
|
-
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
2540
2545
|
--border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
|
|
2541
2546
|
--border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
|
|
2542
2547
|
--borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
|
|
2543
|
-
--button-danger-borderColor-
|
|
2548
|
+
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
2544
2549
|
--button-default-borderColor-active: var(--button-default-borderColor-rest);
|
|
2545
2550
|
--button-default-borderColor-hover: var(--button-default-borderColor-rest);
|
|
2546
|
-
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
2547
|
-
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
2548
2551
|
--buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
|
|
2549
2552
|
--buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
|
|
2550
2553
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
2551
|
-
--shadow-floating-large: 0 0 0 1px #
|
|
2552
|
-
--shadow-floating-medium: 0 0 0 1px #
|
|
2553
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
2554
|
-
--shadow-floating-xlarge: 0 0 0 1px #
|
|
2554
|
+
--shadow-floating-large: 0 0 0 1px #3b443e, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
|
|
2555
|
+
--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 */
|
|
2556
|
+
--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 */
|
|
2557
|
+
--shadow-floating-xlarge: 0 0 0 1px #3b443e, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
2555
2558
|
--underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
|
|
2556
2559
|
--border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-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
|
}
|