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