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 Rollups DApp details page (Dark Mode) #99

Closed
15 tasks
Tracked by #52
brunomenezes opened this issue Aug 8, 2023 · 1 comment · Fixed by #133
Closed
15 tasks
Tracked by #52

Update Rollups DApp details page (Dark Mode) #99

brunomenezes opened this issue Aug 8, 2023 · 1 comment · Fixed by #133
Assignees
Labels
rollups Changes targeted for Rollups Explorer type:feature new feature or improvement over an existing feature
Milestone

Comments

@brunomenezes
Copy link
Collaborator

brunomenezes commented Aug 8, 2023

📄 Context

Here are the rollups DApp detail page checkboxes for changes in 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

  • 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 the new colours and font changes for the backlink.
    • Check if it is necessary to apply the new colours for the address information.
  • Check if the new colours and font rules changes must be applied to the graphQL address bar.
  • Apply the new colour changes to the Summary space. i.e. DApp cards inputs/notices/reports/vouchers
  • Apply the new colour changes to the Input Search.
  • Apply the new support system colours to the feedback UI, e.g. info/warn/error messages and alerts.
  • Apply colour changes to the Input content space.
    • Update the look and feel of the card title
    • Update the look and feel of the navigation buttons, i.e. prev & next.
    • Update the look and feel of the textarea content.
  • Add here any extra tasks you see fit [Optional]

🎯 Definition of Done

  • The DApp detail page matches the design look and feel.
@brunomenezes brunomenezes added rollups Changes targeted for Rollups Explorer type:feature new feature or improvement over an existing feature labels Aug 8, 2023
@brunomenezes brunomenezes added this to the Rebranding milestone Aug 8, 2023
@brunomenezes brunomenezes changed the title DRAFT: Update Rollups DApp details page (Dark Mode) Update Rollups DApp details page (Dark Mode) Aug 8, 2023
@brunomenezes
Copy link
Collaborator Author

PS: At some point, most of the components will already have their visuals upgraded. Still, the checkboxes are essential to make sure everything is as expected. The ones that are not, we act on it. 😄

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
rollups Changes targeted for Rollups Explorer 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