Here are the node-runners staking pool management 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/or font changes to the backlink.
[x] Check if it is necessary to apply the new colours for the address information.
[x] For the Pool Node area when the node is hired:
[x] Apply new colour and font rules to the node information card.
[x] Check/Apply new colour and font rule to the RETIRE button.
[x] Apply new design changes to the tooltip.
[x] Apply new colours and font rules to the Node balance modal.
[x] Apply new colours and font rules to the Retire node modal.
[x] Check/Apply new support system colours to feedback UI. e.g. transaction feedback, warn/info/error messages.
[x] For the Pool Node area when the node is not hired:
[x] Apply new colour and font rules to the node hiring Form.
[x] Check/Apply new support system colours to feedback UI. e.g. transaction feedback, input error messages
[x] For the Node history area:
[x] Apply new colour and font rules to the node historical Table.
[x] For the Pool Setting area:
[x] Apply new colour and font rules to the Title
[x] Apply new colour and font rules to the Buttons
[x] Apply new colour and font rules to the Inputs
[x] Apply new colour and font rules to the Tooltips
[x] Apply new colour and font rules to the Toggle slider
[x] Check/apply new support system colours and font rules to the feedback components. e.g. transaction feedback, error messages, etc.
[x] Add here any extra tasks you see fit [Optional]
🎯 Definition of Done
[x] Node-runners staking pool management page matches the design specs on Figma.
📄 Context
Here are the
node-runners staking pool management 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
Pool Node
area when the node is hired:RETIRE
button.Node balance
modal.Retire node
modal.Pool Node
area when the node is not hired:Node history
area:Pool Setting
area:🎯 Definition of Done