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
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
Definition of done