@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;
|
|
@@ -323,38 +326,42 @@
|
|
|
323
326
|
--fgColor-done: #d3abff; /** Text color for completed/done state indicators */
|
|
324
327
|
--fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
|
|
325
328
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
326
|
-
--ansi-black: var(--base-color-neutral-
|
|
327
|
-
--ansi-blackBright: var(--base-color-neutral-
|
|
329
|
+
--ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
|
|
330
|
+
--ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
328
331
|
--ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
|
|
329
332
|
--ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
|
|
330
|
-
--ansi-gray: var(--base-color-neutral-
|
|
333
|
+
--ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
|
|
331
334
|
--ansi-green: var(--base-color-blue-3); /** ANSI green for success indicators in terminal */
|
|
332
335
|
--ansi-greenBright: var(--base-color-blue-2); /** ANSI bright green for highlighted success in terminal */
|
|
333
336
|
--ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
|
|
334
337
|
--ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
|
|
335
338
|
--ansi-red: var(--base-color-orange-3); /** ANSI red for errors and alerts in terminal output */
|
|
336
339
|
--ansi-redBright: var(--base-color-orange-2); /** ANSI bright red for highlighted errors in terminal */
|
|
337
|
-
--ansi-white: var(--base-color-neutral-
|
|
340
|
+
--ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
|
|
341
|
+
--ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
|
|
338
342
|
--ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
|
|
339
343
|
--ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
|
|
340
|
-
--avatar-
|
|
344
|
+
--avatar-bgColor: #ffffff1a;
|
|
345
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
341
346
|
--avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
|
|
342
347
|
--avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
|
|
343
348
|
--base-color-inset: var(--base-color-black);
|
|
344
|
-
--base-color-neutral-0: var(--base-color-black);
|
|
345
|
-
--base-color-neutral-13: var(--base-color-white);
|
|
346
349
|
--bgColor-accent-emphasis: var(--base-color-blue-9); /** Strong accent background for active states and focused states */
|
|
347
350
|
--bgColor-accent-muted: #5cacff1a; /** Subtle accent background for informational or selected elements */
|
|
348
351
|
--bgColor-attention-emphasis: var(--base-color-yellow-9); /** Strong attention background for prominent warnings */
|
|
349
352
|
--bgColor-attention-muted: #edaa2726; /** Subtle attention background for warnings and caution states */
|
|
353
|
+
--bgColor-black: var(--base-color-black); /** Pure black background */
|
|
350
354
|
--bgColor-danger-emphasis: var(--base-color-orange-9); /** Emphasized danger background for critical errors and delete confirmations */
|
|
351
355
|
--bgColor-danger-muted: #ff80801a; /** Muted danger background for error states and destructive action contexts */
|
|
352
|
-
--bgColor-
|
|
356
|
+
--bgColor-default: var(--base-color-black); /** Default background color for pages and main content areas */
|
|
357
|
+
--bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
|
|
353
358
|
--bgColor-done-emphasis: var(--base-color-purple-9); /** Strong background for completed/done state badges and labels */
|
|
354
359
|
--bgColor-done-muted: #bf8fff26; /** Subtle background for completed/done state indicators */
|
|
355
|
-
--bgColor-emphasis: var(--base-color-neutral-
|
|
360
|
+
--bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
|
|
361
|
+
--bgColor-inset: var(--base-color-black); /** Inset background for recessed content areas like wells or sunken panels */
|
|
362
|
+
--bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
|
|
356
363
|
--bgColor-muted: var(--base-color-neutral-2); /** Muted background for secondary content areas and subtle grouping */
|
|
357
|
-
--bgColor-neutral-emphasis: var(--base-color-neutral-
|
|
364
|
+
--bgColor-neutral-emphasis: var(--base-color-neutral-5); /** Strong neutral background for prominent neutral elements */
|
|
358
365
|
--bgColor-neutral-muted: var(--base-color-neutral-3); /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
359
366
|
--bgColor-open-emphasis: var(--base-color-orange-9); /** Strong background for open state badges and labels */
|
|
360
367
|
--bgColor-open-muted: #f48b251a; /** Subtle background for open state indicators (issues, PRs) */
|
|
@@ -365,14 +372,15 @@
|
|
|
365
372
|
--bgColor-success-emphasis: var(--base-color-blue-9); /** Strong success background for prominent positive actions */
|
|
366
373
|
--bgColor-success-muted: #5cacff33; /** Subtle success background for positive feedback and completed states */
|
|
367
374
|
--bgColor-transparent: var(--base-color-transparent); /** Fully transparent background */
|
|
375
|
+
--bgColor-white: var(--base-color-white); /** Pure white background */
|
|
368
376
|
--borderColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent border for selected or focused elements */
|
|
369
377
|
--borderColor-accent-muted: var(--base-color-blue-4); /** Subtle accent border for selected or focused elements */
|
|
370
378
|
--borderColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention border for prominent warnings */
|
|
371
379
|
--borderColor-attention-muted: var(--base-color-yellow-4); /** Subtle attention border for warnings and caution states */
|
|
372
380
|
--borderColor-danger-emphasis: var(--base-color-orange-5); /** Strong danger border for destructive actions and errors */
|
|
373
381
|
--borderColor-danger-muted: var(--base-color-orange-4); /** Subtle danger border for errors and destructive contexts */
|
|
374
|
-
--borderColor-default: var(--base-color-neutral-
|
|
375
|
-
--borderColor-disabled: #
|
|
382
|
+
--borderColor-default: var(--base-color-neutral-11); /** Default border color for most UI elements */
|
|
383
|
+
--borderColor-disabled: #58635b1a; /** Border color for disabled interactive elements */
|
|
376
384
|
--borderColor-done-emphasis: var(--base-color-purple-5); /** Strong border for completed/done state badges */
|
|
377
385
|
--borderColor-done-muted: var(--base-color-purple-4); /** Subtle border for completed/done state indicators */
|
|
378
386
|
--borderColor-open-emphasis: var(--base-color-orange-5); /** Strong border for open state badges */
|
|
@@ -383,48 +391,57 @@
|
|
|
383
391
|
--borderColor-sponsors-muted: var(--base-color-pink-4); /** Subtle border for GitHub Sponsors content */
|
|
384
392
|
--borderColor-success-emphasis: var(--base-color-blue-5); /** Strong success border for prominent positive elements */
|
|
385
393
|
--borderColor-success-muted: var(--base-color-blue-4); /** Subtle success border for positive feedback elements */
|
|
386
|
-
--borderColor-translucent: var(--base-color-neutral-
|
|
394
|
+
--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. */
|
|
387
395
|
--borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
|
|
388
396
|
--boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
|
|
389
397
|
--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 */
|
|
390
398
|
--boxShadow-thin: inset 0 0 0 0.0625rem; /** Thin shadow used instead of a border to prevent layout shift */
|
|
391
399
|
--button-danger-bgColor-hover: var(--base-color-orange-9);
|
|
392
400
|
--button-danger-borderColor-hover: var(--base-color-orange-2);
|
|
401
|
+
--button-danger-fgColor-active: var(--base-color-white);
|
|
402
|
+
--button-danger-fgColor-hover: var(--base-color-white);
|
|
393
403
|
--button-danger-fgColor-rest: var(--base-color-orange-2);
|
|
404
|
+
--button-danger-iconColor-hover: var(--base-color-white);
|
|
394
405
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
395
406
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
396
|
-
--button-inactive-bgColor: var(--base-color-neutral-
|
|
397
|
-
--button-inactive-fgColor: var(--base-color-neutral-
|
|
407
|
+
--button-inactive-bgColor: var(--base-color-neutral-3);
|
|
408
|
+
--button-inactive-fgColor: var(--base-color-neutral-11);
|
|
398
409
|
--button-invisible-bgColor-active: var(--base-color-neutral-3);
|
|
399
410
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
400
411
|
--button-invisible-bgColor-hover: var(--base-color-neutral-2);
|
|
401
412
|
--button-invisible-borderColor-disabled: var(--base-color-transparent);
|
|
402
|
-
--button-invisible-iconColor-hover: var(--base-color-neutral-
|
|
403
|
-
--button-invisible-iconColor-rest: var(--base-color-neutral-
|
|
413
|
+
--button-invisible-iconColor-hover: var(--base-color-neutral-12);
|
|
414
|
+
--button-invisible-iconColor-rest: var(--base-color-neutral-12);
|
|
404
415
|
--button-outline-bgColor-active: var(--base-color-blue-7);
|
|
405
|
-
--button-outline-bgColor-rest: var(--base-color-neutral-
|
|
416
|
+
--button-outline-bgColor-rest: var(--base-color-neutral-14);
|
|
417
|
+
--button-outline-fgColor-active: var(--base-color-white);
|
|
406
418
|
--button-outline-fgColor-disabled: #74b9ff80;
|
|
407
419
|
--button-outline-fgColor-hover: var(--base-color-blue-3);
|
|
408
420
|
--button-outline-fgColor-rest: var(--base-color-blue-4);
|
|
409
421
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
410
422
|
--button-primary-bgColor-disabled: var(--base-color-blue-6);
|
|
411
423
|
--button-primary-borderColor-rest: var(--base-color-blue-2);
|
|
424
|
+
--button-primary-fgColor-disabled: #ffffff66;
|
|
412
425
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
413
426
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
414
|
-
--buttonCounter-
|
|
427
|
+
--buttonCounter-danger-bgColor-hover: #01040926;
|
|
428
|
+
--buttonCounter-danger-bgColor-rest: #01040926;
|
|
429
|
+
--buttonCounter-danger-fgColor-hover: var(--base-color-white);
|
|
430
|
+
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
|
|
415
431
|
--buttonCounter-outline-bgColor-hover: #194fb133;
|
|
416
432
|
--buttonCounter-outline-bgColor-rest: #194fb133;
|
|
417
433
|
--buttonCounter-outline-fgColor-disabled: #74b9ff80;
|
|
418
434
|
--buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
|
|
419
435
|
--buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
|
|
436
|
+
--buttonCounter-primary-bgColor-rest: #01040926;
|
|
420
437
|
--buttonKeybindingHint-danger-bgColor-active: #01040966;
|
|
421
438
|
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
|
|
422
439
|
--buttonKeybindingHint-danger-borderColor-hover: var(--base-color-white);
|
|
423
|
-
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-
|
|
424
|
-
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-
|
|
440
|
+
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
|
|
441
|
+
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
|
|
425
442
|
--buttonKeybindingHint-primary-borderColor-rest: var(--base-color-white);
|
|
426
443
|
--codeMirror-selection-bgColor: #5cacff66;
|
|
427
|
-
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-
|
|
444
|
+
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
|
|
428
445
|
--codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
|
|
429
446
|
--codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
|
|
430
447
|
--codeMirror-syntax-fgColor-keyword: var(--base-color-orange-3);
|
|
@@ -434,6 +451,7 @@
|
|
|
434
451
|
--codeMirror-syntax-fgColor-variable: var(--base-color-orange-2);
|
|
435
452
|
--color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
|
|
436
453
|
--color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
|
|
454
|
+
--contribution-default-bgColor-0: var(--base-color-black);
|
|
437
455
|
--contribution-default-bgColor-1: var(--base-color-green-8);
|
|
438
456
|
--contribution-default-bgColor-2: var(--base-color-green-6);
|
|
439
457
|
--contribution-default-bgColor-3: var(--base-color-green-4);
|
|
@@ -447,22 +465,24 @@
|
|
|
447
465
|
--contribution-winter-bgColor-2: var(--base-color-blue-6);
|
|
448
466
|
--contribution-winter-bgColor-3: var(--base-color-blue-3);
|
|
449
467
|
--contribution-winter-bgColor-4: var(--base-color-blue-0);
|
|
450
|
-
--control-bgColor-active: var(--base-color-neutral-
|
|
451
|
-
--control-bgColor-hover: var(--base-color-neutral-
|
|
452
|
-
--control-bgColor-rest: var(--base-color-neutral-
|
|
453
|
-
--control-borderColor-selected: var(--base-color-neutral-
|
|
468
|
+
--control-bgColor-active: var(--base-color-neutral-4);
|
|
469
|
+
--control-bgColor-hover: var(--base-color-neutral-3);
|
|
470
|
+
--control-bgColor-rest: var(--base-color-neutral-3);
|
|
471
|
+
--control-borderColor-selected: var(--base-color-neutral-14);
|
|
454
472
|
--control-checked-borderColor-active: var(--base-color-blue-2);
|
|
455
473
|
--control-checked-borderColor-hover: var(--base-color-blue-2);
|
|
456
474
|
--control-checked-borderColor-rest: var(--base-color-blue-2);
|
|
457
|
-
--control-fgColor-placeholder: var(--base-color-neutral-
|
|
458
|
-
--control-transparent-bgColor-active: var(--base-color-neutral-
|
|
459
|
-
--control-transparent-bgColor-hover: var(--base-color-neutral-
|
|
475
|
+
--control-fgColor-placeholder: var(--base-color-neutral-11);
|
|
476
|
+
--control-transparent-bgColor-active: var(--base-color-neutral-5);
|
|
477
|
+
--control-transparent-bgColor-hover: var(--base-color-neutral-4);
|
|
460
478
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
461
|
-
--control-transparent-bgColor-selected: var(--base-color-neutral-
|
|
479
|
+
--control-transparent-bgColor-selected: var(--base-color-neutral-4);
|
|
462
480
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
463
|
-
--controlKnob-bgColor-
|
|
464
|
-
--
|
|
465
|
-
--controlTrack-bgColor-
|
|
481
|
+
--controlKnob-bgColor-checked: var(--base-color-white);
|
|
482
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-3);
|
|
483
|
+
--controlTrack-bgColor-active: var(--base-color-neutral-5);
|
|
484
|
+
--controlTrack-bgColor-hover: var(--base-color-neutral-4);
|
|
485
|
+
--controlTrack-bgColor-rest: var(--base-color-black);
|
|
466
486
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
467
487
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
468
488
|
--data-blue-color-emphasis: var(--base-display-color-blue-5);
|
|
@@ -501,8 +521,8 @@
|
|
|
501
521
|
--diffBlob-deletionNum-bgColor: #f48b254d;
|
|
502
522
|
--diffBlob-deletionWord-bgColor: #f48b2566;
|
|
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-orange-2); /** 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-orange-2); /** Text color for open state indicators (issues, PRs) */
|
|
798
822
|
--fgColor-severe: var(--base-color-orange-3); /** Severe text for high-priority warnings */
|
|
799
823
|
--fgColor-success: var(--base-color-blue-1); /** 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-orange-4); /** Syntax highlighting color for unmatched brackets */
|
|
925
952
|
--prettylights-syntax-carriageReturn-bg: var(--base-color-orange-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-orange-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-orange-8); /** Background color for changed lines in diff views */
|
|
935
962
|
--prettylights-syntax-markup-changed-text: var(--base-color-orange-0); /** Text color for changed lines in diff views */
|
|
936
963
|
--prettylights-syntax-markup-deleted-bg: var(--base-color-orange-8); /** Background color for deleted lines in diff views */
|
|
937
964
|
--prettylights-syntax-markup-deleted-text: var(--base-color-orange-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-orange-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
|
-
--bgColor-closed-muted: #
|
|
964
|
-
--bgColor-default: var(--base-color-neutral-0); /** Default background color for pages and main content areas */
|
|
991
|
+
--bgColor-closed-muted: #252b271a; /** Subtle background for closed state indicators (issues, PRs) */
|
|
965
992
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
966
|
-
--bgColor-draft-muted: #
|
|
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 */
|
|
993
|
+
--bgColor-draft-muted: #252b271a; /** Subtle background for draft state indicators */
|
|
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: #ffb75780;
|
|
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: #8f3c000d;
|
|
1017
|
-
--buttonCounter-danger-bgColor-hover: #01040926;
|
|
1018
|
-
--buttonCounter-danger-bgColor-rest: #01040926;
|
|
1019
1039
|
--buttonCounter-danger-fgColor-disabled: #ffb75780;
|
|
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-active: var(--bgColor-danger-emphasis);
|
|
1097
1129
|
--control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
|
|
1130
|
+
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1098
1131
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
1099
1132
|
--control-fgColor-disabled: var(--fgColor-disabled);
|
|
1133
|
+
--control-fgColor-rest: var(--fgColor-default);
|
|
1100
1134
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
1101
1135
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
1102
1136
|
--control-transparent-borderColor-active: var(--borderColor-default);
|
|
1103
1137
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
1104
|
-
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
1105
1138
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1106
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
1107
1139
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1140
|
+
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
1141
|
+
--controlTrack-fgColor-rest: var(--fgColor-default);
|
|
1108
1142
|
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
|
|
1109
1143
|
--counter-bgColor-muted: var(--bgColor-neutral-muted);
|
|
1110
1144
|
--counter-borderColor: var(--borderColor-default);
|
|
1145
|
+
--dashboard-bgColor: var(--bgColor-inset);
|
|
1111
1146
|
--diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
|
|
1147
|
+
--diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
|
|
1148
|
+
--diffBlob-additionNum-fgColor: var(--fgColor-default);
|
|
1112
1149
|
--diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
|
|
1150
|
+
--diffBlob-additionWord-fgColor: var(--fgColor-default);
|
|
1113
1151
|
--diffBlob-deletionLine-bgColor: #ff808033;
|
|
1152
|
+
--diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
|
|
1153
|
+
--diffBlob-deletionNum-fgColor: var(--fgColor-default);
|
|
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;
|
|
@@ -1603,38 +1607,42 @@
|
|
|
1603
1607
|
--fgColor-done: #d3abff; /** Text color for completed/done state indicators */
|
|
1604
1608
|
--fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
|
|
1605
1609
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
1606
|
-
--ansi-black: var(--base-color-neutral-
|
|
1607
|
-
--ansi-blackBright: var(--base-color-neutral-
|
|
1610
|
+
--ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
|
|
1611
|
+
--ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
1608
1612
|
--ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
|
|
1609
1613
|
--ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
|
|
1610
|
-
--ansi-gray: var(--base-color-neutral-
|
|
1614
|
+
--ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
|
|
1611
1615
|
--ansi-green: var(--base-color-blue-3); /** ANSI green for success indicators in terminal */
|
|
1612
1616
|
--ansi-greenBright: var(--base-color-blue-2); /** ANSI bright green for highlighted success in terminal */
|
|
1613
1617
|
--ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
|
|
1614
1618
|
--ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
|
|
1615
1619
|
--ansi-red: var(--base-color-orange-3); /** ANSI red for errors and alerts in terminal output */
|
|
1616
1620
|
--ansi-redBright: var(--base-color-orange-2); /** ANSI bright red for highlighted errors in terminal */
|
|
1617
|
-
--ansi-white: var(--base-color-neutral-
|
|
1621
|
+
--ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
|
|
1622
|
+
--ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
|
|
1618
1623
|
--ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
|
|
1619
1624
|
--ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
|
|
1620
|
-
--avatar-
|
|
1625
|
+
--avatar-bgColor: #ffffff1a;
|
|
1626
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
1621
1627
|
--avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
|
|
1622
1628
|
--avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
|
|
1623
1629
|
--base-color-inset: var(--base-color-black);
|
|
1624
|
-
--base-color-neutral-0: var(--base-color-black);
|
|
1625
|
-
--base-color-neutral-13: var(--base-color-white);
|
|
1626
1630
|
--bgColor-accent-emphasis: var(--base-color-blue-9); /** Strong accent background for active states and focused states */
|
|
1627
1631
|
--bgColor-accent-muted: #5cacff1a; /** Subtle accent background for informational or selected elements */
|
|
1628
1632
|
--bgColor-attention-emphasis: var(--base-color-yellow-9); /** Strong attention background for prominent warnings */
|
|
1629
1633
|
--bgColor-attention-muted: #edaa2726; /** Subtle attention background for warnings and caution states */
|
|
1634
|
+
--bgColor-black: var(--base-color-black); /** Pure black background */
|
|
1630
1635
|
--bgColor-danger-emphasis: var(--base-color-orange-9); /** Emphasized danger background for critical errors and delete confirmations */
|
|
1631
1636
|
--bgColor-danger-muted: #ff80801a; /** Muted danger background for error states and destructive action contexts */
|
|
1632
|
-
--bgColor-
|
|
1637
|
+
--bgColor-default: var(--base-color-black); /** Default background color for pages and main content areas */
|
|
1638
|
+
--bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
|
|
1633
1639
|
--bgColor-done-emphasis: var(--base-color-purple-9); /** Strong background for completed/done state badges and labels */
|
|
1634
1640
|
--bgColor-done-muted: #bf8fff26; /** Subtle background for completed/done state indicators */
|
|
1635
|
-
--bgColor-emphasis: var(--base-color-neutral-
|
|
1641
|
+
--bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
|
|
1642
|
+
--bgColor-inset: var(--base-color-black); /** Inset background for recessed content areas like wells or sunken panels */
|
|
1643
|
+
--bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
|
|
1636
1644
|
--bgColor-muted: var(--base-color-neutral-2); /** Muted background for secondary content areas and subtle grouping */
|
|
1637
|
-
--bgColor-neutral-emphasis: var(--base-color-neutral-
|
|
1645
|
+
--bgColor-neutral-emphasis: var(--base-color-neutral-5); /** Strong neutral background for prominent neutral elements */
|
|
1638
1646
|
--bgColor-neutral-muted: var(--base-color-neutral-3); /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
1639
1647
|
--bgColor-open-emphasis: var(--base-color-orange-9); /** Strong background for open state badges and labels */
|
|
1640
1648
|
--bgColor-open-muted: #f48b251a; /** Subtle background for open state indicators (issues, PRs) */
|
|
@@ -1645,14 +1653,15 @@
|
|
|
1645
1653
|
--bgColor-success-emphasis: var(--base-color-blue-9); /** Strong success background for prominent positive actions */
|
|
1646
1654
|
--bgColor-success-muted: #5cacff33; /** Subtle success background for positive feedback and completed states */
|
|
1647
1655
|
--bgColor-transparent: var(--base-color-transparent); /** Fully transparent background */
|
|
1656
|
+
--bgColor-white: var(--base-color-white); /** Pure white background */
|
|
1648
1657
|
--borderColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent border for selected or focused elements */
|
|
1649
1658
|
--borderColor-accent-muted: var(--base-color-blue-4); /** Subtle accent border for selected or focused elements */
|
|
1650
1659
|
--borderColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention border for prominent warnings */
|
|
1651
1660
|
--borderColor-attention-muted: var(--base-color-yellow-4); /** Subtle attention border for warnings and caution states */
|
|
1652
1661
|
--borderColor-danger-emphasis: var(--base-color-orange-5); /** Strong danger border for destructive actions and errors */
|
|
1653
1662
|
--borderColor-danger-muted: var(--base-color-orange-4); /** Subtle danger border for errors and destructive contexts */
|
|
1654
|
-
--borderColor-default: var(--base-color-neutral-
|
|
1655
|
-
--borderColor-disabled: #
|
|
1663
|
+
--borderColor-default: var(--base-color-neutral-11); /** Default border color for most UI elements */
|
|
1664
|
+
--borderColor-disabled: #58635b1a; /** Border color for disabled interactive elements */
|
|
1656
1665
|
--borderColor-done-emphasis: var(--base-color-purple-5); /** Strong border for completed/done state badges */
|
|
1657
1666
|
--borderColor-done-muted: var(--base-color-purple-4); /** Subtle border for completed/done state indicators */
|
|
1658
1667
|
--borderColor-open-emphasis: var(--base-color-orange-5); /** Strong border for open state badges */
|
|
@@ -1663,48 +1672,57 @@
|
|
|
1663
1672
|
--borderColor-sponsors-muted: var(--base-color-pink-4); /** Subtle border for GitHub Sponsors content */
|
|
1664
1673
|
--borderColor-success-emphasis: var(--base-color-blue-5); /** Strong success border for prominent positive elements */
|
|
1665
1674
|
--borderColor-success-muted: var(--base-color-blue-4); /** Subtle success border for positive feedback elements */
|
|
1666
|
-
--borderColor-translucent: var(--base-color-neutral-
|
|
1675
|
+
--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. */
|
|
1667
1676
|
--borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
|
|
1668
1677
|
--boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
|
|
1669
1678
|
--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 */
|
|
1670
1679
|
--boxShadow-thin: inset 0 0 0 0.0625rem; /** Thin shadow used instead of a border to prevent layout shift */
|
|
1671
1680
|
--button-danger-bgColor-hover: var(--base-color-orange-9);
|
|
1672
1681
|
--button-danger-borderColor-hover: var(--base-color-orange-2);
|
|
1682
|
+
--button-danger-fgColor-active: var(--base-color-white);
|
|
1683
|
+
--button-danger-fgColor-hover: var(--base-color-white);
|
|
1673
1684
|
--button-danger-fgColor-rest: var(--base-color-orange-2);
|
|
1685
|
+
--button-danger-iconColor-hover: var(--base-color-white);
|
|
1674
1686
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
1675
1687
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
1676
|
-
--button-inactive-bgColor: var(--base-color-neutral-
|
|
1677
|
-
--button-inactive-fgColor: var(--base-color-neutral-
|
|
1688
|
+
--button-inactive-bgColor: var(--base-color-neutral-3);
|
|
1689
|
+
--button-inactive-fgColor: var(--base-color-neutral-11);
|
|
1678
1690
|
--button-invisible-bgColor-active: var(--base-color-neutral-3);
|
|
1679
1691
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
1680
1692
|
--button-invisible-bgColor-hover: var(--base-color-neutral-2);
|
|
1681
1693
|
--button-invisible-borderColor-disabled: var(--base-color-transparent);
|
|
1682
|
-
--button-invisible-iconColor-hover: var(--base-color-neutral-
|
|
1683
|
-
--button-invisible-iconColor-rest: var(--base-color-neutral-
|
|
1694
|
+
--button-invisible-iconColor-hover: var(--base-color-neutral-12);
|
|
1695
|
+
--button-invisible-iconColor-rest: var(--base-color-neutral-12);
|
|
1684
1696
|
--button-outline-bgColor-active: var(--base-color-blue-7);
|
|
1685
|
-
--button-outline-bgColor-rest: var(--base-color-neutral-
|
|
1697
|
+
--button-outline-bgColor-rest: var(--base-color-neutral-14);
|
|
1698
|
+
--button-outline-fgColor-active: var(--base-color-white);
|
|
1686
1699
|
--button-outline-fgColor-disabled: #74b9ff80;
|
|
1687
1700
|
--button-outline-fgColor-hover: var(--base-color-blue-3);
|
|
1688
1701
|
--button-outline-fgColor-rest: var(--base-color-blue-4);
|
|
1689
1702
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
1690
1703
|
--button-primary-bgColor-disabled: var(--base-color-blue-6);
|
|
1691
1704
|
--button-primary-borderColor-rest: var(--base-color-blue-2);
|
|
1705
|
+
--button-primary-fgColor-disabled: #ffffff66;
|
|
1692
1706
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
1693
1707
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
1694
|
-
--buttonCounter-
|
|
1708
|
+
--buttonCounter-danger-bgColor-hover: #01040926;
|
|
1709
|
+
--buttonCounter-danger-bgColor-rest: #01040926;
|
|
1710
|
+
--buttonCounter-danger-fgColor-hover: var(--base-color-white);
|
|
1711
|
+
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
|
|
1695
1712
|
--buttonCounter-outline-bgColor-hover: #194fb133;
|
|
1696
1713
|
--buttonCounter-outline-bgColor-rest: #194fb133;
|
|
1697
1714
|
--buttonCounter-outline-fgColor-disabled: #74b9ff80;
|
|
1698
1715
|
--buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
|
|
1699
1716
|
--buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
|
|
1717
|
+
--buttonCounter-primary-bgColor-rest: #01040926;
|
|
1700
1718
|
--buttonKeybindingHint-danger-bgColor-active: #01040966;
|
|
1701
1719
|
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
|
|
1702
1720
|
--buttonKeybindingHint-danger-borderColor-hover: var(--base-color-white);
|
|
1703
|
-
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-
|
|
1704
|
-
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-
|
|
1721
|
+
--buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
|
|
1722
|
+
--buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
|
|
1705
1723
|
--buttonKeybindingHint-primary-borderColor-rest: var(--base-color-white);
|
|
1706
1724
|
--codeMirror-selection-bgColor: #5cacff66;
|
|
1707
|
-
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-
|
|
1725
|
+
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
|
|
1708
1726
|
--codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
|
|
1709
1727
|
--codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
|
|
1710
1728
|
--codeMirror-syntax-fgColor-keyword: var(--base-color-orange-3);
|
|
@@ -1714,6 +1732,7 @@
|
|
|
1714
1732
|
--codeMirror-syntax-fgColor-variable: var(--base-color-orange-2);
|
|
1715
1733
|
--color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
|
|
1716
1734
|
--color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
|
|
1735
|
+
--contribution-default-bgColor-0: var(--base-color-black);
|
|
1717
1736
|
--contribution-default-bgColor-1: var(--base-color-green-8);
|
|
1718
1737
|
--contribution-default-bgColor-2: var(--base-color-green-6);
|
|
1719
1738
|
--contribution-default-bgColor-3: var(--base-color-green-4);
|
|
@@ -1727,22 +1746,24 @@
|
|
|
1727
1746
|
--contribution-winter-bgColor-2: var(--base-color-blue-6);
|
|
1728
1747
|
--contribution-winter-bgColor-3: var(--base-color-blue-3);
|
|
1729
1748
|
--contribution-winter-bgColor-4: var(--base-color-blue-0);
|
|
1730
|
-
--control-bgColor-active: var(--base-color-neutral-
|
|
1731
|
-
--control-bgColor-hover: var(--base-color-neutral-
|
|
1732
|
-
--control-bgColor-rest: var(--base-color-neutral-
|
|
1733
|
-
--control-borderColor-selected: var(--base-color-neutral-
|
|
1749
|
+
--control-bgColor-active: var(--base-color-neutral-4);
|
|
1750
|
+
--control-bgColor-hover: var(--base-color-neutral-3);
|
|
1751
|
+
--control-bgColor-rest: var(--base-color-neutral-3);
|
|
1752
|
+
--control-borderColor-selected: var(--base-color-neutral-14);
|
|
1734
1753
|
--control-checked-borderColor-active: var(--base-color-blue-2);
|
|
1735
1754
|
--control-checked-borderColor-hover: var(--base-color-blue-2);
|
|
1736
1755
|
--control-checked-borderColor-rest: var(--base-color-blue-2);
|
|
1737
|
-
--control-fgColor-placeholder: var(--base-color-neutral-
|
|
1738
|
-
--control-transparent-bgColor-active: var(--base-color-neutral-
|
|
1739
|
-
--control-transparent-bgColor-hover: var(--base-color-neutral-
|
|
1756
|
+
--control-fgColor-placeholder: var(--base-color-neutral-11);
|
|
1757
|
+
--control-transparent-bgColor-active: var(--base-color-neutral-5);
|
|
1758
|
+
--control-transparent-bgColor-hover: var(--base-color-neutral-4);
|
|
1740
1759
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
1741
|
-
--control-transparent-bgColor-selected: var(--base-color-neutral-
|
|
1760
|
+
--control-transparent-bgColor-selected: var(--base-color-neutral-4);
|
|
1742
1761
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1743
|
-
--controlKnob-bgColor-
|
|
1744
|
-
--
|
|
1745
|
-
--controlTrack-bgColor-
|
|
1762
|
+
--controlKnob-bgColor-checked: var(--base-color-white);
|
|
1763
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-3);
|
|
1764
|
+
--controlTrack-bgColor-active: var(--base-color-neutral-5);
|
|
1765
|
+
--controlTrack-bgColor-hover: var(--base-color-neutral-4);
|
|
1766
|
+
--controlTrack-bgColor-rest: var(--base-color-black);
|
|
1746
1767
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
1747
1768
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
1748
1769
|
--data-blue-color-emphasis: var(--base-display-color-blue-5);
|
|
@@ -1781,8 +1802,8 @@
|
|
|
1781
1802
|
--diffBlob-deletionNum-bgColor: #f48b254d;
|
|
1782
1803
|
--diffBlob-deletionWord-bgColor: #f48b2566;
|
|
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-orange-2); /** 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-orange-2); /** Text color for open state indicators (issues, PRs) */
|
|
2078
2103
|
--fgColor-severe: var(--base-color-orange-3); /** Severe text for high-priority warnings */
|
|
2079
2104
|
--fgColor-success: var(--base-color-blue-1); /** 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-orange-4); /** Syntax highlighting color for unmatched brackets */
|
|
2205
2233
|
--prettylights-syntax-carriageReturn-bg: var(--base-color-orange-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-orange-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-orange-8); /** Background color for changed lines in diff views */
|
|
2215
2243
|
--prettylights-syntax-markup-changed-text: var(--base-color-orange-0); /** Text color for changed lines in diff views */
|
|
2216
2244
|
--prettylights-syntax-markup-deleted-bg: var(--base-color-orange-8); /** Background color for deleted lines in diff views */
|
|
2217
2245
|
--prettylights-syntax-markup-deleted-text: var(--base-color-orange-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-orange-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
|
-
--bgColor-closed-muted: #
|
|
2244
|
-
--bgColor-default: var(--base-color-neutral-0); /** Default background color for pages and main content areas */
|
|
2272
|
+
--bgColor-closed-muted: #252b271a; /** Subtle background for closed state indicators (issues, PRs) */
|
|
2245
2273
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
2246
|
-
--bgColor-draft-muted: #
|
|
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 */
|
|
2274
|
+
--bgColor-draft-muted: #252b271a; /** Subtle background for draft state indicators */
|
|
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: #ffb75780;
|
|
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: #8f3c000d;
|
|
2297
|
-
--buttonCounter-danger-bgColor-hover: #01040926;
|
|
2298
|
-
--buttonCounter-danger-bgColor-rest: #01040926;
|
|
2299
2320
|
--buttonCounter-danger-fgColor-disabled: #ffb75780;
|
|
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-active: var(--bgColor-danger-emphasis);
|
|
2377
2410
|
--control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
|
|
2411
|
+
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2378
2412
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
2379
2413
|
--control-fgColor-disabled: var(--fgColor-disabled);
|
|
2414
|
+
--control-fgColor-rest: var(--fgColor-default);
|
|
2380
2415
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
2381
2416
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
2382
2417
|
--control-transparent-borderColor-active: var(--borderColor-default);
|
|
2383
2418
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
2384
|
-
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
2385
2419
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
2386
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
2387
2420
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
2421
|
+
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
2422
|
+
--controlTrack-fgColor-rest: var(--fgColor-default);
|
|
2388
2423
|
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
|
|
2389
2424
|
--counter-bgColor-muted: var(--bgColor-neutral-muted);
|
|
2390
2425
|
--counter-borderColor: var(--borderColor-default);
|
|
2426
|
+
--dashboard-bgColor: var(--bgColor-inset);
|
|
2391
2427
|
--diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
|
|
2428
|
+
--diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
|
|
2429
|
+
--diffBlob-additionNum-fgColor: var(--fgColor-default);
|
|
2392
2430
|
--diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
|
|
2431
|
+
--diffBlob-additionWord-fgColor: var(--fgColor-default);
|
|
2393
2432
|
--diffBlob-deletionLine-bgColor: #ff808033;
|
|
2433
|
+
--diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
|
|
2434
|
+
--diffBlob-deletionNum-fgColor: var(--fgColor-default);
|
|
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);
|