Here are the staking pool's user page changes on colour, skin tones and fonts in Dark mode to comply with the new Cartesi brand. The application's structure did not change, only the look and feel.
PS: Refer to the parent of this issue for references.
PS²: Don't worry about the header and footer, because that is addressed in a separate issue #62
📈 Subtasks
Overall
[x] Make sure the fonts are applied correctly based on the Figma description. i.e. Where to use each font and what size and weight to be applied.
[x] Make sure the components are round, like the design. We're transitioning from a squared-based design to a round one.
Page sessions
[x] For the page header area:
[x] Apply the new colours and font changes for the backlink.
[x] Check if it is necessary to apply the new colours for the address information.
[x] Check if applying the new colours for the icon when connected as Pool Manager.
[x] Apply the correct colours and tones to the navigation tabs.
[x] Apply changes for the breadcrumbs as per design specs.
[x] Apply colours changes to the Total Users space
[x] Apply the changes to the title + select button.
[x] Apply the defined primary cyan colour for the chart line.
[x] Apply colour changes to the Staking users space.
[x] Update the look and feel of the Table.
[x] Update the Address component. replace the light blue background with an underline in the address text..
[x] Make sure the tooltip visual matches the defined molecule tooltip for the column Shares.
[x] Update the paging component to match design specs.
[ ] Add here any extra tasks you see fit [Optional]
🎯 Definition of Done
[x] Staking pool users page matches the design specs on Figma.
📄 Context
Here are the staking pool's user page changes on colour, skin tones and fonts in Dark mode to comply with the new Cartesi brand. The application's structure did not change, only the look and feel.
PS: Refer to the parent of this issue for references. PS²: Don't worry about the header and footer, because that is addressed in a separate issue #62
📈 Subtasks
Overall
Page sessions
Total Users
spaceStaking users
space.molecule tooltip
for the columnShares
.🎯 Definition of Done