Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update the Onboard wallet modal (Dark mode) #96

Closed
4 tasks done
Tracked by #52
brunomenezes opened this issue Aug 8, 2023 · 0 comments
Closed
4 tasks done
Tracked by #52

Update the Onboard wallet modal (Dark mode) #96

brunomenezes opened this issue Aug 8, 2023 · 0 comments
Assignees
Labels
package:wallet changes targeting shared wallet package rollups Changes targeted for Rollups Explorer staking Changes targeted to the Staking platform type:feature new feature or improvement over an existing feature
Milestone

Comments

@brunomenezes
Copy link
Collaborator

brunomenezes commented Aug 8, 2023

Context

The new brand has new colours and font to be applied. So we could also extend the new look and feel to third-party components we use

PS: Refer to the parent issue for Figma design reference.

Solution

To the possible extent, update the web3-onboard theme colours with the new colours and font rules. We already have some customisation using the exposed CSS variables, so that would be an update to the current one. ui/src/styles/onboard.ts

Onboard custom style docs: https://onboard.blocknative.com/docs/getting-started/custom-styling

Subtasks

  • Update existing onboard custom theme definition (Dark mode)

Definition of done

  • The onboard modal has the new Dark mode look and feel based on the available colours from Figma designs.
  • The onboard modal look and feel match on Staking.
  • The onboard modal look and feel match on Rollups.
@brunomenezes brunomenezes added rollups Changes targeted for Rollups Explorer staking Changes targeted to the Staking platform type:feature new feature or improvement over an existing feature package:wallet changes targeting shared wallet package labels Aug 8, 2023
@brunomenezes brunomenezes added this to the Rebranding milestone Aug 8, 2023
@nevendyulgerov nevendyulgerov self-assigned this Aug 25, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package:wallet changes targeting shared wallet package rollups Changes targeted for Rollups Explorer staking Changes targeted to the Staking platform type:feature new feature or improvement over an existing feature
Projects
Archived in project
Development

No branches or pull requests

2 participants