Conversation
…e transition Phase 1 of a unified overlay motion system. A shared ScaleFade transition (opacity 0→1 + scale 0.96→1, modeled on MUI's Grow) is wired as the default TransitionComponent for MuiMenu and MuiPopover at 100ms, so all menus, selects and popovers pop consistently instead of using MUI's default Grow. Timing lives in a single motion-tokens module. - src/utils/motion.ts: central duration/easing tokens (single source of truth) - ScaleFade: MUI-compatible transition primitive (scale 0.96, not Grow's 0.75) - theme: MuiMenu/MuiPopover transition defaults + global prefers-reduced-motion - showcase: Select/Menu specimens in the Overlays section Modals and drawers are intentionally untouched (deferred to later phases).
The outlined variant sets border:none at rest, but its :hover block only changed background + re-asserted the box-shadow ring, so MUI's built-in .MuiButton-outlinedPrimary:hover border leaked through on hover only. Force border:none in the hover/focus block so the borderless pill stays borderless.
…radients - figmaColors.ts: single source of truth for color tokens + the figVars var() accessor. - theme.tsx: flatten tokens onto the MUI CssVars palette (P3 + sRGB fallback); emit P3 vars. - colorToP3.ts: Display-P3 conversion for the @supports P3 override layer. - gradients slot/type removed; the new branding uses the solid purple-1 token.
Sweep explicit color reads onto flattened figma tokens (bare sx strings / figVars) for P3. Also swaps the brand gradient for the solid purple-1 token in the affected components.
Same token sweep across module components for Display-P3 with sRGB fallback. Swaps the brand gradient for purple-1 in the E-Mode button, StakeActionBox and version badge.
Token sweep across layouts; swaps the newGradient banner for purple-1 in TopBarNotify.
Buttons, icon and toggle buttons scale to 0.99 on :active (not disabled) via a shared fragment. MarketSwitcher's custom Box trigger gets the same press feedback inline.
DotsHorizontalIcon: currentColor meatball icon replacing the '...' text supply dropdown. iconButtonSx (buttonStyles.ts): square icon-only button styling (min-width 0, 0.25rem pad). Desktop table action buttons across the four dashboard lists set to size=small.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
…pacing Drop unused palette extensions (background.surface2/header/disabled, other.standardInputLine, highlight token), point success.main at data-green, and add a dedicated per-size border radius for buttons plus a dark-mode "bone" hover color where fg-1/fg-max collided. Also swaps the heroicons chevron for a local ChevronDownIcon, tightens header/ settings menu spacing, and fixes the TopInfoPanel gradient layering.
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
|
Label/icon stay full-strength; the fill (+ box-shadow) drop to 50% via an opacity-faded ::before. Opacity is used so the faded fill keeps its Display-P3 color (color-mix would drop to sRGB). Applied to contained-primary and outlined-primary (pill) via a shared disabledFade helper.
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
|
…'s prior disabled Contained keeps the opacity-faded ::before (bg at 50%, crisp label). Outlined reverts to its prior disabled look: fg-3 label + figSurfaceShadow ring.
Both the desktop row and mobile-card Borrow buttons switch from contained to outlined.
Theme: - Own the menu paper surface, 8px offset and 0.38rem list inset in MuiMenu.styleOverrides so Selects (which drop PaperProps) match the other dropdowns; concentric, pseudo-inset row highlight with a 1px gap so hover isn't interrupted between rows. - Select trigger uses the outlined-button surface (fill + ring), dropping the animated/blueish notched border; neutral selected-option highlight; hairline focus outline. - Disable the MUI ripple globally on MuiButtonBase; iconButtonSx squares via aspect-ratio. - Add ChevronRightIcon (currentColor). Settings menu and header: - Drop the "Global settings" header, add dividers, rename to Test/Dark Mode and Watch Wallet, grey the current-language value with the new chevron, uniform 2rem rows. - Bridge/Swap header actions collapse to square icon-only buttons on mobile; the instance selector no longer scales on press. Segmented toggle: - Remove the legacy hardcoded-dark StyledToggleGroup/Button; keep only the theme-aware TxModal variants (medium size, bg-4 active pill, group ring) and migrate the four page tab-toggles and VotersListModal onto them.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.