@primer/primitives 11.6.0 → 11.6.1-rc.d0027616

package/DESIGN_TOKENS_SPEC.md

@@ -470,11 +470,6 @@ Large floating shadow for modals and dialogs
 **U:** dialog, full-screen-overlay, modal
 **R:** MUST use for modals and dialogs. Do NOT use for small floating elements.
 
-### shadow-floating-legacy
-Legacy floating shadow for backward compatibility
-**U:** backward-compatibility, legacy-component
-**R:** DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations.
-
 ### shadow-floating-medium
 Medium floating shadow for popovers and action menus
 **U:** action-menu, popover, select-panel

package/dist/css/functional/themes/dark-colorblind-high-contrast.css

@@ -798,7 +798,6 @@
   --reactionButton-selected-fgColor-rest: var(--fgColor-link);
   --selectMenu-borderColor: var(--borderColor-default);
   --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
-  --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
   --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
   --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
   --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1701,7 +1700,6 @@
     --reactionButton-selected-fgColor-rest: var(--fgColor-link);
     --selectMenu-borderColor: var(--borderColor-default);
     --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
-    --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
     --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
     --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
     --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */

package/dist/css/functional/themes/dark-colorblind.css

@@ -820,7 +820,6 @@
   --reactionButton-selected-fgColor-rest: var(--fgColor-link);
   --selectMenu-borderColor: var(--borderColor-default);
   --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
-  --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
   --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
   --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
   --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1723,7 +1722,6 @@
     --reactionButton-selected-fgColor-rest: var(--fgColor-link);
     --selectMenu-borderColor: var(--borderColor-default);
     --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
-    --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
     --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
     --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
     --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */

package/dist/css/functional/themes/dark-dimmed-high-contrast.css

@@ -828,7 +828,6 @@
   --progressBar-bgColor-success: var(--bgColor-success-emphasis);
   --selectMenu-borderColor: var(--borderColor-default);
   --selection-bgColor: #1b4b91b3; /** Background color for text selection highlights */
-  --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
   --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
   --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
   --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1731,7 +1730,6 @@
     --progressBar-bgColor-success: var(--bgColor-success-emphasis);
     --selectMenu-borderColor: var(--borderColor-default);
     --selection-bgColor: #1b4b91b3; /** Background color for text selection highlights */
-    --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
     --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
     --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
     --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */

package/dist/css/functional/themes/dark-dimmed.css

@@ -846,7 +846,6 @@
   --selectMenu-borderColor: var(--borderColor-default);
   --selection-bgColor: #316dcab3; /** Background color for text selection highlights */
   --shadow-floating-large: 0 0 0 1px #3d444d, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
-  --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
   --shadow-floating-medium: 0 0 0 1px #3d444d, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
   --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
   --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
@@ -1749,7 +1748,6 @@
     --selectMenu-borderColor: var(--borderColor-default);
     --selection-bgColor: #316dcab3; /** Background color for text selection highlights */
     --shadow-floating-large: 0 0 0 1px #3d444d, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
-    --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
     --shadow-floating-medium: 0 0 0 1px #3d444d, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
     --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
     --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */

package/dist/css/functional/themes/dark-high-contrast.css

@@ -798,7 +798,6 @@
   --reactionButton-selected-fgColor-rest: var(--fgColor-link);
   --selectMenu-borderColor: var(--borderColor-default);
   --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
-  --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
   --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
   --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
   --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1701,7 +1700,6 @@
     --reactionButton-selected-fgColor-rest: var(--fgColor-link);
     --selectMenu-borderColor: var(--borderColor-default);
     --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
-    --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
     --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
     --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
     --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */

package/dist/css/functional/themes/dark-tritanopia-high-contrast.css

@@ -798,7 +798,6 @@
   --reactionButton-selected-fgColor-rest: var(--fgColor-link);
   --selectMenu-borderColor: var(--borderColor-default);
   --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
-  --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
   --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
   --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
   --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1701,7 +1700,6 @@
     --reactionButton-selected-fgColor-rest: var(--fgColor-link);
     --selectMenu-borderColor: var(--borderColor-default);
     --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
-    --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
     --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
     --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
     --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */

package/dist/css/functional/themes/dark-tritanopia.css

@@ -822,7 +822,6 @@
   --reactionButton-selected-fgColor-rest: var(--fgColor-link);
   --selectMenu-borderColor: var(--borderColor-default);
   --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
-  --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
   --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
   --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
   --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1725,7 +1724,6 @@
     --reactionButton-selected-fgColor-rest: var(--fgColor-link);
     --selectMenu-borderColor: var(--borderColor-default);
     --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
-    --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
     --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
     --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
     --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */

package/dist/css/functional/themes/dark.css

@@ -820,7 +820,6 @@
   --reactionButton-selected-fgColor-rest: var(--fgColor-link);
   --selectMenu-borderColor: var(--borderColor-default);
   --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
-  --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
   --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
   --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
   --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1723,7 +1722,6 @@
     --reactionButton-selected-fgColor-rest: var(--fgColor-link);
     --selectMenu-borderColor: var(--borderColor-default);
     --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
-    --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
     --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
     --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
     --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */

package/dist/css/functional/themes/light-colorblind-high-contrast.css

@@ -624,7 +624,6 @@
   --reactionButton-selected-fgColor-hover: #023b95;
   --selectMenu-bgColor-active: #9cd7ff;
   --selectMenu-borderColor: #ffffff00;
-  --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
   --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
   --skeletonLoader-bgColor: #dae0e7;
   --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
@@ -894,7 +893,7 @@
   --reactionButton-selected-fgColor-rest: var(--fgColor-link);
   --shadow-floating-large: 0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
   --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 */
-  --shadow-floating-small: 0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
+  --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 */
   --shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
   --tooltip-fgColor: var(--fgColor-onEmphasis);
   --underlineNav-borderColor-hover: var(--borderColor-muted);
@@ -1527,7 +1526,6 @@
     --reactionButton-selected-fgColor-hover: #023b95;
     --selectMenu-bgColor-active: #9cd7ff;
     --selectMenu-borderColor: #ffffff00;
-    --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
     --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
     --skeletonLoader-bgColor: #dae0e7;
     --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
@@ -1797,7 +1795,7 @@
     --reactionButton-selected-fgColor-rest: var(--fgColor-link);
     --shadow-floating-large: 0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
     --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 */
-    --shadow-floating-small: 0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
+    --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 */
     --shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
     --tooltip-fgColor: var(--fgColor-onEmphasis);
     --underlineNav-borderColor-hover: var(--borderColor-muted);

package/dist/css/functional/themes/light-colorblind.css

@@ -637,7 +637,6 @@
   --reactionButton-selected-fgColor-hover: #0550ae;
   --selectMenu-bgColor-active: #b6e3ff;
   --selectMenu-borderColor: #ffffff00;
-  --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
   --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
   --skeletonLoader-bgColor: #818b981a;
   --topicTag-borderColor: #ffffff00;
@@ -899,7 +898,7 @@
   --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
   --shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
   --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 */
-  --shadow-floating-small: 0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
+  --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 */
   --shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
   --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
   --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
@@ -1540,7 +1539,6 @@
     --reactionButton-selected-fgColor-hover: #0550ae;
     --selectMenu-bgColor-active: #b6e3ff;
     --selectMenu-borderColor: #ffffff00;
-    --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
     --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
     --skeletonLoader-bgColor: #818b981a;
     --topicTag-borderColor: #ffffff00;
@@ -1802,7 +1800,7 @@
     --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
     --shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
     --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 */
-    --shadow-floating-small: 0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
+    --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 */
     --shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
     --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
     --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);

package/dist/css/functional/themes/light-high-contrast.css

@@ -16,6 +16,9 @@
   --control-checked-borderColor-active: #033f9d;
   --control-checked-borderColor-hover: #0344a8;
   --control-danger-bgColor-active: #8c0b1d;
+  --fgColor-danger: #960d1e; /** Danger text for errors and destructive actions */
+  --fgColor-done: #5e2bb4; /** Text color for completed/done state indicators */
+  --fgColor-success: #04591f; /** Success text for positive feedback and completed states */
   --reactionButton-selected-bgColor-hover: #c7e9ff;
   --avatarStack-fade-bgColor-default: #c8d1da;
   --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -62,6 +65,8 @@
   --borderColor-transparent: #ffffff00; /** Fully transparent border */
   --button-danger-bgColor-active: #86061d;
   --button-danger-borderColor-hover: #6e011a;
+  --button-danger-fgColor-disabled: #960d1e80;
+  --button-danger-fgColor-rest: var(--fgColor-danger);
   --button-danger-shadow-selected: inset 0 1px 0 0 #43001133;
   --button-inactive-fgColor: #454c54;
   --button-invisible-bgColor-disabled: #ffffff00;
@@ -74,6 +79,8 @@
   --button-primary-borderColor-rest: #013d14;
   --button-primary-shadow-selected: inset 0 1px 0 0 #00230b4d;
   --button-star-iconColor: #d5a824;
+  --buttonCounter-danger-fgColor-disabled: #960d1e80;
+  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
   --buttonCounter-default-bgColor-rest: #c8d1da;
   --buttonCounter-outline-fgColor-rest: #023b95;
   --buttonCounter-primary-bgColor-rest: #00230b33;
@@ -113,6 +120,7 @@
   --color-prettylights-syntax-constant-other-reference-link: #032563;
   --color-prettylights-syntax-entity: #512598;
   --color-prettylights-syntax-entity-tag: #023b95;
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --color-prettylights-syntax-keyword: #a0111f;
   --color-prettylights-syntax-markup-changed-bg: #ffc67b;
   --color-prettylights-syntax-markup-changed-text: #702c00;
@@ -145,6 +153,7 @@
   --control-bgColor-active: #d1d9e0;
   --control-bgColor-hover: #dae0e7;
   --control-bgColor-rest: #e0e6eb;
+  --control-danger-fgColor-rest: var(--fgColor-danger);
   --control-fgColor-placeholder: #454c54;
   --control-fgColor-rest: #25292e;
   --control-transparent-bgColor-active: #d1d9e0;
@@ -482,14 +491,14 @@
   --display-yellow-scale-9: #422b00;
   --fgColor-accent: #023b95; /** Accent text for links and interactive elements */
   --fgColor-attention: #603700; /** Attention text for warnings and caution states */
-  --fgColor-danger: #86061d; /** Danger text for errors and destructive actions */
+  --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
   --fgColor-disabled: #59636e; /** Text color for disabled interactive elements */
-  --fgColor-done: #512598; /** Text color for completed/done state indicators */
   --fgColor-muted: #454c54; /** Muted text for secondary content and less important information */
   --fgColor-neutral: #393f46; /** Neutral semantic text for icons and secondary elements */
+  --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
   --fgColor-severe: #702c00; /** Severe text for high-priority warnings */
   --fgColor-sponsors: #7d0c57; /** Text color for GitHub Sponsors content */
-  --fgColor-success: #024c1a; /** Success text for positive feedback and completed states */
+  --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
   --header-bgColor: #25292e;
   --header-borderColor-divider: #c8d1da;
   --headerSearch-bgColor: #25292e;
@@ -617,7 +626,6 @@
   --reactionButton-selected-fgColor-hover: #023b95;
   --selectMenu-bgColor-active: #9cd7ff;
   --selectMenu-borderColor: #ffffff00;
-  --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
   --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
   --skeletonLoader-bgColor: #dae0e7;
   --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
@@ -667,10 +675,10 @@
   --button-danger-bgColor-rest: var(--control-bgColor-rest);
   --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
   --button-danger-fgColor-active: #ffffff;
-  --button-danger-fgColor-disabled: #86061d80;
   --button-danger-fgColor-hover: #ffffff;
-  --button-danger-fgColor-rest: var(--fgColor-danger);
+  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
   --button-danger-iconColor-hover: #ffffff;
+  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
   --button-default-bgColor-active: var(--control-bgColor-active);
   --button-default-bgColor-hover: var(--control-bgColor-hover);
   --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -698,9 +706,7 @@
   --buttonCounter-danger-bgColor-disabled: #a0111f0d;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-rest: #a0111f1a;
-  --buttonCounter-danger-fgColor-disabled: #86061d80;
   --buttonCounter-danger-fgColor-hover: #ffffff;
-  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
   --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
   --buttonCounter-outline-bgColor-disabled: #0349b40d;
   --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -726,7 +732,6 @@
   --codeMirror-syntax-fgColor-comment: #010409;
   --color-ansi-black: #010409;
   --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
-  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --color-prettylights-syntax-markup-bold: #010409;
   --color-prettylights-syntax-markup-italic: #010409;
   --color-prettylights-syntax-storage-modifier-import: #010409;
@@ -745,7 +750,6 @@
   --control-checked-bgColor-disabled: var(--fgColor-disabled);
   --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
   --control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
-  --control-danger-fgColor-rest: var(--fgColor-danger);
   --control-fgColor-disabled: var(--fgColor-disabled);
   --control-iconColor-rest: var(--fgColor-muted);
   --control-transparent-bgColor-disabled: var(--bgColor-disabled);
@@ -766,14 +770,11 @@
   --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
   --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
   --fgColor-black: #010409; /** Pure black text */
-  --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
   --fgColor-default: #010409; /** Default text color for primary content and headings */
   --fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
   --fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
   --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
   --fgColor-onInverse: #ffffff; /** Text color for use on inverse backgrounds */
-  --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
-  --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
   --fgColor-white: #ffffff; /** Pure white text */
   --focus-outlineColor: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
   --header-fgColor-default: #ffffffb3;
@@ -829,8 +830,6 @@
   --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
   --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
   --button-danger-borderColor-rest: var(--control-borderColor-rest);
-  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
-  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
   --button-default-bgColor-disabled: var(--control-bgColor-disabled);
   --button-default-borderColor-active: var(--control-borderColor-rest);
   --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -892,7 +891,7 @@
   --reactionButton-selected-fgColor-rest: var(--fgColor-link);
   --shadow-floating-large: 0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
   --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 */
-  --shadow-floating-small: 0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
+  --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 */
   --shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
   --tooltip-fgColor: var(--fgColor-onEmphasis);
   --underlineNav-borderColor-hover: var(--borderColor-muted);
@@ -919,6 +918,9 @@
     --control-checked-borderColor-active: #033f9d;
     --control-checked-borderColor-hover: #0344a8;
     --control-danger-bgColor-active: #8c0b1d;
+    --fgColor-danger: #960d1e; /** Danger text for errors and destructive actions */
+    --fgColor-done: #5e2bb4; /** Text color for completed/done state indicators */
+    --fgColor-success: #04591f; /** Success text for positive feedback and completed states */
     --reactionButton-selected-bgColor-hover: #c7e9ff;
     --avatarStack-fade-bgColor-default: #c8d1da;
     --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -965,6 +967,8 @@
     --borderColor-transparent: #ffffff00; /** Fully transparent border */
     --button-danger-bgColor-active: #86061d;
     --button-danger-borderColor-hover: #6e011a;
+    --button-danger-fgColor-disabled: #960d1e80;
+    --button-danger-fgColor-rest: var(--fgColor-danger);
     --button-danger-shadow-selected: inset 0 1px 0 0 #43001133;
     --button-inactive-fgColor: #454c54;
     --button-invisible-bgColor-disabled: #ffffff00;
@@ -977,6 +981,8 @@
     --button-primary-borderColor-rest: #013d14;
     --button-primary-shadow-selected: inset 0 1px 0 0 #00230b4d;
     --button-star-iconColor: #d5a824;
+    --buttonCounter-danger-fgColor-disabled: #960d1e80;
+    --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
     --buttonCounter-default-bgColor-rest: #c8d1da;
     --buttonCounter-outline-fgColor-rest: #023b95;
     --buttonCounter-primary-bgColor-rest: #00230b33;
@@ -1016,6 +1022,7 @@
     --color-prettylights-syntax-constant-other-reference-link: #032563;
     --color-prettylights-syntax-entity: #512598;
     --color-prettylights-syntax-entity-tag: #023b95;
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
     --color-prettylights-syntax-keyword: #a0111f;
     --color-prettylights-syntax-markup-changed-bg: #ffc67b;
     --color-prettylights-syntax-markup-changed-text: #702c00;
@@ -1048,6 +1055,7 @@
     --control-bgColor-active: #d1d9e0;
     --control-bgColor-hover: #dae0e7;
     --control-bgColor-rest: #e0e6eb;
+    --control-danger-fgColor-rest: var(--fgColor-danger);
     --control-fgColor-placeholder: #454c54;
     --control-fgColor-rest: #25292e;
     --control-transparent-bgColor-active: #d1d9e0;
@@ -1385,14 +1393,14 @@
     --display-yellow-scale-9: #422b00;
     --fgColor-accent: #023b95; /** Accent text for links and interactive elements */
     --fgColor-attention: #603700; /** Attention text for warnings and caution states */
-    --fgColor-danger: #86061d; /** Danger text for errors and destructive actions */
+    --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
     --fgColor-disabled: #59636e; /** Text color for disabled interactive elements */
-    --fgColor-done: #512598; /** Text color for completed/done state indicators */
     --fgColor-muted: #454c54; /** Muted text for secondary content and less important information */
     --fgColor-neutral: #393f46; /** Neutral semantic text for icons and secondary elements */
+    --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
     --fgColor-severe: #702c00; /** Severe text for high-priority warnings */
     --fgColor-sponsors: #7d0c57; /** Text color for GitHub Sponsors content */
-    --fgColor-success: #024c1a; /** Success text for positive feedback and completed states */
+    --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
     --header-bgColor: #25292e;
     --header-borderColor-divider: #c8d1da;
     --headerSearch-bgColor: #25292e;
@@ -1520,7 +1528,6 @@
     --reactionButton-selected-fgColor-hover: #023b95;
     --selectMenu-bgColor-active: #9cd7ff;
     --selectMenu-borderColor: #ffffff00;
-    --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
     --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
     --skeletonLoader-bgColor: #dae0e7;
     --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
@@ -1570,10 +1577,10 @@
     --button-danger-bgColor-rest: var(--control-bgColor-rest);
     --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #86061d80;
     --button-danger-fgColor-hover: #ffffff;
-    --button-danger-fgColor-rest: var(--fgColor-danger);
+    --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
     --button-danger-iconColor-hover: #ffffff;
+    --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
     --button-default-bgColor-active: var(--control-bgColor-active);
     --button-default-bgColor-hover: var(--control-bgColor-hover);
     --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -1601,9 +1608,7 @@
     --buttonCounter-danger-bgColor-disabled: #a0111f0d;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-rest: #a0111f1a;
-    --buttonCounter-danger-fgColor-disabled: #86061d80;
     --buttonCounter-danger-fgColor-hover: #ffffff;
-    --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
     --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
     --buttonCounter-outline-bgColor-disabled: #0349b40d;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1629,7 +1634,6 @@
     --codeMirror-syntax-fgColor-comment: #010409;
     --color-ansi-black: #010409;
     --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
-    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
     --color-prettylights-syntax-markup-bold: #010409;
     --color-prettylights-syntax-markup-italic: #010409;
     --color-prettylights-syntax-storage-modifier-import: #010409;
@@ -1648,7 +1652,6 @@
     --control-checked-bgColor-disabled: var(--fgColor-disabled);
     --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
     --control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
-    --control-danger-fgColor-rest: var(--fgColor-danger);
     --control-fgColor-disabled: var(--fgColor-disabled);
     --control-iconColor-rest: var(--fgColor-muted);
     --control-transparent-bgColor-disabled: var(--bgColor-disabled);
@@ -1669,14 +1672,11 @@
     --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
     --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
     --fgColor-black: #010409; /** Pure black text */
-    --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
     --fgColor-default: #010409; /** Default text color for primary content and headings */
     --fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
     --fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
     --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
     --fgColor-onInverse: #ffffff; /** Text color for use on inverse backgrounds */
-    --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
-    --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
     --fgColor-white: #ffffff; /** Pure white text */
     --focus-outlineColor: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
     --header-fgColor-default: #ffffffb3;
@@ -1732,8 +1732,6 @@
     --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
     --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
     --button-danger-borderColor-rest: var(--control-borderColor-rest);
-    --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
-    --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
     --button-default-bgColor-disabled: var(--control-bgColor-disabled);
     --button-default-borderColor-active: var(--control-borderColor-rest);
     --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -1795,7 +1793,7 @@
     --reactionButton-selected-fgColor-rest: var(--fgColor-link);
     --shadow-floating-large: 0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
     --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 */
-    --shadow-floating-small: 0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
+    --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 */
     --shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
     --tooltip-fgColor: var(--fgColor-onEmphasis);
     --underlineNav-borderColor-hover: var(--borderColor-muted);

package/dist/css/functional/themes/light-tritanopia-high-contrast.css

@@ -624,7 +624,6 @@
   --reactionButton-selected-fgColor-hover: #023b95;
   --selectMenu-bgColor-active: #9cd7ff;
   --selectMenu-borderColor: #ffffff00;
-  --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
   --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
   --skeletonLoader-bgColor: #dae0e7;
   --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
@@ -894,7 +893,7 @@
   --reactionButton-selected-fgColor-rest: var(--fgColor-link);
   --shadow-floating-large: 0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
   --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 */
-  --shadow-floating-small: 0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
+  --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 */
   --shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
   --tooltip-fgColor: var(--fgColor-onEmphasis);
   --underlineNav-borderColor-hover: var(--borderColor-muted);
@@ -1527,7 +1526,6 @@
     --reactionButton-selected-fgColor-hover: #023b95;
     --selectMenu-bgColor-active: #9cd7ff;
     --selectMenu-borderColor: #ffffff00;
-    --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
     --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
     --skeletonLoader-bgColor: #dae0e7;
     --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
@@ -1797,7 +1795,7 @@
     --reactionButton-selected-fgColor-rest: var(--fgColor-link);
     --shadow-floating-large: 0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
     --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 */
-    --shadow-floating-small: 0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
+    --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 */
     --shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
     --tooltip-fgColor: var(--fgColor-onEmphasis);
     --underlineNav-borderColor-hover: var(--borderColor-muted);

package/dist/css/functional/themes/light-tritanopia.css

@@ -643,7 +643,6 @@
   --reactionButton-selected-fgColor-hover: #0550ae;
   --selectMenu-bgColor-active: #b6e3ff;
   --selectMenu-borderColor: #ffffff00;
-  --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
   --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
   --skeletonLoader-bgColor: #818b981a;
   --topicTag-borderColor: #ffffff00;
@@ -899,7 +898,7 @@
   --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
   --shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
   --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 */
-  --shadow-floating-small: 0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
+  --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 */
   --shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
   --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
   --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
@@ -1546,7 +1545,6 @@
     --reactionButton-selected-fgColor-hover: #0550ae;
     --selectMenu-bgColor-active: #b6e3ff;
     --selectMenu-borderColor: #ffffff00;
-    --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
     --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
     --skeletonLoader-bgColor: #818b981a;
     --topicTag-borderColor: #ffffff00;
@@ -1802,7 +1800,7 @@
     --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
     --shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
     --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 */
-    --shadow-floating-small: 0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
+    --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 */
     --shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
     --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
     --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);

package/dist/css/functional/themes/light.css

@@ -640,7 +640,6 @@
   --reactionButton-selected-fgColor-hover: #0550ae;
   --selectMenu-bgColor-active: #b6e3ff;
   --selectMenu-borderColor: #ffffff00;
-  --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
   --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
   --skeletonLoader-bgColor: #818b981a;
   --topicTag-borderColor: #ffffff00;
@@ -898,7 +897,7 @@
   --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
   --shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
   --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 */
-  --shadow-floating-small: 0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
+  --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 */
   --shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
   --border-draft-muted: 0.0625rem solid #d1d9e0b3;
   --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
@@ -1543,7 +1542,6 @@
     --reactionButton-selected-fgColor-hover: #0550ae;
     --selectMenu-bgColor-active: #b6e3ff;
     --selectMenu-borderColor: #ffffff00;
-    --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
     --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
     --skeletonLoader-bgColor: #818b981a;
     --topicTag-borderColor: #ffffff00;
@@ -1801,7 +1799,7 @@
     --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
     --shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
     --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 */
-    --shadow-floating-small: 0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
+    --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 */
     --shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
     --border-draft-muted: 0.0625rem solid #d1d9e0b3;
     --button-danger-borderColor-active: var(--button-danger-borderColor-hover);