Here are the Blocks page changes on colour, skin tones and fonts in Light 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 #82
📈 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] Check if the new colour and fonts for the page name are correct. Apply changes if needed.
[x] Check if the new colour and shape for the search bar is correct. Apply changes if needed.
[x] Apply colour changes to the Block Chart as necessary. ps: Attention that the chart contains a list of colours to differentiate the list of entries for each different chain
[x] Apply colour changes to the Block list by all cads.
[x] Apply colour changes to the Block list by producers cards.
[x] Apply colour changes to the Block list by nodes cards.
[ ] Add here any extra tasks you see fit [Optional]
🎯 Definition of Done
[x] Blocks page matches the design specs on Figma.
📄 Context
Here are the Blocks page changes on colour, skin tones and fonts in
Light modeto 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 #82
📈 Subtasks
Overall
Page sessions
Block Chartas necessary. ps: Attention that the chart contains a list of colours to differentiate the list of entries for each different chainBlock list by allcads.Block list by producerscards.Block list by nodescards.🎯 Definition of Done