cartesi / explorer

Cartesi Blockchain Explorer
https://explorer.cartesi.io
Apache License 2.0
9 stars 12 forks source link

Theme update to match the rebranding #52

Closed brunomenezes closed 1 year ago

brunomenezes commented 1 year ago

πŸ“„ Context

Cartesi has changed its brand; we must also upgrade our side and reflect on these new colours, fonts and overall look and feel. The Design team is working on batches, and the first is the changes in the skin and colour tones for Dark Mode and Light Mode

PS: This will be an epic issue, holding all the references to other spawn issues related to this work.

βœ”οΈ Solution

Upgrade the Chakra-ui theme and make any adjustments to the pages based on the guidelines in the Figma definition for Dark Mode and Light Mode.

Figma Reference: Explorer design system (new Dark mode) Figma Reference: Explorer design system (new Light Mode)

Another ref: New component update, but mostly can be seen on Figma.

Fonts:

Vercel Deployment (New merges, updates the following): Application Preview

πŸ“ˆ Subtasks

Common

Dark Mode

Light Mode

Adjustments

🎯 Definition of Done

brunomenezes commented 1 year ago

@nevendyulgerov, @dandheedge, don't work direct on this epic branch; rather, open the PRs of these sub-issues targetting this branch instead of main. The reason is to not block the main and any releases we want/need to do while this transition happens.

brunomenezes commented 1 year ago

I am removing the Dark mode from the title, and I will accommodate the work for the light mode in this Epic too.

PS: In the coming days all the items in the Light Mode list will become tracked issues.

cc: @dandheedge, @nevendyulgerov