@primer/primitives 11.6.0 → 11.6.1-rc.d0027616
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/DESIGN_TOKENS_SPEC.md +0 -5
- package/dist/css/functional/themes/dark-colorblind-high-contrast.css +0 -2
- package/dist/css/functional/themes/dark-colorblind.css +0 -2
- package/dist/css/functional/themes/dark-dimmed-high-contrast.css +0 -2
- package/dist/css/functional/themes/dark-dimmed.css +0 -2
- package/dist/css/functional/themes/dark-high-contrast.css +0 -2
- package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +0 -2
- package/dist/css/functional/themes/dark-tritanopia.css +0 -2
- package/dist/css/functional/themes/dark.css +0 -2
- package/dist/css/functional/themes/light-colorblind-high-contrast.css +2 -4
- package/dist/css/functional/themes/light-colorblind.css +2 -4
- package/dist/css/functional/themes/light-high-contrast.css +30 -32
- package/dist/css/functional/themes/light-tritanopia-high-contrast.css +2 -4
- package/dist/css/functional/themes/light-tritanopia.css +2 -4
- package/dist/css/functional/themes/light.css +2 -4
- package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +6 -176
- package/dist/docs/functional/themes/dark-colorblind.json +6 -176
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +6 -176
- package/dist/docs/functional/themes/dark-dimmed.json +6 -176
- package/dist/docs/functional/themes/dark-high-contrast.json +6 -176
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +6 -176
- package/dist/docs/functional/themes/dark-tritanopia.json +6 -176
- package/dist/docs/functional/themes/dark.json +6 -176
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +8 -178
- package/dist/docs/functional/themes/light-colorblind.json +8 -178
- package/dist/docs/functional/themes/light-high-contrast.json +33 -203
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +8 -178
- package/dist/docs/functional/themes/light-tritanopia.json +8 -178
- package/dist/docs/functional/themes/light.json +8 -178
- package/dist/figma/themes/light-colorblind.json +1 -1
- package/dist/figma/themes/light-high-contrast.json +43 -46
- package/dist/figma/themes/light-tritanopia.json +1 -1
- package/dist/figma/themes/light.json +1 -1
- package/dist/internalCss/dark-colorblind-high-contrast.css +0 -2
- package/dist/internalCss/dark-colorblind.css +0 -2
- package/dist/internalCss/dark-dimmed-high-contrast.css +0 -2
- package/dist/internalCss/dark-dimmed.css +0 -2
- package/dist/internalCss/dark-high-contrast.css +0 -2
- package/dist/internalCss/dark-tritanopia-high-contrast.css +0 -2
- package/dist/internalCss/dark-tritanopia.css +0 -2
- package/dist/internalCss/dark.css +0 -2
- package/dist/internalCss/light-colorblind-high-contrast.css +2 -4
- package/dist/internalCss/light-colorblind.css +2 -4
- package/dist/internalCss/light-high-contrast.css +30 -32
- package/dist/internalCss/light-tritanopia-high-contrast.css +2 -4
- package/dist/internalCss/light-tritanopia.css +2 -4
- package/dist/internalCss/light.css +2 -4
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +6 -176
- package/dist/styleLint/functional/themes/dark-colorblind.json +6 -176
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +6 -176
- package/dist/styleLint/functional/themes/dark-dimmed.json +6 -176
- package/dist/styleLint/functional/themes/dark-high-contrast.json +6 -176
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +6 -176
- package/dist/styleLint/functional/themes/dark-tritanopia.json +6 -176
- package/dist/styleLint/functional/themes/dark.json +6 -176
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +8 -178
- package/dist/styleLint/functional/themes/light-colorblind.json +8 -178
- package/dist/styleLint/functional/themes/light-high-contrast.json +33 -203
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +8 -178
- package/dist/styleLint/functional/themes/light-tritanopia.json +8 -178
- package/dist/styleLint/functional/themes/light.json +8 -178
- package/package.json +2 -2
- package/src/tokens/functional/color/fgColor.json5 +3 -3
- package/src/tokens/functional/shadow/shadow.json5 +1 -100
|
@@ -931,7 +931,6 @@
|
|
|
931
931
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
|
|
932
932
|
--selectMenu-bgColor-active: var(--base-color-blue-1);
|
|
933
933
|
--selectMenu-borderColor: var(--base-color-transparent);
|
|
934
|
-
--shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
|
|
935
934
|
--shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
|
|
936
935
|
--skeletonLoader-bgColor: #818b981a;
|
|
937
936
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
@@ -1194,7 +1193,7 @@
|
|
|
1194
1193
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
1195
1194
|
--shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
|
|
1196
1195
|
--shadow-floating-medium: 0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
|
|
1197
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
1196
|
+
--shadow-floating-small: 0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
1198
1197
|
--shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
1199
1198
|
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
1200
1199
|
--button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
|
|
@@ -2133,7 +2132,6 @@
|
|
|
2133
2132
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
|
|
2134
2133
|
--selectMenu-bgColor-active: var(--base-color-blue-1);
|
|
2135
2134
|
--selectMenu-borderColor: var(--base-color-transparent);
|
|
2136
|
-
--shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
|
|
2137
2135
|
--shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
|
|
2138
2136
|
--skeletonLoader-bgColor: #818b981a;
|
|
2139
2137
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
@@ -2396,7 +2394,7 @@
|
|
|
2396
2394
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
2397
2395
|
--shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
|
|
2398
2396
|
--shadow-floating-medium: 0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
|
|
2399
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
2397
|
+
--shadow-floating-small: 0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
2400
2398
|
--shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
2401
2399
|
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
2402
2400
|
--button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
|
|
@@ -302,6 +302,9 @@
|
|
|
302
302
|
--control-checked-borderColor-active: #033f9d;
|
|
303
303
|
--control-checked-borderColor-hover: #0344a8;
|
|
304
304
|
--control-danger-bgColor-active: #8c0b1d;
|
|
305
|
+
--fgColor-danger: #960d1e; /** Danger text for errors and destructive actions */
|
|
306
|
+
--fgColor-done: #5e2bb4; /** Text color for completed/done state indicators */
|
|
307
|
+
--fgColor-success: #04591f; /** Success text for positive feedback and completed states */
|
|
305
308
|
--outline-focus-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
|
|
306
309
|
--outline-focus-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
|
|
307
310
|
--reactionButton-selected-bgColor-hover: #c7e9ff;
|
|
@@ -356,6 +359,8 @@
|
|
|
356
359
|
--boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow used instead of a border to prevent layout shift */
|
|
357
360
|
--button-danger-bgColor-active: var(--base-color-red-6);
|
|
358
361
|
--button-danger-borderColor-hover: var(--base-color-red-7);
|
|
362
|
+
--button-danger-fgColor-disabled: #960d1e80;
|
|
363
|
+
--button-danger-fgColor-rest: var(--fgColor-danger);
|
|
359
364
|
--button-danger-shadow-selected: inset 0 1px 0 0 #43001133;
|
|
360
365
|
--button-inactive-fgColor: var(--base-color-neutral-10);
|
|
361
366
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
@@ -368,6 +373,8 @@
|
|
|
368
373
|
--button-primary-borderColor-rest: var(--base-color-green-7);
|
|
369
374
|
--button-primary-shadow-selected: inset 0 1px 0 0 #00230b4d;
|
|
370
375
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
376
|
+
--buttonCounter-danger-fgColor-disabled: #960d1e80;
|
|
377
|
+
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
371
378
|
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-7);
|
|
372
379
|
--buttonCounter-outline-fgColor-rest: var(--base-color-blue-6);
|
|
373
380
|
--buttonCounter-primary-bgColor-rest: #00230b33;
|
|
@@ -407,6 +414,7 @@
|
|
|
407
414
|
--color-prettylights-syntax-constant-other-reference-link: var(--base-color-blue-8);
|
|
408
415
|
--color-prettylights-syntax-entity: var(--base-color-purple-6);
|
|
409
416
|
--color-prettylights-syntax-entity-tag: var(--base-color-blue-6);
|
|
417
|
+
--color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
|
|
410
418
|
--color-prettylights-syntax-keyword: var(--base-color-red-5);
|
|
411
419
|
--color-prettylights-syntax-markup-changed-bg: var(--base-color-orange-1);
|
|
412
420
|
--color-prettylights-syntax-markup-changed-text: var(--base-color-orange-6);
|
|
@@ -439,6 +447,7 @@
|
|
|
439
447
|
--control-bgColor-active: var(--base-color-neutral-6);
|
|
440
448
|
--control-bgColor-hover: var(--base-color-neutral-5);
|
|
441
449
|
--control-bgColor-rest: var(--base-color-neutral-4);
|
|
450
|
+
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
442
451
|
--control-fgColor-placeholder: var(--base-color-neutral-10);
|
|
443
452
|
--control-fgColor-rest: var(--base-color-neutral-12);
|
|
444
453
|
--control-transparent-bgColor-active: var(--base-color-neutral-6);
|
|
@@ -776,14 +785,14 @@
|
|
|
776
785
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
777
786
|
--fgColor-accent: var(--base-color-blue-6); /** Accent text for links and interactive elements */
|
|
778
787
|
--fgColor-attention: var(--base-color-yellow-6); /** Attention text for warnings and caution states */
|
|
779
|
-
--fgColor-
|
|
788
|
+
--fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
|
|
780
789
|
--fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
|
|
781
|
-
--fgColor-done: var(--base-color-purple-6); /** Text color for completed/done state indicators */
|
|
782
790
|
--fgColor-muted: var(--base-color-neutral-10); /** Muted text for secondary content and less important information */
|
|
783
791
|
--fgColor-neutral: var(--base-color-neutral-11); /** Neutral semantic text for icons and secondary elements */
|
|
792
|
+
--fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
|
|
784
793
|
--fgColor-severe: var(--base-color-orange-6); /** Severe text for high-priority warnings */
|
|
785
794
|
--fgColor-sponsors: var(--base-color-pink-6); /** Text color for GitHub Sponsors content */
|
|
786
|
-
--fgColor-
|
|
795
|
+
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
787
796
|
--header-bgColor: var(--base-color-neutral-12);
|
|
788
797
|
--header-borderColor-divider: var(--base-color-neutral-7);
|
|
789
798
|
--headerSearch-bgColor: var(--base-color-neutral-12);
|
|
@@ -911,7 +920,6 @@
|
|
|
911
920
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
|
|
912
921
|
--selectMenu-bgColor-active: var(--base-color-blue-1);
|
|
913
922
|
--selectMenu-borderColor: var(--base-color-transparent);
|
|
914
|
-
--shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
|
|
915
923
|
--shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
|
|
916
924
|
--skeletonLoader-bgColor: var(--base-color-neutral-5);
|
|
917
925
|
--treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
|
|
@@ -962,10 +970,10 @@
|
|
|
962
970
|
--button-danger-bgColor-rest: var(--control-bgColor-rest);
|
|
963
971
|
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
964
972
|
--button-danger-fgColor-active: var(--base-color-neutral-0);
|
|
965
|
-
--button-danger-fgColor-disabled: #86061d80;
|
|
966
973
|
--button-danger-fgColor-hover: var(--base-color-neutral-0);
|
|
967
|
-
--button-danger-
|
|
974
|
+
--button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
|
|
968
975
|
--button-danger-iconColor-hover: var(--base-color-neutral-0);
|
|
976
|
+
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
969
977
|
--button-default-bgColor-active: var(--control-bgColor-active);
|
|
970
978
|
--button-default-bgColor-hover: var(--control-bgColor-hover);
|
|
971
979
|
--button-default-bgColor-rest: var(--control-bgColor-rest);
|
|
@@ -993,9 +1001,7 @@
|
|
|
993
1001
|
--buttonCounter-danger-bgColor-disabled: #a0111f0d;
|
|
994
1002
|
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
995
1003
|
--buttonCounter-danger-bgColor-rest: #a0111f1a;
|
|
996
|
-
--buttonCounter-danger-fgColor-disabled: #86061d80;
|
|
997
1004
|
--buttonCounter-danger-fgColor-hover: var(--base-color-neutral-0);
|
|
998
|
-
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
999
1005
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
1000
1006
|
--buttonCounter-outline-bgColor-disabled: #0349b40d;
|
|
1001
1007
|
--buttonCounter-outline-bgColor-hover: #ffffff33;
|
|
@@ -1021,7 +1027,6 @@
|
|
|
1021
1027
|
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-13);
|
|
1022
1028
|
--color-ansi-black: var(--base-color-neutral-13);
|
|
1023
1029
|
--color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
|
|
1024
|
-
--color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
|
|
1025
1030
|
--color-prettylights-syntax-markup-bold: var(--base-color-neutral-13);
|
|
1026
1031
|
--color-prettylights-syntax-markup-italic: var(--base-color-neutral-13);
|
|
1027
1032
|
--color-prettylights-syntax-storage-modifier-import: var(--base-color-neutral-13);
|
|
@@ -1040,7 +1045,6 @@
|
|
|
1040
1045
|
--control-checked-bgColor-disabled: var(--fgColor-disabled);
|
|
1041
1046
|
--control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
|
|
1042
1047
|
--control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
|
|
1043
|
-
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
1044
1048
|
--control-fgColor-disabled: var(--fgColor-disabled);
|
|
1045
1049
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
1046
1050
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
@@ -1061,14 +1065,11 @@
|
|
|
1061
1065
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
1062
1066
|
--diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
|
|
1063
1067
|
--fgColor-black: var(--base-color-neutral-13); /** Pure black text */
|
|
1064
|
-
--fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
|
|
1065
1068
|
--fgColor-default: var(--base-color-neutral-13); /** Default text color for primary content and headings */
|
|
1066
1069
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
1067
1070
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
1068
1071
|
--fgColor-onEmphasis: var(--base-color-neutral-0); /** Text color for use on emphasis backgrounds */
|
|
1069
1072
|
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
1070
|
-
--fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
|
|
1071
|
-
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
1072
1073
|
--fgColor-white: var(--base-color-neutral-0); /** Pure white text */
|
|
1073
1074
|
--focus-outlineColor: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
1074
1075
|
--header-fgColor-default: #ffffffb3;
|
|
@@ -1124,8 +1125,6 @@
|
|
|
1124
1125
|
--borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
|
|
1125
1126
|
--button-danger-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1126
1127
|
--button-danger-borderColor-rest: var(--control-borderColor-rest);
|
|
1127
|
-
--button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
|
|
1128
|
-
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
1129
1128
|
--button-default-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1130
1129
|
--button-default-borderColor-active: var(--control-borderColor-rest);
|
|
1131
1130
|
--button-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
@@ -1187,7 +1186,7 @@
|
|
|
1187
1186
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
1188
1187
|
--shadow-floating-large: 0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
|
|
1189
1188
|
--shadow-floating-medium: 0 0 0 1px #454c54, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
|
|
1190
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
1189
|
+
--shadow-floating-small: 0 0 0 1px #454c5440, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
1191
1190
|
--shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
1192
1191
|
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
1193
1192
|
--underlineNav-borderColor-hover: var(--borderColor-muted);
|
|
@@ -1504,6 +1503,9 @@
|
|
|
1504
1503
|
--control-checked-borderColor-active: #033f9d;
|
|
1505
1504
|
--control-checked-borderColor-hover: #0344a8;
|
|
1506
1505
|
--control-danger-bgColor-active: #8c0b1d;
|
|
1506
|
+
--fgColor-danger: #960d1e; /** Danger text for errors and destructive actions */
|
|
1507
|
+
--fgColor-done: #5e2bb4; /** Text color for completed/done state indicators */
|
|
1508
|
+
--fgColor-success: #04591f; /** Success text for positive feedback and completed states */
|
|
1507
1509
|
--outline-focus-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
|
|
1508
1510
|
--outline-focus-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
|
|
1509
1511
|
--reactionButton-selected-bgColor-hover: #c7e9ff;
|
|
@@ -1558,6 +1560,8 @@
|
|
|
1558
1560
|
--boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow used instead of a border to prevent layout shift */
|
|
1559
1561
|
--button-danger-bgColor-active: var(--base-color-red-6);
|
|
1560
1562
|
--button-danger-borderColor-hover: var(--base-color-red-7);
|
|
1563
|
+
--button-danger-fgColor-disabled: #960d1e80;
|
|
1564
|
+
--button-danger-fgColor-rest: var(--fgColor-danger);
|
|
1561
1565
|
--button-danger-shadow-selected: inset 0 1px 0 0 #43001133;
|
|
1562
1566
|
--button-inactive-fgColor: var(--base-color-neutral-10);
|
|
1563
1567
|
--button-invisible-bgColor-disabled: var(--base-color-transparent);
|
|
@@ -1570,6 +1574,8 @@
|
|
|
1570
1574
|
--button-primary-borderColor-rest: var(--base-color-green-7);
|
|
1571
1575
|
--button-primary-shadow-selected: inset 0 1px 0 0 #00230b4d;
|
|
1572
1576
|
--button-star-iconColor: var(--base-color-yellow-2);
|
|
1577
|
+
--buttonCounter-danger-fgColor-disabled: #960d1e80;
|
|
1578
|
+
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
1573
1579
|
--buttonCounter-default-bgColor-rest: var(--base-color-neutral-7);
|
|
1574
1580
|
--buttonCounter-outline-fgColor-rest: var(--base-color-blue-6);
|
|
1575
1581
|
--buttonCounter-primary-bgColor-rest: #00230b33;
|
|
@@ -1609,6 +1615,7 @@
|
|
|
1609
1615
|
--color-prettylights-syntax-constant-other-reference-link: var(--base-color-blue-8);
|
|
1610
1616
|
--color-prettylights-syntax-entity: var(--base-color-purple-6);
|
|
1611
1617
|
--color-prettylights-syntax-entity-tag: var(--base-color-blue-6);
|
|
1618
|
+
--color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
|
|
1612
1619
|
--color-prettylights-syntax-keyword: var(--base-color-red-5);
|
|
1613
1620
|
--color-prettylights-syntax-markup-changed-bg: var(--base-color-orange-1);
|
|
1614
1621
|
--color-prettylights-syntax-markup-changed-text: var(--base-color-orange-6);
|
|
@@ -1641,6 +1648,7 @@
|
|
|
1641
1648
|
--control-bgColor-active: var(--base-color-neutral-6);
|
|
1642
1649
|
--control-bgColor-hover: var(--base-color-neutral-5);
|
|
1643
1650
|
--control-bgColor-rest: var(--base-color-neutral-4);
|
|
1651
|
+
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
1644
1652
|
--control-fgColor-placeholder: var(--base-color-neutral-10);
|
|
1645
1653
|
--control-fgColor-rest: var(--base-color-neutral-12);
|
|
1646
1654
|
--control-transparent-bgColor-active: var(--base-color-neutral-6);
|
|
@@ -1978,14 +1986,14 @@
|
|
|
1978
1986
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
1979
1987
|
--fgColor-accent: var(--base-color-blue-6); /** Accent text for links and interactive elements */
|
|
1980
1988
|
--fgColor-attention: var(--base-color-yellow-6); /** Attention text for warnings and caution states */
|
|
1981
|
-
--fgColor-
|
|
1989
|
+
--fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
|
|
1982
1990
|
--fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
|
|
1983
|
-
--fgColor-done: var(--base-color-purple-6); /** Text color for completed/done state indicators */
|
|
1984
1991
|
--fgColor-muted: var(--base-color-neutral-10); /** Muted text for secondary content and less important information */
|
|
1985
1992
|
--fgColor-neutral: var(--base-color-neutral-11); /** Neutral semantic text for icons and secondary elements */
|
|
1993
|
+
--fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
|
|
1986
1994
|
--fgColor-severe: var(--base-color-orange-6); /** Severe text for high-priority warnings */
|
|
1987
1995
|
--fgColor-sponsors: var(--base-color-pink-6); /** Text color for GitHub Sponsors content */
|
|
1988
|
-
--fgColor-
|
|
1996
|
+
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
1989
1997
|
--header-bgColor: var(--base-color-neutral-12);
|
|
1990
1998
|
--header-borderColor-divider: var(--base-color-neutral-7);
|
|
1991
1999
|
--headerSearch-bgColor: var(--base-color-neutral-12);
|
|
@@ -2113,7 +2121,6 @@
|
|
|
2113
2121
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
|
|
2114
2122
|
--selectMenu-bgColor-active: var(--base-color-blue-1);
|
|
2115
2123
|
--selectMenu-borderColor: var(--base-color-transparent);
|
|
2116
|
-
--shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
|
|
2117
2124
|
--shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
|
|
2118
2125
|
--skeletonLoader-bgColor: var(--base-color-neutral-5);
|
|
2119
2126
|
--treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
|
|
@@ -2164,10 +2171,10 @@
|
|
|
2164
2171
|
--button-danger-bgColor-rest: var(--control-bgColor-rest);
|
|
2165
2172
|
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
2166
2173
|
--button-danger-fgColor-active: var(--base-color-neutral-0);
|
|
2167
|
-
--button-danger-fgColor-disabled: #86061d80;
|
|
2168
2174
|
--button-danger-fgColor-hover: var(--base-color-neutral-0);
|
|
2169
|
-
--button-danger-
|
|
2175
|
+
--button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
|
|
2170
2176
|
--button-danger-iconColor-hover: var(--base-color-neutral-0);
|
|
2177
|
+
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
2171
2178
|
--button-default-bgColor-active: var(--control-bgColor-active);
|
|
2172
2179
|
--button-default-bgColor-hover: var(--control-bgColor-hover);
|
|
2173
2180
|
--button-default-bgColor-rest: var(--control-bgColor-rest);
|
|
@@ -2195,9 +2202,7 @@
|
|
|
2195
2202
|
--buttonCounter-danger-bgColor-disabled: #a0111f0d;
|
|
2196
2203
|
--buttonCounter-danger-bgColor-hover: #ffffff33;
|
|
2197
2204
|
--buttonCounter-danger-bgColor-rest: #a0111f1a;
|
|
2198
|
-
--buttonCounter-danger-fgColor-disabled: #86061d80;
|
|
2199
2205
|
--buttonCounter-danger-fgColor-hover: var(--base-color-neutral-0);
|
|
2200
|
-
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
2201
2206
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
2202
2207
|
--buttonCounter-outline-bgColor-disabled: #0349b40d;
|
|
2203
2208
|
--buttonCounter-outline-bgColor-hover: #ffffff33;
|
|
@@ -2223,7 +2228,6 @@
|
|
|
2223
2228
|
--codeMirror-syntax-fgColor-comment: var(--base-color-neutral-13);
|
|
2224
2229
|
--color-ansi-black: var(--base-color-neutral-13);
|
|
2225
2230
|
--color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
|
|
2226
|
-
--color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
|
|
2227
2231
|
--color-prettylights-syntax-markup-bold: var(--base-color-neutral-13);
|
|
2228
2232
|
--color-prettylights-syntax-markup-italic: var(--base-color-neutral-13);
|
|
2229
2233
|
--color-prettylights-syntax-storage-modifier-import: var(--base-color-neutral-13);
|
|
@@ -2242,7 +2246,6 @@
|
|
|
2242
2246
|
--control-checked-bgColor-disabled: var(--fgColor-disabled);
|
|
2243
2247
|
--control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
|
|
2244
2248
|
--control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
|
|
2245
|
-
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
2246
2249
|
--control-fgColor-disabled: var(--fgColor-disabled);
|
|
2247
2250
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
2248
2251
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
@@ -2263,14 +2266,11 @@
|
|
|
2263
2266
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
2264
2267
|
--diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
|
|
2265
2268
|
--fgColor-black: var(--base-color-neutral-13); /** Pure black text */
|
|
2266
|
-
--fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
|
|
2267
2269
|
--fgColor-default: var(--base-color-neutral-13); /** Default text color for primary content and headings */
|
|
2268
2270
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
2269
2271
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
2270
2272
|
--fgColor-onEmphasis: var(--base-color-neutral-0); /** Text color for use on emphasis backgrounds */
|
|
2271
2273
|
--fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
|
|
2272
|
-
--fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
|
|
2273
|
-
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
2274
2274
|
--fgColor-white: var(--base-color-neutral-0); /** Pure white text */
|
|
2275
2275
|
--focus-outlineColor: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
2276
2276
|
--header-fgColor-default: #ffffffb3;
|
|
@@ -2326,8 +2326,6 @@
|
|
|
2326
2326
|
--borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
|
|
2327
2327
|
--button-danger-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2328
2328
|
--button-danger-borderColor-rest: var(--control-borderColor-rest);
|
|
2329
|
-
--button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
|
|
2330
|
-
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
2331
2329
|
--button-default-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2332
2330
|
--button-default-borderColor-active: var(--control-borderColor-rest);
|
|
2333
2331
|
--button-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
@@ -2389,7 +2387,7 @@
|
|
|
2389
2387
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
2390
2388
|
--shadow-floating-large: 0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
|
|
2391
2389
|
--shadow-floating-medium: 0 0 0 1px #454c54, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
|
|
2392
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
2390
|
+
--shadow-floating-small: 0 0 0 1px #454c5440, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
2393
2391
|
--shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
2394
2392
|
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
2395
2393
|
--underlineNav-borderColor-hover: var(--borderColor-muted);
|
|
@@ -918,7 +918,6 @@
|
|
|
918
918
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
|
|
919
919
|
--selectMenu-bgColor-active: var(--base-color-blue-1);
|
|
920
920
|
--selectMenu-borderColor: var(--base-color-transparent);
|
|
921
|
-
--shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
|
|
922
921
|
--shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
|
|
923
922
|
--skeletonLoader-bgColor: var(--base-color-neutral-5);
|
|
924
923
|
--treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
|
|
@@ -1189,7 +1188,7 @@
|
|
|
1189
1188
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
1190
1189
|
--shadow-floating-large: 0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
|
|
1191
1190
|
--shadow-floating-medium: 0 0 0 1px #454c54, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
|
|
1192
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
1191
|
+
--shadow-floating-small: 0 0 0 1px #454c5440, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
1193
1192
|
--shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
1194
1193
|
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
1195
1194
|
--underlineNav-borderColor-hover: var(--borderColor-muted);
|
|
@@ -2120,7 +2119,6 @@
|
|
|
2120
2119
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
|
|
2121
2120
|
--selectMenu-bgColor-active: var(--base-color-blue-1);
|
|
2122
2121
|
--selectMenu-borderColor: var(--base-color-transparent);
|
|
2123
|
-
--shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
|
|
2124
2122
|
--shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
|
|
2125
2123
|
--skeletonLoader-bgColor: var(--base-color-neutral-5);
|
|
2126
2124
|
--treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
|
|
@@ -2391,7 +2389,7 @@
|
|
|
2391
2389
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
2392
2390
|
--shadow-floating-large: 0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
|
|
2393
2391
|
--shadow-floating-medium: 0 0 0 1px #454c54, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
|
|
2394
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
2392
|
+
--shadow-floating-small: 0 0 0 1px #454c5440, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
2395
2393
|
--shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
2396
2394
|
--tooltip-fgColor: var(--fgColor-onEmphasis);
|
|
2397
2395
|
--underlineNav-borderColor-hover: var(--borderColor-muted);
|
|
@@ -937,7 +937,6 @@
|
|
|
937
937
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
|
|
938
938
|
--selectMenu-bgColor-active: var(--base-color-blue-1);
|
|
939
939
|
--selectMenu-borderColor: var(--base-color-transparent);
|
|
940
|
-
--shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
|
|
941
940
|
--shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
|
|
942
941
|
--skeletonLoader-bgColor: #818b981a;
|
|
943
942
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
@@ -1194,7 +1193,7 @@
|
|
|
1194
1193
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
1195
1194
|
--shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
|
|
1196
1195
|
--shadow-floating-medium: 0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
|
|
1197
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
1196
|
+
--shadow-floating-small: 0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
1198
1197
|
--shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
1199
1198
|
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
1200
1199
|
--button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
|
|
@@ -2139,7 +2138,6 @@
|
|
|
2139
2138
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
|
|
2140
2139
|
--selectMenu-bgColor-active: var(--base-color-blue-1);
|
|
2141
2140
|
--selectMenu-borderColor: var(--base-color-transparent);
|
|
2142
|
-
--shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
|
|
2143
2141
|
--shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
|
|
2144
2142
|
--skeletonLoader-bgColor: #818b981a;
|
|
2145
2143
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
@@ -2396,7 +2394,7 @@
|
|
|
2396
2394
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
2397
2395
|
--shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
|
|
2398
2396
|
--shadow-floating-medium: 0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
|
|
2399
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
2397
|
+
--shadow-floating-small: 0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
2400
2398
|
--shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
2401
2399
|
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
2402
2400
|
--button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
|
|
@@ -934,7 +934,6 @@
|
|
|
934
934
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
|
|
935
935
|
--selectMenu-bgColor-active: var(--base-color-blue-1);
|
|
936
936
|
--selectMenu-borderColor: var(--base-color-transparent);
|
|
937
|
-
--shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
|
|
938
937
|
--shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
|
|
939
938
|
--skeletonLoader-bgColor: #818b981a;
|
|
940
939
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
@@ -1193,7 +1192,7 @@
|
|
|
1193
1192
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
1194
1193
|
--shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
|
|
1195
1194
|
--shadow-floating-medium: 0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
|
|
1196
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
1195
|
+
--shadow-floating-small: 0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
1197
1196
|
--shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
1198
1197
|
--border-draft-muted: 0.0625rem solid #d1d9e0b3;
|
|
1199
1198
|
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
@@ -2136,7 +2135,6 @@
|
|
|
2136
2135
|
--reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
|
|
2137
2136
|
--selectMenu-bgColor-active: var(--base-color-blue-1);
|
|
2138
2137
|
--selectMenu-borderColor: var(--base-color-transparent);
|
|
2139
|
-
--shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
|
|
2140
2138
|
--shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
|
|
2141
2139
|
--skeletonLoader-bgColor: #818b981a;
|
|
2142
2140
|
--topicTag-borderColor: var(--base-color-transparent);
|
|
@@ -2395,7 +2393,7 @@
|
|
|
2395
2393
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
2396
2394
|
--shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
|
|
2397
2395
|
--shadow-floating-medium: 0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
|
|
2398
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
2396
|
+
--shadow-floating-small: 0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
2399
2397
|
--shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
2400
2398
|
--border-draft-muted: 0.0625rem solid #d1d9e0b3;
|
|
2401
2399
|
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
@@ -38708,7 +38708,7 @@
|
|
|
38708
38708
|
"dark-high-contrast": "#ff9492",
|
|
38709
38709
|
"dark-dimmed-high-contrast": "#ffc9c7",
|
|
38710
38710
|
"dark-tritanopia-high-contrast": "#ff9492",
|
|
38711
|
-
"light-high-contrast": "#
|
|
38711
|
+
"light-high-contrast": "#960d1e",
|
|
38712
38712
|
"light-tritanopia-high-contrast": "#ff4445"
|
|
38713
38713
|
},
|
|
38714
38714
|
"org.primer.llm": {
|
|
@@ -38740,7 +38740,7 @@
|
|
|
38740
38740
|
"dark-high-contrast": "{base.color.red.3}",
|
|
38741
38741
|
"dark-dimmed-high-contrast": "{base.color.red.1}",
|
|
38742
38742
|
"dark-tritanopia-high-contrast": "{base.color.red.3}",
|
|
38743
|
-
"light-high-contrast": "
|
|
38743
|
+
"light-high-contrast": "#960d1e",
|
|
38744
38744
|
"light-tritanopia-high-contrast": "{base.color.red.6}"
|
|
38745
38745
|
},
|
|
38746
38746
|
"org.primer.llm": {
|
|
@@ -38906,7 +38906,7 @@
|
|
|
38906
38906
|
"dark-dimmed-high-contrast": "#e6ccff",
|
|
38907
38907
|
"dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
|
|
38908
38908
|
"dark-tritanopia-high-contrast": "#D3ABFF",
|
|
38909
|
-
"light-high-contrast": "#
|
|
38909
|
+
"light-high-contrast": "#5e2bb4",
|
|
38910
38910
|
"light-protanopia-deuteranopia-high-contrast": "#a66bff",
|
|
38911
38911
|
"light-tritanopia-high-contrast": "#a66bff"
|
|
38912
38912
|
},
|
|
@@ -38936,7 +38936,7 @@
|
|
|
38936
38936
|
"dark-dimmed-high-contrast": "{base.color.purple.1}",
|
|
38937
38937
|
"dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
|
|
38938
38938
|
"dark-tritanopia-high-contrast": "#D3ABFF",
|
|
38939
|
-
"light-high-contrast": "
|
|
38939
|
+
"light-high-contrast": "#5e2bb4",
|
|
38940
38940
|
"light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
|
|
38941
38941
|
"light-tritanopia-high-contrast": "{base.color.purple.6}"
|
|
38942
38942
|
},
|
|
@@ -39472,7 +39472,7 @@
|
|
|
39472
39472
|
"dark": "#28d751",
|
|
39473
39473
|
"dark-high-contrast": "#2BD853",
|
|
39474
39474
|
"dark-dimmed-high-contrast": "#acf7b6",
|
|
39475
|
-
"light-high-contrast": "#
|
|
39475
|
+
"light-high-contrast": "#04591f",
|
|
39476
39476
|
"dark-protanopia-deuteranopia": "#71b7ff",
|
|
39477
39477
|
"dark-protanopia-deuteranopia-high-contrast": "#addcff",
|
|
39478
39478
|
"light-protanopia-deuteranopia": "#409eff",
|
|
@@ -39506,7 +39506,7 @@
|
|
|
39506
39506
|
"dark": "{base.color.green.3}",
|
|
39507
39507
|
"dark-high-contrast": "#2BD853",
|
|
39508
39508
|
"dark-dimmed-high-contrast": "{base.color.green.0}",
|
|
39509
|
-
"light-high-contrast": "
|
|
39509
|
+
"light-high-contrast": "#04591f",
|
|
39510
39510
|
"dark-protanopia-deuteranopia": "{base.color.blue.3}",
|
|
39511
39511
|
"dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
|
|
39512
39512
|
"light-protanopia-deuteranopia": "{base.color.blue.5}",
|
|
@@ -49280,176 +49280,6 @@
|
|
|
49280
49280
|
"attributes": {},
|
|
49281
49281
|
"path": ["shadow", "floating", "large"]
|
|
49282
49282
|
},
|
|
49283
|
-
"shadow-floating-legacy": {
|
|
49284
|
-
"key": "{shadow.floating.legacy}",
|
|
49285
|
-
"$value": "0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
|
|
49286
|
-
"$type": "shadow",
|
|
49287
|
-
"$description": "Legacy floating shadow for backward compatibility",
|
|
49288
|
-
"$extensions": {
|
|
49289
|
-
"org.primer.figma": {},
|
|
49290
|
-
"org.primer.overrides": {
|
|
49291
|
-
"dark": {
|
|
49292
|
-
"$value": [
|
|
49293
|
-
{
|
|
49294
|
-
"color": "#010409",
|
|
49295
|
-
"alpha": 0.4,
|
|
49296
|
-
"offsetX": {
|
|
49297
|
-
"value": 0,
|
|
49298
|
-
"unit": "px"
|
|
49299
|
-
},
|
|
49300
|
-
"offsetY": {
|
|
49301
|
-
"value": 6,
|
|
49302
|
-
"unit": "px"
|
|
49303
|
-
},
|
|
49304
|
-
"blur": {
|
|
49305
|
-
"value": 12,
|
|
49306
|
-
"unit": "px"
|
|
49307
|
-
},
|
|
49308
|
-
"spread": {
|
|
49309
|
-
"value": -3,
|
|
49310
|
-
"unit": "px"
|
|
49311
|
-
}
|
|
49312
|
-
},
|
|
49313
|
-
{
|
|
49314
|
-
"color": "#010409",
|
|
49315
|
-
"alpha": 0.4,
|
|
49316
|
-
"offsetX": {
|
|
49317
|
-
"value": 0,
|
|
49318
|
-
"unit": "px"
|
|
49319
|
-
},
|
|
49320
|
-
"offsetY": {
|
|
49321
|
-
"value": 6,
|
|
49322
|
-
"unit": "px"
|
|
49323
|
-
},
|
|
49324
|
-
"blur": {
|
|
49325
|
-
"value": 18,
|
|
49326
|
-
"unit": "px"
|
|
49327
|
-
},
|
|
49328
|
-
"spread": {
|
|
49329
|
-
"value": 0,
|
|
49330
|
-
"unit": "px"
|
|
49331
|
-
}
|
|
49332
|
-
}
|
|
49333
|
-
],
|
|
49334
|
-
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49335
|
-
"isSource": true,
|
|
49336
|
-
"$type": "shadow"
|
|
49337
|
-
}
|
|
49338
|
-
},
|
|
49339
|
-
"org.primer.llm": {
|
|
49340
|
-
"usage": ["legacy-component", "backward-compatibility"],
|
|
49341
|
-
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
49342
|
-
}
|
|
49343
|
-
},
|
|
49344
|
-
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49345
|
-
"isSource": true,
|
|
49346
|
-
"original": {
|
|
49347
|
-
"$value": [
|
|
49348
|
-
{
|
|
49349
|
-
"color": "{base.color.neutral.0}",
|
|
49350
|
-
"alpha": 0.4,
|
|
49351
|
-
"offsetX": {
|
|
49352
|
-
"value": 0,
|
|
49353
|
-
"unit": "px"
|
|
49354
|
-
},
|
|
49355
|
-
"offsetY": {
|
|
49356
|
-
"value": 6,
|
|
49357
|
-
"unit": "px"
|
|
49358
|
-
},
|
|
49359
|
-
"blur": {
|
|
49360
|
-
"value": 12,
|
|
49361
|
-
"unit": "px"
|
|
49362
|
-
},
|
|
49363
|
-
"spread": {
|
|
49364
|
-
"value": -3,
|
|
49365
|
-
"unit": "px"
|
|
49366
|
-
}
|
|
49367
|
-
},
|
|
49368
|
-
{
|
|
49369
|
-
"color": "{base.color.neutral.0}",
|
|
49370
|
-
"alpha": 0.4,
|
|
49371
|
-
"offsetX": {
|
|
49372
|
-
"value": 0,
|
|
49373
|
-
"unit": "px"
|
|
49374
|
-
},
|
|
49375
|
-
"offsetY": {
|
|
49376
|
-
"value": 6,
|
|
49377
|
-
"unit": "px"
|
|
49378
|
-
},
|
|
49379
|
-
"blur": {
|
|
49380
|
-
"value": 18,
|
|
49381
|
-
"unit": "px"
|
|
49382
|
-
},
|
|
49383
|
-
"spread": {
|
|
49384
|
-
"value": 0,
|
|
49385
|
-
"unit": "px"
|
|
49386
|
-
}
|
|
49387
|
-
}
|
|
49388
|
-
],
|
|
49389
|
-
"$type": "shadow",
|
|
49390
|
-
"$description": "Legacy floating shadow for backward compatibility",
|
|
49391
|
-
"$extensions": {
|
|
49392
|
-
"org.primer.figma": {},
|
|
49393
|
-
"org.primer.overrides": {
|
|
49394
|
-
"dark": {
|
|
49395
|
-
"$value": [
|
|
49396
|
-
{
|
|
49397
|
-
"color": "{base.color.neutral.0}",
|
|
49398
|
-
"alpha": 0.4,
|
|
49399
|
-
"offsetX": {
|
|
49400
|
-
"value": 0,
|
|
49401
|
-
"unit": "px"
|
|
49402
|
-
},
|
|
49403
|
-
"offsetY": {
|
|
49404
|
-
"value": 6,
|
|
49405
|
-
"unit": "px"
|
|
49406
|
-
},
|
|
49407
|
-
"blur": {
|
|
49408
|
-
"value": 12,
|
|
49409
|
-
"unit": "px"
|
|
49410
|
-
},
|
|
49411
|
-
"spread": {
|
|
49412
|
-
"value": -3,
|
|
49413
|
-
"unit": "px"
|
|
49414
|
-
}
|
|
49415
|
-
},
|
|
49416
|
-
{
|
|
49417
|
-
"color": "{base.color.neutral.0}",
|
|
49418
|
-
"alpha": 0.4,
|
|
49419
|
-
"offsetX": {
|
|
49420
|
-
"value": 0,
|
|
49421
|
-
"unit": "px"
|
|
49422
|
-
},
|
|
49423
|
-
"offsetY": {
|
|
49424
|
-
"value": 6,
|
|
49425
|
-
"unit": "px"
|
|
49426
|
-
},
|
|
49427
|
-
"blur": {
|
|
49428
|
-
"value": 18,
|
|
49429
|
-
"unit": "px"
|
|
49430
|
-
},
|
|
49431
|
-
"spread": {
|
|
49432
|
-
"value": 0,
|
|
49433
|
-
"unit": "px"
|
|
49434
|
-
}
|
|
49435
|
-
}
|
|
49436
|
-
],
|
|
49437
|
-
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49438
|
-
"isSource": true,
|
|
49439
|
-
"$type": "shadow"
|
|
49440
|
-
}
|
|
49441
|
-
},
|
|
49442
|
-
"org.primer.llm": {
|
|
49443
|
-
"usage": ["legacy-component", "backward-compatibility"],
|
|
49444
|
-
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
49445
|
-
}
|
|
49446
|
-
},
|
|
49447
|
-
"key": "{shadow.floating.legacy}"
|
|
49448
|
-
},
|
|
49449
|
-
"name": "shadow-floating-legacy",
|
|
49450
|
-
"attributes": {},
|
|
49451
|
-
"path": ["shadow", "floating", "legacy"]
|
|
49452
|
-
},
|
|
49453
49283
|
"shadow-floating-medium": {
|
|
49454
49284
|
"key": "{shadow.floating.medium}",
|
|
49455
49285
|
"$value": "0 0 0 1px #b7bdc8, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966",
|