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 node-runners page colours and skin tones. #59

Closed
21 of 23 tasks
Tracked by #52
brunomenezes opened this issue Jul 24, 2023 · 0 comments · Fixed by #103
Closed
21 of 23 tasks
Tracked by #52

Update the node-runners page colours and skin tones. #59

brunomenezes opened this issue Jul 24, 2023 · 0 comments · Fixed by #103
Assignees
Labels
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 Jul 24, 2023

📄 Context

Here are the node runners main 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

PS: A highlight for the two cases below. observe the spacing and difference in colours in between blocks, meaning they are not glued.

Overall

  • 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.
  • Make sure the components are round, like the design. We're transitioning from a squared-based design to a round one.

Page sessions

  • For the page header area:
    • apply new colour and font rules for page title and subtitle.
    • when wallet is disconnected: Apply the new colour and font rules in the alert and connect area.

Case: when the user doesn't have either Staking Pool or Private node

  • Apply colours and font rules to the Create a node or pool in steps title.
  • Apply colours and font rules for the Create a public pool card.
    • Update the icon colour
    • Update the button colour
    • Apply the new colours for the tooltip content (e.g. background colour, font).
  • Apply colours and font rules for the Run a private node card.
    • Update the icon colour
    • Update the button colour
    • Apply the new colours for the tooltip content (e.g. background colour, font).
  • Add here any extra tasks you see fit [Optional]

Case: when there is a Staking Pool and/or Private Node created

  • For the Pool block
    • Apply the new font rules to the title.
    • Apply colours changes to the create pool button
    • Update the look and feel of the Table (check on Figma for table colours reference)
  • For the Private node block
    • Apply the new font rules to the title.
    • Update the look and feel of the Table (check on Figma for table colours reference)

🎯 Definition of Done

  • Node runners' main page matches the design specs on Figma.
@brunomenezes brunomenezes added staking Changes targeted to the Staking platform draft The issue is in refine mode, information will be added labels Jul 24, 2023
@brunomenezes brunomenezes changed the title Update the node-runners page colours and skin tones. [DRAFT]: Update the node-runners page colours and skin tones. Jul 24, 2023
@brunomenezes brunomenezes self-assigned this Jul 24, 2023
@brunomenezes brunomenezes added type:feature new feature or improvement over an existing feature and removed draft The issue is in refine mode, information will be added labels Aug 2, 2023
@brunomenezes brunomenezes removed their assignment Aug 2, 2023
@brunomenezes brunomenezes changed the title [DRAFT]: Update the node-runners page colours and skin tones. Update the node-runners page colours and skin tones. Aug 2, 2023
@dandheedge dandheedge self-assigned this Aug 4, 2023
@brunomenezes brunomenezes added this to the Rebranding milestone Aug 7, 2023
@brunomenezes brunomenezes linked a pull request Aug 15, 2023 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
staking Changes targeted to the Staking platform type:feature new feature or improvement over an existing feature
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

2 participants