feat(explorer): Add new rebranding colours.

[brunomenezes]

Summary

These are all the changes made to update the staking application with the new colours.

PS: The branch was rebased with the latest from main and all commits squashed.

Related Issue(s)

closes #52

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
staking	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 20, 2023 1:44am

[coveralls]

Pull Request Test Coverage Report for Build 6242941830

• 292 of 341 (85.63%) changed or added relevant lines in 89 files are covered.
• 8 unchanged lines in 6 files lost coverage.
• Overall coverage increased (+0.3%) to 72.787%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
apps/staking/src/components/node/NodeStakingDashboard.tsx	0	1	0.0%
apps/staking/src/components/stake/PoolFilters.tsx	6	7	85.71%
packages/ui/src/components/Layout.tsx	2	3	66.67%
apps/staking/src/components/stake/tables/PoolPerformanceTableRow.tsx	11	13	84.62%
apps/staking/src/components/stake/tables/UserStakingPoolsTableRow.tsx	9	11	81.82%
apps/staking/src/containers/pool-manage/PoolManageContainer.tsx	0	2	0.0%
packages/ui/src/components/Icons.tsx	2	4	50.0%
apps/staking/src/components/BlocksChart.tsx	0	4	0.0%
apps/staking/src/components/node/modals/NodeAllowanceModal.tsx	0	4	0.0%
apps/staking/src/components/node/modals/NodeStakeModal.tsx	0	4	0.0%
<!--	Total:	292	341	85.63%	-->

Files with Coverage Reduction	New Missed Lines	%
apps/staking/src/components/node/NodeStakingDashboard.tsx	1	0.0%
apps/staking/src/components/node/steps/SetUpNode.tsx	1	0.0%
apps/staking/src/components/stake/components/StakingInstructions.tsx	1	73.33%
apps/staking/src/components/stake/modals/StakingDepositModal.tsx	1	74.42%
apps/staking/src/containers/pool-manage/PoolManageContainer.tsx	1	0.0%
apps/staking/src/components/users/UserTable.tsx	3	72.73%
<!--	Total:	8		-->

Totals
Change from base Build 6229867655:	0.3%
Covered Lines:	2519
Relevant Lines:	3285

---

💛 - Coveralls

[nevendyulgerov]

Hey @brunomenezes , @dandheedge , while reviewing this one, I noticed several minor UI issues:

1. Load more buttons have uppercase text transform:

I made them normal case.

2. Hover on stake info button uses old colors in light mode:

I changed it to use the new color in light mode.

3. Commissions page has incorrect background color:

I changed it to dark.gray.primary.

4. Footer links use old hover color:

I changed them to use dark.primary color.

5. Tooltip "Here you can see your current pool allowance" has same bg color as container:

I changed them to use black bg and white color.

6. Pool/node creation pages have bg of teal.light for light mode:

I don't think we have other pages with this bg color, typically we use either white or gray.80. I went ahead and changed the bg colors for both pages to gray.80

I pushed changes for those directly in this branch. Hope you don't mind.