Theme system for Explorer

[marc-aurele-besner]

Theme system for Explorer

To make design and branding changes much easier, it will be great to improve the current theming setup in Astral, currently, we use hardcoded hex colors everywhere in tailwind className. This makes it painful to change the color scheme or add more flexibility.

As we will likely want to rebrand Astral Explorer, to be more in line with Autonomys brand color, these tasks will be great to accomplish this and make it easier for future-proofing the explorer.

Tasks

Beta Give feedback

1. Regroup all brand color of explorer in a json file or a tailwind theme config file subspace/astral#628
   enhancement good first issue help wanted ui/ux +4
2. Use these brand color instead of hardcoded hex value in className subspace/astral#629
   enhancement help wanted ui/ux +3
3. Rebrand Astral to Autonomys subspace/astral#630
   2 of 5
   enhancement ui/ux +2
4. Implement a multi-theme system to allow domain to have separate theme (or potentially user to set preferred theme) subspace/astral#631
   enhancement help wanted ui/ux +3