@primer/primitives 0.0.0-20260710052607 → 0.0.0-20260710062304
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/functional/themes/dark-colorblind-high-contrast.css +278 -278
- package/dist/css/functional/themes/dark-colorblind.css +230 -230
- package/dist/css/functional/themes/dark-dimmed-high-contrast.css +184 -184
- package/dist/css/functional/themes/dark-dimmed.css +202 -202
- package/dist/css/functional/themes/dark-high-contrast.css +266 -266
- package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +274 -274
- package/dist/css/functional/themes/dark-tritanopia.css +228 -228
- package/dist/css/functional/themes/dark.css +214 -214
- package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +1056 -1048
- package/dist/docs/functional/themes/dark-colorblind.json +1104 -1096
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +1102 -1094
- package/dist/docs/functional/themes/dark-dimmed.json +1130 -1122
- package/dist/docs/functional/themes/dark-high-contrast.json +1045 -1037
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +1055 -1047
- package/dist/docs/functional/themes/dark-tritanopia.json +1101 -1093
- package/dist/docs/functional/themes/dark.json +1093 -1085
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +438 -430
- package/dist/docs/functional/themes/light-colorblind.json +438 -430
- package/dist/docs/functional/themes/light-high-contrast.json +438 -430
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +438 -430
- package/dist/docs/functional/themes/light-tritanopia.json +438 -430
- package/dist/docs/functional/themes/light.json +438 -430
- package/dist/figma/scales/dark-dimmed.json +57 -44
- package/dist/figma/scales/dark-high-constrast.json +57 -44
- package/dist/figma/scales/dark.json +57 -44
- package/dist/figma/themes/dark-colorblind.json +674 -674
- package/dist/figma/themes/dark-dimmed.json +670 -670
- package/dist/figma/themes/dark-high-contrast.json +598 -598
- package/dist/figma/themes/dark-tritanopia.json +665 -665
- package/dist/figma/themes/dark.json +647 -647
- package/dist/internalCss/dark-colorblind-high-contrast.css +284 -282
- package/dist/internalCss/dark-colorblind.css +228 -226
- package/dist/internalCss/dark-dimmed-high-contrast.css +192 -190
- package/dist/internalCss/dark-dimmed.css +210 -208
- package/dist/internalCss/dark-high-contrast.css +274 -272
- package/dist/internalCss/dark-tritanopia-high-contrast.css +280 -278
- package/dist/internalCss/dark-tritanopia.css +228 -226
- package/dist/internalCss/dark.css +216 -214
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +1056 -1048
- package/dist/styleLint/functional/themes/dark-colorblind.json +1104 -1096
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +1102 -1094
- package/dist/styleLint/functional/themes/dark-dimmed.json +1130 -1122
- package/dist/styleLint/functional/themes/dark-high-contrast.json +1045 -1037
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +1055 -1047
- package/dist/styleLint/functional/themes/dark-tritanopia.json +1101 -1093
- package/dist/styleLint/functional/themes/dark.json +1093 -1085
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +438 -430
- package/dist/styleLint/functional/themes/light-colorblind.json +438 -430
- package/dist/styleLint/functional/themes/light-high-contrast.json +438 -430
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +438 -430
- package/dist/styleLint/functional/themes/light-tritanopia.json +438 -430
- package/dist/styleLint/functional/themes/light.json +438 -430
- package/package.json +1 -1
- package/src/tokens/base/color/dark/dark.json5 +48 -28
- package/src/tokens/component/avatar.json5 +1 -1
- package/src/tokens/component/button.json5 +43 -43
- package/src/tokens/component/codeMirror.json5 +1 -1
- package/src/tokens/component/contribution.json5 +4 -4
- package/src/tokens/component/diffBlob.json5 +8 -8
- package/src/tokens/component/header.json5 +2 -2
- package/src/tokens/component/headerSerach.json5 +1 -1
- package/src/tokens/component/menu.json5 +1 -1
- package/src/tokens/component/overlay.json5 +8 -8
- package/src/tokens/component/progressBar.json5 +4 -4
- package/src/tokens/component/skeletonLoader.json5 +4 -4
- package/src/tokens/component/timelineBadge.json5 +1 -1
- package/src/tokens/functional/color/bgColor.json5 +22 -22
- package/src/tokens/functional/color/borderColor.json5 +18 -14
- package/src/tokens/functional/color/control.json5 +65 -65
- package/src/tokens/functional/color/fgColor.json5 +24 -24
- package/src/tokens/functional/color/syntax.json5 +13 -13
|
@@ -38,18 +38,21 @@
|
|
|
38
38
|
--base-color-green-7: #245829;
|
|
39
39
|
--base-color-green-8: #1b4721;
|
|
40
40
|
--base-color-green-9: #113417;
|
|
41
|
-
--base-color-neutral-
|
|
42
|
-
--base-color-neutral-
|
|
43
|
-
--base-color-neutral-
|
|
44
|
-
--base-color-neutral-
|
|
45
|
-
--base-color-neutral-
|
|
46
|
-
--base-color-neutral-
|
|
47
|
-
--base-color-neutral-
|
|
48
|
-
--base-color-neutral-
|
|
49
|
-
--base-color-neutral-
|
|
50
|
-
--base-color-neutral-
|
|
51
|
-
--base-color-neutral-
|
|
52
|
-
--base-color-neutral-
|
|
41
|
+
--base-color-neutral-0: #060907;
|
|
42
|
+
--base-color-neutral-1: #0f1511;
|
|
43
|
+
--base-color-neutral-10: #9ca89f;
|
|
44
|
+
--base-color-neutral-11: #b8c4bc;
|
|
45
|
+
--base-color-neutral-12: #cbd6cd;
|
|
46
|
+
--base-color-neutral-13: #d6e0d8;
|
|
47
|
+
--base-color-neutral-14: #e9f0eb;
|
|
48
|
+
--base-color-neutral-2: #191f1b;
|
|
49
|
+
--base-color-neutral-3: #252b27;
|
|
50
|
+
--base-color-neutral-4: #353c37;
|
|
51
|
+
--base-color-neutral-5: #3b443e;
|
|
52
|
+
--base-color-neutral-6: #434c45;
|
|
53
|
+
--base-color-neutral-7: #4e5750;
|
|
54
|
+
--base-color-neutral-8: #58635b;
|
|
55
|
+
--base-color-neutral-9: #6c786f;
|
|
53
56
|
--base-color-orange-0: #ffddb0;
|
|
54
57
|
--base-color-orange-1: #ffbc6f;
|
|
55
58
|
--base-color-orange-2: #f69d50;
|
|
@@ -331,41 +334,43 @@
|
|
|
331
334
|
--control-checked-borderColor-hover: #3876d3;
|
|
332
335
|
--fgColor-accent: #478be6; /** Accent text for links and interactive elements */
|
|
333
336
|
--reactionButton-selected-bgColor-hover: #4285e55c;
|
|
334
|
-
--ansi-black: var(--base-color-neutral-
|
|
335
|
-
--ansi-blackBright: var(--base-color-neutral-
|
|
337
|
+
--ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
|
|
338
|
+
--ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
336
339
|
--ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
|
|
337
340
|
--ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
|
|
338
|
-
--ansi-gray: var(--base-color-neutral-
|
|
341
|
+
--ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
|
|
339
342
|
--ansi-green: var(--base-color-green-3); /** ANSI green for success indicators in terminal */
|
|
340
343
|
--ansi-greenBright: var(--base-color-green-2); /** ANSI bright green for highlighted success in terminal */
|
|
341
344
|
--ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
|
|
342
345
|
--ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
|
|
343
346
|
--ansi-red: var(--base-color-red-3); /** ANSI red for errors and alerts in terminal output */
|
|
344
347
|
--ansi-redBright: var(--base-color-red-2); /** ANSI bright red for highlighted errors in terminal */
|
|
345
|
-
--ansi-white: var(--base-color-neutral-
|
|
348
|
+
--ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
|
|
349
|
+
--ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
|
|
346
350
|
--ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
|
|
347
351
|
--ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
|
|
348
|
-
--avatar-
|
|
352
|
+
--avatar-bgColor: #cdd9e51a;
|
|
353
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
349
354
|
--avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
|
|
350
355
|
--avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
|
|
351
356
|
--base-color-inset: var(--base-color-black);
|
|
352
|
-
--base-color-neutral-0: var(--base-color-black);
|
|
353
|
-
--base-color-neutral-13: var(--base-color-white);
|
|
354
357
|
--bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
|
|
355
358
|
--bgColor-accent-muted: #4184e41a; /** Subtle accent background for informational or selected elements */
|
|
356
359
|
--bgColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention background for prominent warnings */
|
|
357
360
|
--bgColor-attention-muted: #ae7c1426; /** Subtle attention background for warnings and caution states */
|
|
361
|
+
--bgColor-black: var(--base-color-black); /** Pure black background */
|
|
358
362
|
--bgColor-danger-emphasis: var(--base-color-red-5); /** Emphasized danger background for critical errors and delete confirmations */
|
|
359
363
|
--bgColor-danger-muted: #e5534b1a; /** Muted danger background for error states and destructive action contexts */
|
|
360
364
|
--bgColor-default: var(--base-color-neutral-3); /** Default background color for pages and main content areas */
|
|
361
|
-
--bgColor-disabled: var(--base-color-neutral-
|
|
365
|
+
--bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
|
|
362
366
|
--bgColor-done-emphasis: var(--base-color-purple-5); /** Strong background for completed/done state badges and labels */
|
|
363
367
|
--bgColor-done-muted: #986ee226; /** Subtle background for completed/done state indicators */
|
|
364
|
-
--bgColor-emphasis: var(--base-color-neutral-
|
|
368
|
+
--bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
|
|
365
369
|
--bgColor-inset: var(--base-color-neutral-2); /** Inset background for recessed content areas like wells or sunken panels */
|
|
366
|
-
--bgColor-
|
|
367
|
-
--bgColor-
|
|
368
|
-
--bgColor-neutral-
|
|
370
|
+
--bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
|
|
371
|
+
--bgColor-muted: var(--base-color-neutral-3); /** Muted background for secondary content areas and subtle grouping */
|
|
372
|
+
--bgColor-neutral-emphasis: var(--base-color-neutral-9); /** Strong neutral background for prominent neutral elements */
|
|
373
|
+
--bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
369
374
|
--bgColor-severe-emphasis: var(--base-color-orange-5); /** Strong severe background for prominent high-priority warnings */
|
|
370
375
|
--bgColor-severe-muted: #cc6b2c1a; /** Subtle severe background for high-priority warnings */
|
|
371
376
|
--bgColor-sponsors-emphasis: var(--base-color-pink-5); /** Strong background for prominent GitHub Sponsors elements */
|
|
@@ -373,50 +378,57 @@
|
|
|
373
378
|
--bgColor-success-emphasis: var(--base-color-green-5); /** Strong success background for prominent positive actions */
|
|
374
379
|
--bgColor-success-muted: #46954a26; /** Subtle success background for positive feedback and completed states */
|
|
375
380
|
--bgColor-transparent: var(--base-color-transparent); /** Fully transparent background */
|
|
381
|
+
--bgColor-white: var(--base-color-white); /** Pure white background */
|
|
376
382
|
--borderColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent border for selected or focused elements */
|
|
377
383
|
--borderColor-accent-muted: #4184e466; /** Subtle accent border for selected or focused elements */
|
|
378
384
|
--borderColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention border for prominent warnings */
|
|
379
385
|
--borderColor-attention-muted: #ae7c1466; /** Subtle attention border for warnings and caution states */
|
|
380
386
|
--borderColor-danger-emphasis: var(--base-color-red-5); /** Strong danger border for destructive actions and errors */
|
|
381
387
|
--borderColor-danger-muted: #e5534b66; /** Subtle danger border for errors and destructive contexts */
|
|
382
|
-
--borderColor-default: var(--base-color-neutral-
|
|
383
|
-
--borderColor-disabled: #
|
|
388
|
+
--borderColor-default: var(--base-color-neutral-5); /** Default border color for most UI elements */
|
|
389
|
+
--borderColor-disabled: #6c786f1a; /** Border color for disabled interactive elements */
|
|
384
390
|
--borderColor-done-emphasis: var(--base-color-purple-5); /** Strong border for completed/done state badges */
|
|
385
391
|
--borderColor-done-muted: #986ee266; /** Subtle border for completed/done state indicators */
|
|
386
|
-
--borderColor-emphasis: var(--base-color-neutral-
|
|
387
|
-
--borderColor-muted: #
|
|
388
|
-
--borderColor-neutral-muted: #
|
|
392
|
+
--borderColor-emphasis: var(--base-color-neutral-9); /** Strong border for emphasis and visual weight */
|
|
393
|
+
--borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
|
|
394
|
+
--borderColor-neutral-muted: #3b443eb3; /** Subtle neutral semantic border */
|
|
389
395
|
--borderColor-severe-emphasis: var(--base-color-orange-5); /** Strong severe border for prominent high-priority warnings */
|
|
390
396
|
--borderColor-severe-muted: #cc6b2c66; /** Subtle severe border for high-priority warnings */
|
|
391
397
|
--borderColor-sponsors-emphasis: var(--base-color-pink-5); /** Strong border for prominent GitHub Sponsors elements */
|
|
392
398
|
--borderColor-sponsors-muted: #c9619866; /** Subtle border for GitHub Sponsors content */
|
|
393
399
|
--borderColor-success-emphasis: var(--base-color-green-5); /** Strong success border for prominent positive elements */
|
|
394
400
|
--borderColor-success-muted: #46954a66; /** Subtle success border for positive feedback elements */
|
|
401
|
+
--borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
395
402
|
--borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
|
|
396
403
|
--boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
|
|
397
404
|
--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 */
|
|
398
405
|
--boxShadow-thin: inset 0 0 0 0.0625rem; /** Thin shadow used instead of a border to prevent layout shift */
|
|
399
406
|
--button-danger-bgColor-hover: var(--base-color-red-6);
|
|
400
407
|
--button-danger-borderColor-rest: var(--control-borderColor-rest);
|
|
408
|
+
--button-danger-iconColor-hover: var(--base-color-white);
|
|
401
409
|
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
402
410
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
403
411
|
--button-default-borderColor-rest: var(--control-borderColor-rest);
|
|
404
412
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
405
|
-
--button-inactive-bgColor: var(--base-color-neutral-
|
|
406
|
-
--button-inactive-fgColor: var(--base-color-neutral-
|
|
413
|
+
--button-inactive-bgColor: var(--base-color-neutral-3);
|
|
414
|
+
--button-inactive-fgColor: var(--base-color-neutral-9);
|
|
407
415
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
408
416
|
--button-invisible-borderColor-disabled: var(--base-color-transparent);
|
|
409
|
-
--button-invisible-iconColor-hover: var(--base-color-neutral-
|
|
410
|
-
--button-invisible-iconColor-rest: var(--base-color-neutral-
|
|
417
|
+
--button-invisible-iconColor-hover: var(--base-color-neutral-11);
|
|
418
|
+
--button-invisible-iconColor-rest: var(--base-color-neutral-11);
|
|
411
419
|
--button-outline-bgColor-active: var(--base-color-blue-7);
|
|
412
|
-
--button-outline-bgColor-rest: var(--base-color-neutral-
|
|
420
|
+
--button-outline-bgColor-rest: var(--base-color-neutral-14);
|
|
421
|
+
--button-outline-fgColor-active: var(--base-color-white);
|
|
413
422
|
--button-outline-fgColor-hover: var(--base-color-blue-3);
|
|
414
423
|
--button-outline-fgColor-rest: var(--base-color-blue-4);
|
|
415
424
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
425
|
+
--button-primary-fgColor-disabled: #cdd9e566;
|
|
416
426
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
417
427
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
428
|
+
--buttonCounter-danger-bgColor-hover: #cdd9e533;
|
|
418
429
|
--buttonCounter-danger-bgColor-rest: #5d0f1233;
|
|
419
|
-
--buttonCounter-
|
|
430
|
+
--buttonCounter-danger-fgColor-hover: var(--base-color-white);
|
|
431
|
+
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
|
|
420
432
|
--buttonCounter-outline-bgColor-hover: #0f2d5c33;
|
|
421
433
|
--buttonCounter-outline-bgColor-rest: #0f2d5c33;
|
|
422
434
|
--buttonCounter-outline-fgColor-disabled: #478be680;
|
|
@@ -426,10 +438,10 @@
|
|
|
426
438
|
--buttonKeybindingHint-danger-bgColor-active: #01040966;
|
|
427
439
|
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
|
|
428
440
|
--buttonKeybindingHint-danger-borderColor-hover: #0104091a;
|
|
429
|
-
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-
|
|
430
|
-
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-
|
|
441
|
+
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
|
|
442
|
+
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
|
|
431
443
|
--buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
|
|
432
|
-
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-
|
|
444
|
+
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
|
|
433
445
|
--codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
|
|
434
446
|
--codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
|
|
435
447
|
--codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
|
|
@@ -439,7 +451,7 @@
|
|
|
439
451
|
--codeMirror-syntax-fgColor-variable: var(--base-color-orange-2);
|
|
440
452
|
--color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
|
|
441
453
|
--color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
|
|
442
|
-
--contribution-default-bgColor-0: var(--base-color-neutral-
|
|
454
|
+
--contribution-default-bgColor-0: var(--base-color-neutral-3);
|
|
443
455
|
--contribution-default-bgColor-1: var(--base-color-green-8);
|
|
444
456
|
--contribution-default-bgColor-2: var(--base-color-green-6);
|
|
445
457
|
--contribution-default-bgColor-3: var(--base-color-green-4);
|
|
@@ -453,25 +465,26 @@
|
|
|
453
465
|
--contribution-winter-bgColor-2: var(--base-color-blue-6);
|
|
454
466
|
--contribution-winter-bgColor-3: var(--base-color-blue-3);
|
|
455
467
|
--contribution-winter-bgColor-4: var(--base-color-blue-0);
|
|
456
|
-
--control-bgColor-active: var(--base-color-neutral-
|
|
457
|
-
--control-bgColor-hover: var(--base-color-neutral-
|
|
458
|
-
--control-bgColor-rest: var(--base-color-neutral-
|
|
459
|
-
--control-borderColor-disabled: #
|
|
460
|
-
--control-borderColor-selected: var(--base-color-neutral-
|
|
468
|
+
--control-bgColor-active: var(--base-color-neutral-5);
|
|
469
|
+
--control-bgColor-hover: var(--base-color-neutral-4);
|
|
470
|
+
--control-bgColor-rest: var(--base-color-neutral-3);
|
|
471
|
+
--control-borderColor-disabled: #6c786f1a;
|
|
472
|
+
--control-borderColor-selected: var(--base-color-neutral-14);
|
|
461
473
|
--control-danger-fgColor-hover: var(--base-color-red-3);
|
|
462
|
-
--control-transparent-bgColor-active: #
|
|
463
|
-
--control-transparent-bgColor-hover: #
|
|
474
|
+
--control-transparent-bgColor-active: #6c786f33;
|
|
475
|
+
--control-transparent-bgColor-hover: #6c786f26;
|
|
464
476
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
465
|
-
--control-transparent-bgColor-selected: #
|
|
477
|
+
--control-transparent-bgColor-selected: #6c786f1a;
|
|
466
478
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
467
479
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
468
480
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
469
|
-
--controlKnob-bgColor-
|
|
481
|
+
--controlKnob-bgColor-checked: var(--base-color-white);
|
|
482
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-3);
|
|
470
483
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
471
|
-
--controlTrack-bgColor-active: var(--base-color-neutral-
|
|
472
|
-
--controlTrack-bgColor-hover: var(--base-color-neutral-
|
|
484
|
+
--controlTrack-bgColor-active: var(--base-color-neutral-5);
|
|
485
|
+
--controlTrack-bgColor-hover: var(--base-color-neutral-4);
|
|
473
486
|
--controlTrack-bgColor-rest: var(--base-color-neutral-2);
|
|
474
|
-
--controlTrack-borderColor-rest: var(--base-color-neutral-
|
|
487
|
+
--controlTrack-borderColor-rest: var(--base-color-neutral-5);
|
|
475
488
|
--counter-borderColor: var(--base-color-transparent);
|
|
476
489
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
477
490
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -798,22 +811,26 @@
|
|
|
798
811
|
--display-yellow-scale-8: var(--base-display-color-yellow-8);
|
|
799
812
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
800
813
|
--fgColor-attention: var(--base-color-yellow-3); /** Attention text for warnings and caution states */
|
|
814
|
+
--fgColor-black: var(--base-color-black); /** Pure black text */
|
|
801
815
|
--fgColor-danger: var(--base-color-red-4); /** Danger text for errors and destructive actions */
|
|
802
|
-
--fgColor-default: var(--base-color-neutral-
|
|
803
|
-
--fgColor-disabled: var(--base-color-neutral-
|
|
816
|
+
--fgColor-default: var(--base-color-neutral-12); /** Default text color for primary content and headings */
|
|
817
|
+
--fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
|
|
804
818
|
--fgColor-done: var(--base-color-purple-4); /** Text color for completed/done state indicators */
|
|
805
819
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
806
820
|
--fgColor-muted: var(--base-color-neutral-10); /** Muted text for secondary content and less important information */
|
|
807
821
|
--fgColor-neutral: var(--base-color-neutral-10); /** Neutral semantic text for icons and secondary elements */
|
|
808
|
-
--fgColor-onEmphasis: var(--base-color-neutral-
|
|
822
|
+
--fgColor-onEmphasis: var(--base-color-neutral-14); /** Text color for use on emphasis backgrounds */
|
|
823
|
+
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
809
824
|
--fgColor-severe: var(--base-color-orange-4); /** Severe text for high-priority warnings */
|
|
810
825
|
--fgColor-sponsors: var(--base-color-pink-4); /** Text color for GitHub Sponsors content */
|
|
811
826
|
--fgColor-success: var(--base-color-green-3); /** Success text for positive feedback and completed states */
|
|
812
|
-
--
|
|
827
|
+
--fgColor-white: var(--base-color-white); /** Pure white text */
|
|
828
|
+
--header-bgColor: #191f1bf2;
|
|
813
829
|
--header-borderColor-divider: var(--base-color-neutral-8);
|
|
814
|
-
--header-fgColor-
|
|
830
|
+
--header-fgColor-default: #cdd9e5b3;
|
|
831
|
+
--header-fgColor-logo: var(--base-color-neutral-14);
|
|
815
832
|
--headerSearch-bgColor: var(--base-color-neutral-1);
|
|
816
|
-
--headerSearch-borderColor: var(--base-color-neutral-
|
|
833
|
+
--headerSearch-borderColor: var(--base-color-neutral-3);
|
|
817
834
|
--highlight-neutral-bgColor: #c6902666;
|
|
818
835
|
--label-auburn-bgColor-active: var(--base-display-color-auburn-2);
|
|
819
836
|
--label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
|
|
@@ -949,59 +966,59 @@
|
|
|
949
966
|
--label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
|
|
950
967
|
--label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
|
|
951
968
|
--menu-bgColor-active: var(--base-color-neutral-2);
|
|
952
|
-
--overlay-backdrop-bgColor: #
|
|
953
|
-
--overlay-bgColor: var(--base-color-neutral-
|
|
954
|
-
--overlay-borderColor: #
|
|
955
|
-
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-
|
|
969
|
+
--overlay-backdrop-bgColor: #252b2766;
|
|
970
|
+
--overlay-bgColor: var(--base-color-neutral-3);
|
|
971
|
+
--overlay-borderColor: #3b443eb3;
|
|
972
|
+
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-10); /** Syntax highlighting color for angle brackets */
|
|
956
973
|
--prettylights-syntax-bracketHighlighterUnmatched: var(--base-color-red-4); /** Syntax highlighting color for unmatched brackets */
|
|
957
974
|
--prettylights-syntax-carriageReturn-bg: var(--base-color-red-6); /** Background color for carriage return characters in diffs */
|
|
958
|
-
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-
|
|
959
|
-
--prettylights-syntax-comment: var(--base-color-neutral-
|
|
975
|
+
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-14); /** Text color for carriage return characters in diffs */
|
|
976
|
+
--prettylights-syntax-comment: var(--base-color-neutral-10); /** Syntax highlighting color for code comments */
|
|
960
977
|
--prettylights-syntax-constant: var(--base-color-blue-2); /** Syntax highlighting color for constants and literal values */
|
|
961
978
|
--prettylights-syntax-constantOtherReferenceLink: var(--base-color-blue-1); /** Syntax highlighting color for reference links and URLs in code */
|
|
962
979
|
--prettylights-syntax-entity: var(--base-color-purple-2); /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
963
980
|
--prettylights-syntax-entityTag: var(--base-color-green-1); /** Syntax highlighting color for HTML/XML tags */
|
|
964
981
|
--prettylights-syntax-keyword: var(--base-color-red-3); /** Syntax highlighting color for language keywords (if, else, return) */
|
|
965
|
-
--prettylights-syntax-markup-bold: var(--base-color-neutral-
|
|
982
|
+
--prettylights-syntax-markup-bold: var(--base-color-neutral-14); /** Syntax highlighting color for bold text in markdown */
|
|
966
983
|
--prettylights-syntax-markup-changed-bg: var(--base-color-orange-8); /** Background color for changed lines in diff views */
|
|
967
984
|
--prettylights-syntax-markup-changed-text: var(--base-color-orange-0); /** Text color for changed lines in diff views */
|
|
968
985
|
--prettylights-syntax-markup-deleted-bg: var(--base-color-red-8); /** Background color for deleted lines in diff views */
|
|
969
986
|
--prettylights-syntax-markup-deleted-text: var(--base-color-red-0); /** Text color for deleted lines in diff views */
|
|
970
987
|
--prettylights-syntax-markup-heading: var(--base-color-blue-5); /** Syntax highlighting color for headings in markdown */
|
|
971
988
|
--prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6); /** Background color for ignored content in diffs */
|
|
972
|
-
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-
|
|
989
|
+
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-14); /** Text color for ignored content in diffs */
|
|
973
990
|
--prettylights-syntax-markup-inserted-bg: var(--base-color-green-8); /** Background color for inserted lines in diff views */
|
|
974
991
|
--prettylights-syntax-markup-inserted-text: var(--base-color-green-0); /** Text color for inserted lines in diff views */
|
|
975
|
-
--prettylights-syntax-markup-italic: var(--base-color-neutral-
|
|
992
|
+
--prettylights-syntax-markup-italic: var(--base-color-neutral-14); /** Syntax highlighting color for italic text in markdown */
|
|
976
993
|
--prettylights-syntax-markup-list: var(--base-color-yellow-1); /** Syntax highlighting color for list markers in markdown */
|
|
977
994
|
--prettylights-syntax-metaDiffRange: var(--base-color-purple-2); /** Syntax highlighting color for diff range information (@@ lines) */
|
|
978
|
-
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-
|
|
995
|
+
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-14); /** Syntax highlighting color for import and require statements */
|
|
979
996
|
--prettylights-syntax-string: var(--base-color-blue-1); /** Syntax highlighting color for string literals */
|
|
980
997
|
--prettylights-syntax-stringRegexp: var(--base-color-green-1); /** Syntax highlighting color for regular expression literals */
|
|
981
|
-
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-
|
|
998
|
+
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-5); /** Color for linter gutter marks in code editors */
|
|
982
999
|
--prettylights-syntax-variable: var(--base-color-orange-2); /** Syntax highlighting color for variables and parameters */
|
|
983
1000
|
--progressBar-track-borderColor: var(--base-color-transparent);
|
|
984
1001
|
--reactionButton-selected-bgColor-rest: #4184e433;
|
|
985
1002
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
|
|
986
1003
|
--selectMenu-bgColor-active: var(--base-color-blue-8);
|
|
1004
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
1005
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
1006
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
1007
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
987
1008
|
--sideNav-bgColor-selected: var(--base-color-neutral-3);
|
|
988
|
-
--skeletonLoader-bgColor: #
|
|
989
|
-
--timelineBadge-bgColor: var(--base-color-neutral-
|
|
1009
|
+
--skeletonLoader-bgColor: #58635b33;
|
|
1010
|
+
--timelineBadge-bgColor: var(--base-color-neutral-3);
|
|
990
1011
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
991
1012
|
--underlineNav-borderColor-active: var(--base-color-coral-3);
|
|
992
|
-
--
|
|
993
|
-
--avatar-bgColor: #cdd9e51a;
|
|
994
|
-
--bgColor-black: var(--base-color-neutral-0); /** Pure black background */
|
|
1013
|
+
--avatar-borderColor: var(--borderColor-translucent);
|
|
995
1014
|
--bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
|
|
996
1015
|
--bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
|
|
997
1016
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
998
1017
|
--bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
|
|
999
|
-
--bgColor-inverse: var(--base-color-neutral-13); /** Inverse background that flips between light and dark modes */
|
|
1000
1018
|
--bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
|
|
1001
1019
|
--bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
|
|
1002
1020
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
1003
1021
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
1004
|
-
--bgColor-white: var(--base-color-neutral-13); /** Pure white background */
|
|
1005
1022
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
1006
1023
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
1007
1024
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -1021,6 +1038,7 @@
|
|
|
1021
1038
|
--border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
|
|
1022
1039
|
--border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
|
|
1023
1040
|
--border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
|
|
1041
|
+
--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. */
|
|
1024
1042
|
--border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
|
|
1025
1043
|
--borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
|
|
1026
1044
|
--borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
|
|
@@ -1028,13 +1046,11 @@
|
|
|
1028
1046
|
--borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
|
|
1029
1047
|
--borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
|
|
1030
1048
|
--borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
|
|
1031
|
-
--borderColor-translucent: #cdd9e526; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1032
1049
|
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
|
|
1033
1050
|
--borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
|
|
1034
1051
|
--button-danger-bgColor-active: var(--bgColor-danger-emphasis);
|
|
1035
1052
|
--button-danger-bgColor-rest: var(--control-bgColor-rest);
|
|
1036
1053
|
--button-danger-fgColor-disabled: #e5534b80;
|
|
1037
|
-
--button-danger-iconColor-hover: var(--base-color-neutral-13);
|
|
1038
1054
|
--button-default-bgColor-active: var(--control-bgColor-active);
|
|
1039
1055
|
--button-default-bgColor-hover: var(--control-bgColor-hover);
|
|
1040
1056
|
--button-default-bgColor-rest: var(--control-bgColor-rest);
|
|
@@ -1048,13 +1064,11 @@
|
|
|
1048
1064
|
--button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
|
|
1049
1065
|
--button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
|
|
1050
1066
|
--button-outline-bgColor-hover: var(--control-bgColor-hover);
|
|
1051
|
-
--button-outline-fgColor-active: var(--base-color-neutral-13);
|
|
1052
1067
|
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
|
|
1053
|
-
--button-primary-
|
|
1068
|
+
--button-primary-borderColor-rest: var(--borderColor-translucent);
|
|
1069
|
+
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1054
1070
|
--buttonCounter-danger-bgColor-disabled: #c93c370d;
|
|
1055
|
-
--buttonCounter-danger-bgColor-hover: #cdd9e533;
|
|
1056
1071
|
--buttonCounter-danger-fgColor-disabled: #e5534b80;
|
|
1057
|
-
--buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
1058
1072
|
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
1059
1073
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
1060
1074
|
--buttonCounter-outline-bgColor-disabled: #316dca0d;
|
|
@@ -1078,6 +1092,7 @@
|
|
|
1078
1092
|
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
1079
1093
|
--buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1080
1094
|
--buttonKeybindingHint-primary-borderColor-rest: #1134171a;
|
|
1095
|
+
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1081
1096
|
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1082
1097
|
--card-bgColor: var(--bgColor-muted);
|
|
1083
1098
|
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
|
|
@@ -1103,6 +1118,7 @@
|
|
|
1103
1118
|
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
|
|
1104
1119
|
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
|
|
1105
1120
|
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
|
|
1121
|
+
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
1106
1122
|
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
|
|
1107
1123
|
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
|
|
1108
1124
|
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
@@ -1155,7 +1171,6 @@
|
|
|
1155
1171
|
--control-fgColor-rest: var(--fgColor-default);
|
|
1156
1172
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
1157
1173
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
1158
|
-
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
1159
1174
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1160
1175
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1161
1176
|
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
@@ -1179,15 +1194,11 @@
|
|
|
1179
1194
|
--diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
|
|
1180
1195
|
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1181
1196
|
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
1182
|
-
--fgColor-black: var(--base-color-neutral-0); /** Pure black text */
|
|
1183
1197
|
--fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
|
|
1184
1198
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
1185
|
-
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
1186
1199
|
--fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
|
|
1187
1200
|
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
1188
|
-
--fgColor-white: var(--base-color-neutral-13); /** Pure white text */
|
|
1189
1201
|
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
1190
|
-
--header-fgColor-default: #cdd9e5b3;
|
|
1191
1202
|
--page-header-bgColor: var(--bgColor-default);
|
|
1192
1203
|
--prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
1193
1204
|
--prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
|
|
@@ -1213,31 +1224,26 @@
|
|
|
1213
1224
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
1214
1225
|
--selectMenu-borderColor: var(--borderColor-default);
|
|
1215
1226
|
--selection-bgColor: #316dcab3; /** Background color for text selection highlights */
|
|
1216
|
-
--shadow-floating-large: 0 0 0 1px #
|
|
1217
|
-
--shadow-floating-medium: 0 0 0 1px #
|
|
1218
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
1219
|
-
--shadow-floating-xlarge: 0 0 0 1px #
|
|
1220
|
-
--shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
|
|
1221
|
-
--shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
1222
|
-
--shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
|
|
1223
|
-
--shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
|
|
1227
|
+
--shadow-floating-large: 0 0 0 1px #3b443e, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
|
|
1228
|
+
--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 */
|
|
1229
|
+
--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 */
|
|
1230
|
+
--shadow-floating-xlarge: 0 0 0 1px #3b443e, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
1224
1231
|
--tooltip-bgColor: var(--bgColor-emphasis);
|
|
1225
1232
|
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
1226
1233
|
--treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
|
|
1227
1234
|
--underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
|
|
1228
1235
|
--underlineNav-iconColor-rest: var(--fgColor-muted);
|
|
1229
|
-
--avatar-borderColor: var(--borderColor-translucent);
|
|
1230
1236
|
--border-closed-emphasis: var(--border-danger-emphasis);
|
|
1231
1237
|
--border-closed-muted: var(--border-danger-muted);
|
|
1232
1238
|
--border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
|
|
1233
1239
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
1234
1240
|
--border-open-emphasis: var(--border-success-emphasis);
|
|
1235
1241
|
--border-open-muted: var(--border-success-muted);
|
|
1236
|
-
--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. */
|
|
1237
1242
|
--border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
|
|
1238
1243
|
--border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
|
|
1239
1244
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
1240
1245
|
--button-danger-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1246
|
+
--button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1241
1247
|
--button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
|
|
1242
1248
|
--button-default-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1243
1249
|
--button-default-fgColor-disabled: var(--control-fgColor-disabled);
|
|
@@ -1249,16 +1255,14 @@
|
|
|
1249
1255
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
1250
1256
|
--button-outline-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1251
1257
|
--button-outline-borderColor-hover: var(--button-default-borderColor-hover);
|
|
1252
|
-
--button-primary-borderColor-
|
|
1253
|
-
--button-primary-
|
|
1258
|
+
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
1259
|
+
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1254
1260
|
--buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
|
|
1255
1261
|
--buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
|
|
1256
1262
|
--buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
|
|
1257
1263
|
--buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
|
|
1258
1264
|
--buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
|
|
1259
1265
|
--buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
1260
|
-
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1261
|
-
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
1262
1266
|
--color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
1263
1267
|
--color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
1264
1268
|
--control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
|
|
@@ -1271,12 +1275,9 @@
|
|
|
1271
1275
|
--prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
1272
1276
|
--prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
1273
1277
|
--border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
|
|
1274
|
-
--button-danger-borderColor-
|
|
1278
|
+
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
1275
1279
|
--button-outline-borderColor-active: var(--button-outline-borderColor-hover);
|
|
1276
|
-
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
1277
|
-
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1278
1280
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
1279
|
-
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
1280
1281
|
}
|
|
1281
1282
|
@media (prefers-color-scheme: dark) {
|
|
1282
1283
|
[data-color-mode][data-color-mode="auto"][data-dark-theme="dark_dimmed"] {
|
|
@@ -1318,18 +1319,21 @@
|
|
|
1318
1319
|
--base-color-green-7: #245829;
|
|
1319
1320
|
--base-color-green-8: #1b4721;
|
|
1320
1321
|
--base-color-green-9: #113417;
|
|
1321
|
-
--base-color-neutral-
|
|
1322
|
-
--base-color-neutral-
|
|
1323
|
-
--base-color-neutral-
|
|
1324
|
-
--base-color-neutral-
|
|
1325
|
-
--base-color-neutral-
|
|
1326
|
-
--base-color-neutral-
|
|
1327
|
-
--base-color-neutral-
|
|
1328
|
-
--base-color-neutral-
|
|
1329
|
-
--base-color-neutral-
|
|
1330
|
-
--base-color-neutral-
|
|
1331
|
-
--base-color-neutral-
|
|
1332
|
-
--base-color-neutral-
|
|
1322
|
+
--base-color-neutral-0: #060907;
|
|
1323
|
+
--base-color-neutral-1: #0f1511;
|
|
1324
|
+
--base-color-neutral-10: #9ca89f;
|
|
1325
|
+
--base-color-neutral-11: #b8c4bc;
|
|
1326
|
+
--base-color-neutral-12: #cbd6cd;
|
|
1327
|
+
--base-color-neutral-13: #d6e0d8;
|
|
1328
|
+
--base-color-neutral-14: #e9f0eb;
|
|
1329
|
+
--base-color-neutral-2: #191f1b;
|
|
1330
|
+
--base-color-neutral-3: #252b27;
|
|
1331
|
+
--base-color-neutral-4: #353c37;
|
|
1332
|
+
--base-color-neutral-5: #3b443e;
|
|
1333
|
+
--base-color-neutral-6: #434c45;
|
|
1334
|
+
--base-color-neutral-7: #4e5750;
|
|
1335
|
+
--base-color-neutral-8: #58635b;
|
|
1336
|
+
--base-color-neutral-9: #6c786f;
|
|
1333
1337
|
--base-color-orange-0: #ffddb0;
|
|
1334
1338
|
--base-color-orange-1: #ffbc6f;
|
|
1335
1339
|
--base-color-orange-2: #f69d50;
|
|
@@ -1611,41 +1615,43 @@
|
|
|
1611
1615
|
--control-checked-borderColor-hover: #3876d3;
|
|
1612
1616
|
--fgColor-accent: #478be6; /** Accent text for links and interactive elements */
|
|
1613
1617
|
--reactionButton-selected-bgColor-hover: #4285e55c;
|
|
1614
|
-
--ansi-black: var(--base-color-neutral-
|
|
1615
|
-
--ansi-blackBright: var(--base-color-neutral-
|
|
1618
|
+
--ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
|
|
1619
|
+
--ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
1616
1620
|
--ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
|
|
1617
1621
|
--ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
|
|
1618
|
-
--ansi-gray: var(--base-color-neutral-
|
|
1622
|
+
--ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
|
|
1619
1623
|
--ansi-green: var(--base-color-green-3); /** ANSI green for success indicators in terminal */
|
|
1620
1624
|
--ansi-greenBright: var(--base-color-green-2); /** ANSI bright green for highlighted success in terminal */
|
|
1621
1625
|
--ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
|
|
1622
1626
|
--ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
|
|
1623
1627
|
--ansi-red: var(--base-color-red-3); /** ANSI red for errors and alerts in terminal output */
|
|
1624
1628
|
--ansi-redBright: var(--base-color-red-2); /** ANSI bright red for highlighted errors in terminal */
|
|
1625
|
-
--ansi-white: var(--base-color-neutral-
|
|
1629
|
+
--ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
|
|
1630
|
+
--ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
|
|
1626
1631
|
--ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
|
|
1627
1632
|
--ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
|
|
1628
|
-
--avatar-
|
|
1633
|
+
--avatar-bgColor: #cdd9e51a;
|
|
1634
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
1629
1635
|
--avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
|
|
1630
1636
|
--avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
|
|
1631
1637
|
--base-color-inset: var(--base-color-black);
|
|
1632
|
-
--base-color-neutral-0: var(--base-color-black);
|
|
1633
|
-
--base-color-neutral-13: var(--base-color-white);
|
|
1634
1638
|
--bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
|
|
1635
1639
|
--bgColor-accent-muted: #4184e41a; /** Subtle accent background for informational or selected elements */
|
|
1636
1640
|
--bgColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention background for prominent warnings */
|
|
1637
1641
|
--bgColor-attention-muted: #ae7c1426; /** Subtle attention background for warnings and caution states */
|
|
1642
|
+
--bgColor-black: var(--base-color-black); /** Pure black background */
|
|
1638
1643
|
--bgColor-danger-emphasis: var(--base-color-red-5); /** Emphasized danger background for critical errors and delete confirmations */
|
|
1639
1644
|
--bgColor-danger-muted: #e5534b1a; /** Muted danger background for error states and destructive action contexts */
|
|
1640
1645
|
--bgColor-default: var(--base-color-neutral-3); /** Default background color for pages and main content areas */
|
|
1641
|
-
--bgColor-disabled: var(--base-color-neutral-
|
|
1646
|
+
--bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
|
|
1642
1647
|
--bgColor-done-emphasis: var(--base-color-purple-5); /** Strong background for completed/done state badges and labels */
|
|
1643
1648
|
--bgColor-done-muted: #986ee226; /** Subtle background for completed/done state indicators */
|
|
1644
|
-
--bgColor-emphasis: var(--base-color-neutral-
|
|
1649
|
+
--bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
|
|
1645
1650
|
--bgColor-inset: var(--base-color-neutral-2); /** Inset background for recessed content areas like wells or sunken panels */
|
|
1646
|
-
--bgColor-
|
|
1647
|
-
--bgColor-
|
|
1648
|
-
--bgColor-neutral-
|
|
1651
|
+
--bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
|
|
1652
|
+
--bgColor-muted: var(--base-color-neutral-3); /** Muted background for secondary content areas and subtle grouping */
|
|
1653
|
+
--bgColor-neutral-emphasis: var(--base-color-neutral-9); /** Strong neutral background for prominent neutral elements */
|
|
1654
|
+
--bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
1649
1655
|
--bgColor-severe-emphasis: var(--base-color-orange-5); /** Strong severe background for prominent high-priority warnings */
|
|
1650
1656
|
--bgColor-severe-muted: #cc6b2c1a; /** Subtle severe background for high-priority warnings */
|
|
1651
1657
|
--bgColor-sponsors-emphasis: var(--base-color-pink-5); /** Strong background for prominent GitHub Sponsors elements */
|
|
@@ -1653,50 +1659,57 @@
|
|
|
1653
1659
|
--bgColor-success-emphasis: var(--base-color-green-5); /** Strong success background for prominent positive actions */
|
|
1654
1660
|
--bgColor-success-muted: #46954a26; /** Subtle success background for positive feedback and completed states */
|
|
1655
1661
|
--bgColor-transparent: var(--base-color-transparent); /** Fully transparent background */
|
|
1662
|
+
--bgColor-white: var(--base-color-white); /** Pure white background */
|
|
1656
1663
|
--borderColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent border for selected or focused elements */
|
|
1657
1664
|
--borderColor-accent-muted: #4184e466; /** Subtle accent border for selected or focused elements */
|
|
1658
1665
|
--borderColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention border for prominent warnings */
|
|
1659
1666
|
--borderColor-attention-muted: #ae7c1466; /** Subtle attention border for warnings and caution states */
|
|
1660
1667
|
--borderColor-danger-emphasis: var(--base-color-red-5); /** Strong danger border for destructive actions and errors */
|
|
1661
1668
|
--borderColor-danger-muted: #e5534b66; /** Subtle danger border for errors and destructive contexts */
|
|
1662
|
-
--borderColor-default: var(--base-color-neutral-
|
|
1663
|
-
--borderColor-disabled: #
|
|
1669
|
+
--borderColor-default: var(--base-color-neutral-5); /** Default border color for most UI elements */
|
|
1670
|
+
--borderColor-disabled: #6c786f1a; /** Border color for disabled interactive elements */
|
|
1664
1671
|
--borderColor-done-emphasis: var(--base-color-purple-5); /** Strong border for completed/done state badges */
|
|
1665
1672
|
--borderColor-done-muted: #986ee266; /** Subtle border for completed/done state indicators */
|
|
1666
|
-
--borderColor-emphasis: var(--base-color-neutral-
|
|
1667
|
-
--borderColor-muted: #
|
|
1668
|
-
--borderColor-neutral-muted: #
|
|
1673
|
+
--borderColor-emphasis: var(--base-color-neutral-9); /** Strong border for emphasis and visual weight */
|
|
1674
|
+
--borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
|
|
1675
|
+
--borderColor-neutral-muted: #3b443eb3; /** Subtle neutral semantic border */
|
|
1669
1676
|
--borderColor-severe-emphasis: var(--base-color-orange-5); /** Strong severe border for prominent high-priority warnings */
|
|
1670
1677
|
--borderColor-severe-muted: #cc6b2c66; /** Subtle severe border for high-priority warnings */
|
|
1671
1678
|
--borderColor-sponsors-emphasis: var(--base-color-pink-5); /** Strong border for prominent GitHub Sponsors elements */
|
|
1672
1679
|
--borderColor-sponsors-muted: #c9619866; /** Subtle border for GitHub Sponsors content */
|
|
1673
1680
|
--borderColor-success-emphasis: var(--base-color-green-5); /** Strong success border for prominent positive elements */
|
|
1674
1681
|
--borderColor-success-muted: #46954a66; /** Subtle success border for positive feedback elements */
|
|
1682
|
+
--borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1675
1683
|
--borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
|
|
1676
1684
|
--boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
|
|
1677
1685
|
--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 */
|
|
1678
1686
|
--boxShadow-thin: inset 0 0 0 0.0625rem; /** Thin shadow used instead of a border to prevent layout shift */
|
|
1679
1687
|
--button-danger-bgColor-hover: var(--base-color-red-6);
|
|
1680
1688
|
--button-danger-borderColor-rest: var(--control-borderColor-rest);
|
|
1689
|
+
--button-danger-iconColor-hover: var(--base-color-white);
|
|
1681
1690
|
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
1682
1691
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
1683
1692
|
--button-default-borderColor-rest: var(--control-borderColor-rest);
|
|
1684
1693
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
1685
|
-
--button-inactive-bgColor: var(--base-color-neutral-
|
|
1686
|
-
--button-inactive-fgColor: var(--base-color-neutral-
|
|
1694
|
+
--button-inactive-bgColor: var(--base-color-neutral-3);
|
|
1695
|
+
--button-inactive-fgColor: var(--base-color-neutral-9);
|
|
1687
1696
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
1688
1697
|
--button-invisible-borderColor-disabled: var(--base-color-transparent);
|
|
1689
|
-
--button-invisible-iconColor-hover: var(--base-color-neutral-
|
|
1690
|
-
--button-invisible-iconColor-rest: var(--base-color-neutral-
|
|
1698
|
+
--button-invisible-iconColor-hover: var(--base-color-neutral-11);
|
|
1699
|
+
--button-invisible-iconColor-rest: var(--base-color-neutral-11);
|
|
1691
1700
|
--button-outline-bgColor-active: var(--base-color-blue-7);
|
|
1692
|
-
--button-outline-bgColor-rest: var(--base-color-neutral-
|
|
1701
|
+
--button-outline-bgColor-rest: var(--base-color-neutral-14);
|
|
1702
|
+
--button-outline-fgColor-active: var(--base-color-white);
|
|
1693
1703
|
--button-outline-fgColor-hover: var(--base-color-blue-3);
|
|
1694
1704
|
--button-outline-fgColor-rest: var(--base-color-blue-4);
|
|
1695
1705
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
1706
|
+
--button-primary-fgColor-disabled: #cdd9e566;
|
|
1696
1707
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
1697
1708
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
1709
|
+
--buttonCounter-danger-bgColor-hover: #cdd9e533;
|
|
1698
1710
|
--buttonCounter-danger-bgColor-rest: #5d0f1233;
|
|
1699
|
-
--buttonCounter-
|
|
1711
|
+
--buttonCounter-danger-fgColor-hover: var(--base-color-white);
|
|
1712
|
+
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
|
|
1700
1713
|
--buttonCounter-outline-bgColor-hover: #0f2d5c33;
|
|
1701
1714
|
--buttonCounter-outline-bgColor-rest: #0f2d5c33;
|
|
1702
1715
|
--buttonCounter-outline-fgColor-disabled: #478be680;
|
|
@@ -1706,10 +1719,10 @@
|
|
|
1706
1719
|
--buttonKeybindingHint-danger-bgColor-active: #01040966;
|
|
1707
1720
|
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
|
|
1708
1721
|
--buttonKeybindingHint-danger-borderColor-hover: #0104091a;
|
|
1709
|
-
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-
|
|
1710
|
-
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-
|
|
1722
|
+
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
|
|
1723
|
+
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
|
|
1711
1724
|
--buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
|
|
1712
|
-
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-
|
|
1725
|
+
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
|
|
1713
1726
|
--codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
|
|
1714
1727
|
--codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
|
|
1715
1728
|
--codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
|
|
@@ -1719,7 +1732,7 @@
|
|
|
1719
1732
|
--codeMirror-syntax-fgColor-variable: var(--base-color-orange-2);
|
|
1720
1733
|
--color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
|
|
1721
1734
|
--color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
|
|
1722
|
-
--contribution-default-bgColor-0: var(--base-color-neutral-
|
|
1735
|
+
--contribution-default-bgColor-0: var(--base-color-neutral-3);
|
|
1723
1736
|
--contribution-default-bgColor-1: var(--base-color-green-8);
|
|
1724
1737
|
--contribution-default-bgColor-2: var(--base-color-green-6);
|
|
1725
1738
|
--contribution-default-bgColor-3: var(--base-color-green-4);
|
|
@@ -1733,25 +1746,26 @@
|
|
|
1733
1746
|
--contribution-winter-bgColor-2: var(--base-color-blue-6);
|
|
1734
1747
|
--contribution-winter-bgColor-3: var(--base-color-blue-3);
|
|
1735
1748
|
--contribution-winter-bgColor-4: var(--base-color-blue-0);
|
|
1736
|
-
--control-bgColor-active: var(--base-color-neutral-
|
|
1737
|
-
--control-bgColor-hover: var(--base-color-neutral-
|
|
1738
|
-
--control-bgColor-rest: var(--base-color-neutral-
|
|
1739
|
-
--control-borderColor-disabled: #
|
|
1740
|
-
--control-borderColor-selected: var(--base-color-neutral-
|
|
1749
|
+
--control-bgColor-active: var(--base-color-neutral-5);
|
|
1750
|
+
--control-bgColor-hover: var(--base-color-neutral-4);
|
|
1751
|
+
--control-bgColor-rest: var(--base-color-neutral-3);
|
|
1752
|
+
--control-borderColor-disabled: #6c786f1a;
|
|
1753
|
+
--control-borderColor-selected: var(--base-color-neutral-14);
|
|
1741
1754
|
--control-danger-fgColor-hover: var(--base-color-red-3);
|
|
1742
|
-
--control-transparent-bgColor-active: #
|
|
1743
|
-
--control-transparent-bgColor-hover: #
|
|
1755
|
+
--control-transparent-bgColor-active: #6c786f33;
|
|
1756
|
+
--control-transparent-bgColor-hover: #6c786f26;
|
|
1744
1757
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
1745
|
-
--control-transparent-bgColor-selected: #
|
|
1758
|
+
--control-transparent-bgColor-selected: #6c786f1a;
|
|
1746
1759
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
1747
1760
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
1748
1761
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1749
|
-
--controlKnob-bgColor-
|
|
1762
|
+
--controlKnob-bgColor-checked: var(--base-color-white);
|
|
1763
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-3);
|
|
1750
1764
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
1751
|
-
--controlTrack-bgColor-active: var(--base-color-neutral-
|
|
1752
|
-
--controlTrack-bgColor-hover: var(--base-color-neutral-
|
|
1765
|
+
--controlTrack-bgColor-active: var(--base-color-neutral-5);
|
|
1766
|
+
--controlTrack-bgColor-hover: var(--base-color-neutral-4);
|
|
1753
1767
|
--controlTrack-bgColor-rest: var(--base-color-neutral-2);
|
|
1754
|
-
--controlTrack-borderColor-rest: var(--base-color-neutral-
|
|
1768
|
+
--controlTrack-borderColor-rest: var(--base-color-neutral-5);
|
|
1755
1769
|
--counter-borderColor: var(--base-color-transparent);
|
|
1756
1770
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
1757
1771
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -2078,22 +2092,26 @@
|
|
|
2078
2092
|
--display-yellow-scale-8: var(--base-display-color-yellow-8);
|
|
2079
2093
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
2080
2094
|
--fgColor-attention: var(--base-color-yellow-3); /** Attention text for warnings and caution states */
|
|
2095
|
+
--fgColor-black: var(--base-color-black); /** Pure black text */
|
|
2081
2096
|
--fgColor-danger: var(--base-color-red-4); /** Danger text for errors and destructive actions */
|
|
2082
|
-
--fgColor-default: var(--base-color-neutral-
|
|
2083
|
-
--fgColor-disabled: var(--base-color-neutral-
|
|
2097
|
+
--fgColor-default: var(--base-color-neutral-12); /** Default text color for primary content and headings */
|
|
2098
|
+
--fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
|
|
2084
2099
|
--fgColor-done: var(--base-color-purple-4); /** Text color for completed/done state indicators */
|
|
2085
2100
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
2086
2101
|
--fgColor-muted: var(--base-color-neutral-10); /** Muted text for secondary content and less important information */
|
|
2087
2102
|
--fgColor-neutral: var(--base-color-neutral-10); /** Neutral semantic text for icons and secondary elements */
|
|
2088
|
-
--fgColor-onEmphasis: var(--base-color-neutral-
|
|
2103
|
+
--fgColor-onEmphasis: var(--base-color-neutral-14); /** Text color for use on emphasis backgrounds */
|
|
2104
|
+
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
2089
2105
|
--fgColor-severe: var(--base-color-orange-4); /** Severe text for high-priority warnings */
|
|
2090
2106
|
--fgColor-sponsors: var(--base-color-pink-4); /** Text color for GitHub Sponsors content */
|
|
2091
2107
|
--fgColor-success: var(--base-color-green-3); /** Success text for positive feedback and completed states */
|
|
2092
|
-
--
|
|
2108
|
+
--fgColor-white: var(--base-color-white); /** Pure white text */
|
|
2109
|
+
--header-bgColor: #191f1bf2;
|
|
2093
2110
|
--header-borderColor-divider: var(--base-color-neutral-8);
|
|
2094
|
-
--header-fgColor-
|
|
2111
|
+
--header-fgColor-default: #cdd9e5b3;
|
|
2112
|
+
--header-fgColor-logo: var(--base-color-neutral-14);
|
|
2095
2113
|
--headerSearch-bgColor: var(--base-color-neutral-1);
|
|
2096
|
-
--headerSearch-borderColor: var(--base-color-neutral-
|
|
2114
|
+
--headerSearch-borderColor: var(--base-color-neutral-3);
|
|
2097
2115
|
--highlight-neutral-bgColor: #c6902666;
|
|
2098
2116
|
--label-auburn-bgColor-active: var(--base-display-color-auburn-2);
|
|
2099
2117
|
--label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
|
|
@@ -2229,59 +2247,59 @@
|
|
|
2229
2247
|
--label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
|
|
2230
2248
|
--label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
|
|
2231
2249
|
--menu-bgColor-active: var(--base-color-neutral-2);
|
|
2232
|
-
--overlay-backdrop-bgColor: #
|
|
2233
|
-
--overlay-bgColor: var(--base-color-neutral-
|
|
2234
|
-
--overlay-borderColor: #
|
|
2235
|
-
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-
|
|
2250
|
+
--overlay-backdrop-bgColor: #252b2766;
|
|
2251
|
+
--overlay-bgColor: var(--base-color-neutral-3);
|
|
2252
|
+
--overlay-borderColor: #3b443eb3;
|
|
2253
|
+
--prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-10); /** Syntax highlighting color for angle brackets */
|
|
2236
2254
|
--prettylights-syntax-bracketHighlighterUnmatched: var(--base-color-red-4); /** Syntax highlighting color for unmatched brackets */
|
|
2237
2255
|
--prettylights-syntax-carriageReturn-bg: var(--base-color-red-6); /** Background color for carriage return characters in diffs */
|
|
2238
|
-
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-
|
|
2239
|
-
--prettylights-syntax-comment: var(--base-color-neutral-
|
|
2256
|
+
--prettylights-syntax-carriageReturn-text: var(--base-color-neutral-14); /** Text color for carriage return characters in diffs */
|
|
2257
|
+
--prettylights-syntax-comment: var(--base-color-neutral-10); /** Syntax highlighting color for code comments */
|
|
2240
2258
|
--prettylights-syntax-constant: var(--base-color-blue-2); /** Syntax highlighting color for constants and literal values */
|
|
2241
2259
|
--prettylights-syntax-constantOtherReferenceLink: var(--base-color-blue-1); /** Syntax highlighting color for reference links and URLs in code */
|
|
2242
2260
|
--prettylights-syntax-entity: var(--base-color-purple-2); /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
2243
2261
|
--prettylights-syntax-entityTag: var(--base-color-green-1); /** Syntax highlighting color for HTML/XML tags */
|
|
2244
2262
|
--prettylights-syntax-keyword: var(--base-color-red-3); /** Syntax highlighting color for language keywords (if, else, return) */
|
|
2245
|
-
--prettylights-syntax-markup-bold: var(--base-color-neutral-
|
|
2263
|
+
--prettylights-syntax-markup-bold: var(--base-color-neutral-14); /** Syntax highlighting color for bold text in markdown */
|
|
2246
2264
|
--prettylights-syntax-markup-changed-bg: var(--base-color-orange-8); /** Background color for changed lines in diff views */
|
|
2247
2265
|
--prettylights-syntax-markup-changed-text: var(--base-color-orange-0); /** Text color for changed lines in diff views */
|
|
2248
2266
|
--prettylights-syntax-markup-deleted-bg: var(--base-color-red-8); /** Background color for deleted lines in diff views */
|
|
2249
2267
|
--prettylights-syntax-markup-deleted-text: var(--base-color-red-0); /** Text color for deleted lines in diff views */
|
|
2250
2268
|
--prettylights-syntax-markup-heading: var(--base-color-blue-5); /** Syntax highlighting color for headings in markdown */
|
|
2251
2269
|
--prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6); /** Background color for ignored content in diffs */
|
|
2252
|
-
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-
|
|
2270
|
+
--prettylights-syntax-markup-ignored-text: var(--base-color-neutral-14); /** Text color for ignored content in diffs */
|
|
2253
2271
|
--prettylights-syntax-markup-inserted-bg: var(--base-color-green-8); /** Background color for inserted lines in diff views */
|
|
2254
2272
|
--prettylights-syntax-markup-inserted-text: var(--base-color-green-0); /** Text color for inserted lines in diff views */
|
|
2255
|
-
--prettylights-syntax-markup-italic: var(--base-color-neutral-
|
|
2273
|
+
--prettylights-syntax-markup-italic: var(--base-color-neutral-14); /** Syntax highlighting color for italic text in markdown */
|
|
2256
2274
|
--prettylights-syntax-markup-list: var(--base-color-yellow-1); /** Syntax highlighting color for list markers in markdown */
|
|
2257
2275
|
--prettylights-syntax-metaDiffRange: var(--base-color-purple-2); /** Syntax highlighting color for diff range information (@@ lines) */
|
|
2258
|
-
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-
|
|
2276
|
+
--prettylights-syntax-storageModifierImport: var(--base-color-neutral-14); /** Syntax highlighting color for import and require statements */
|
|
2259
2277
|
--prettylights-syntax-string: var(--base-color-blue-1); /** Syntax highlighting color for string literals */
|
|
2260
2278
|
--prettylights-syntax-stringRegexp: var(--base-color-green-1); /** Syntax highlighting color for regular expression literals */
|
|
2261
|
-
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-
|
|
2279
|
+
--prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-5); /** Color for linter gutter marks in code editors */
|
|
2262
2280
|
--prettylights-syntax-variable: var(--base-color-orange-2); /** Syntax highlighting color for variables and parameters */
|
|
2263
2281
|
--progressBar-track-borderColor: var(--base-color-transparent);
|
|
2264
2282
|
--reactionButton-selected-bgColor-rest: #4184e433;
|
|
2265
2283
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
|
|
2266
2284
|
--selectMenu-bgColor-active: var(--base-color-blue-8);
|
|
2285
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
2286
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
2287
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
2288
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
2267
2289
|
--sideNav-bgColor-selected: var(--base-color-neutral-3);
|
|
2268
|
-
--skeletonLoader-bgColor: #
|
|
2269
|
-
--timelineBadge-bgColor: var(--base-color-neutral-
|
|
2290
|
+
--skeletonLoader-bgColor: #58635b33;
|
|
2291
|
+
--timelineBadge-bgColor: var(--base-color-neutral-3);
|
|
2270
2292
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
2271
2293
|
--underlineNav-borderColor-active: var(--base-color-coral-3);
|
|
2272
|
-
--
|
|
2273
|
-
--avatar-bgColor: #cdd9e51a;
|
|
2274
|
-
--bgColor-black: var(--base-color-neutral-0); /** Pure black background */
|
|
2294
|
+
--avatar-borderColor: var(--borderColor-translucent);
|
|
2275
2295
|
--bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
|
|
2276
2296
|
--bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
|
|
2277
2297
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
2278
2298
|
--bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
|
|
2279
|
-
--bgColor-inverse: var(--base-color-neutral-13); /** Inverse background that flips between light and dark modes */
|
|
2280
2299
|
--bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
|
|
2281
2300
|
--bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
|
|
2282
2301
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
2283
2302
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
2284
|
-
--bgColor-white: var(--base-color-neutral-13); /** Pure white background */
|
|
2285
2303
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
2286
2304
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
2287
2305
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -2301,6 +2319,7 @@
|
|
|
2301
2319
|
--border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
|
|
2302
2320
|
--border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
|
|
2303
2321
|
--border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
|
|
2322
|
+
--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. */
|
|
2304
2323
|
--border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
|
|
2305
2324
|
--borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
|
|
2306
2325
|
--borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
|
|
@@ -2308,13 +2327,11 @@
|
|
|
2308
2327
|
--borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
|
|
2309
2328
|
--borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
|
|
2310
2329
|
--borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
|
|
2311
|
-
--borderColor-translucent: #cdd9e526; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
2312
2330
|
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
|
|
2313
2331
|
--borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
|
|
2314
2332
|
--button-danger-bgColor-active: var(--bgColor-danger-emphasis);
|
|
2315
2333
|
--button-danger-bgColor-rest: var(--control-bgColor-rest);
|
|
2316
2334
|
--button-danger-fgColor-disabled: #e5534b80;
|
|
2317
|
-
--button-danger-iconColor-hover: var(--base-color-neutral-13);
|
|
2318
2335
|
--button-default-bgColor-active: var(--control-bgColor-active);
|
|
2319
2336
|
--button-default-bgColor-hover: var(--control-bgColor-hover);
|
|
2320
2337
|
--button-default-bgColor-rest: var(--control-bgColor-rest);
|
|
@@ -2328,13 +2345,11 @@
|
|
|
2328
2345
|
--button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
|
|
2329
2346
|
--button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
|
|
2330
2347
|
--button-outline-bgColor-hover: var(--control-bgColor-hover);
|
|
2331
|
-
--button-outline-fgColor-active: var(--base-color-neutral-13);
|
|
2332
2348
|
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
|
|
2333
|
-
--button-primary-
|
|
2349
|
+
--button-primary-borderColor-rest: var(--borderColor-translucent);
|
|
2350
|
+
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2334
2351
|
--buttonCounter-danger-bgColor-disabled: #c93c370d;
|
|
2335
|
-
--buttonCounter-danger-bgColor-hover: #cdd9e533;
|
|
2336
2352
|
--buttonCounter-danger-fgColor-disabled: #e5534b80;
|
|
2337
|
-
--buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
|
|
2338
2353
|
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
2339
2354
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
2340
2355
|
--buttonCounter-outline-bgColor-disabled: #316dca0d;
|
|
@@ -2358,6 +2373,7 @@
|
|
|
2358
2373
|
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
2359
2374
|
--buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
|
|
2360
2375
|
--buttonKeybindingHint-primary-borderColor-rest: #1134171a;
|
|
2376
|
+
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2361
2377
|
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
2362
2378
|
--card-bgColor: var(--bgColor-muted);
|
|
2363
2379
|
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
|
|
@@ -2383,6 +2399,7 @@
|
|
|
2383
2399
|
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
|
|
2384
2400
|
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
|
|
2385
2401
|
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
|
|
2402
|
+
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
2386
2403
|
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
|
|
2387
2404
|
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
|
|
2388
2405
|
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
@@ -2435,7 +2452,6 @@
|
|
|
2435
2452
|
--control-fgColor-rest: var(--fgColor-default);
|
|
2436
2453
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
2437
2454
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
2438
|
-
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
2439
2455
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
2440
2456
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
2441
2457
|
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
@@ -2459,15 +2475,11 @@
|
|
|
2459
2475
|
--diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
|
|
2460
2476
|
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2461
2477
|
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
2462
|
-
--fgColor-black: var(--base-color-neutral-0); /** Pure black text */
|
|
2463
2478
|
--fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
|
|
2464
2479
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
2465
|
-
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
2466
2480
|
--fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
|
|
2467
2481
|
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
2468
|
-
--fgColor-white: var(--base-color-neutral-13); /** Pure white text */
|
|
2469
2482
|
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
2470
|
-
--header-fgColor-default: #cdd9e5b3;
|
|
2471
2483
|
--page-header-bgColor: var(--bgColor-default);
|
|
2472
2484
|
--prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
2473
2485
|
--prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
|
|
@@ -2493,31 +2505,26 @@
|
|
|
2493
2505
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
2494
2506
|
--selectMenu-borderColor: var(--borderColor-default);
|
|
2495
2507
|
--selection-bgColor: #316dcab3; /** Background color for text selection highlights */
|
|
2496
|
-
--shadow-floating-large: 0 0 0 1px #
|
|
2497
|
-
--shadow-floating-medium: 0 0 0 1px #
|
|
2498
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
2499
|
-
--shadow-floating-xlarge: 0 0 0 1px #
|
|
2500
|
-
--shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
|
|
2501
|
-
--shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
2502
|
-
--shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
|
|
2503
|
-
--shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
|
|
2508
|
+
--shadow-floating-large: 0 0 0 1px #3b443e, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
|
|
2509
|
+
--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 */
|
|
2510
|
+
--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 */
|
|
2511
|
+
--shadow-floating-xlarge: 0 0 0 1px #3b443e, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
2504
2512
|
--tooltip-bgColor: var(--bgColor-emphasis);
|
|
2505
2513
|
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
2506
2514
|
--treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
|
|
2507
2515
|
--underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
|
|
2508
2516
|
--underlineNav-iconColor-rest: var(--fgColor-muted);
|
|
2509
|
-
--avatar-borderColor: var(--borderColor-translucent);
|
|
2510
2517
|
--border-closed-emphasis: var(--border-danger-emphasis);
|
|
2511
2518
|
--border-closed-muted: var(--border-danger-muted);
|
|
2512
2519
|
--border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
|
|
2513
2520
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
2514
2521
|
--border-open-emphasis: var(--border-success-emphasis);
|
|
2515
2522
|
--border-open-muted: var(--border-success-muted);
|
|
2516
|
-
--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. */
|
|
2517
2523
|
--border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
|
|
2518
2524
|
--border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
|
|
2519
2525
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
2520
2526
|
--button-danger-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2527
|
+
--button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
2521
2528
|
--button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
|
|
2522
2529
|
--button-default-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2523
2530
|
--button-default-fgColor-disabled: var(--control-fgColor-disabled);
|
|
@@ -2529,16 +2536,14 @@
|
|
|
2529
2536
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
2530
2537
|
--button-outline-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2531
2538
|
--button-outline-borderColor-hover: var(--button-default-borderColor-hover);
|
|
2532
|
-
--button-primary-borderColor-
|
|
2533
|
-
--button-primary-
|
|
2539
|
+
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
2540
|
+
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
2534
2541
|
--buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
|
|
2535
2542
|
--buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
|
|
2536
2543
|
--buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
|
|
2537
2544
|
--buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
|
|
2538
2545
|
--buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
|
|
2539
2546
|
--buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
2540
|
-
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
2541
|
-
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
2542
2547
|
--color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
2543
2548
|
--color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
2544
2549
|
--control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
|
|
@@ -2551,11 +2556,8 @@
|
|
|
2551
2556
|
--prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
2552
2557
|
--prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
2553
2558
|
--border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
|
|
2554
|
-
--button-danger-borderColor-
|
|
2559
|
+
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
2555
2560
|
--button-outline-borderColor-active: var(--button-outline-borderColor-hover);
|
|
2556
|
-
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
2557
|
-
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
2558
2561
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
2559
|
-
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
2560
2562
|
}
|
|
2561
2563
|
}
|