refactor: Extract and Reuse Common Hex Color Values Across dApp Components

[eduramme]

Refactor Request

Description

There are several hex color values being used in the codebase that are likely shared across multiple pages and components of the dApp. To improve maintainability and consistency, these hex color values should be extracted into a shared file and reused wherever possible across the project.

Requirements

• Identify all instances of the same hex color values across different pages and components.
• Extract these hex color values into a shared file (e.g., a theme or constants file).
• Refactor the code to reference the shared color values instead of hardcoding them.

Additional Information

• This change will help in maintaining consistency in the color scheme across the dApp and make future updates to the color palette easier to manage.
• Consider creating a well-documented and organized shared file that can be easily extended or modified in the future.

https://github.com/blockful-io/external-resolver-dapp/pull/152:

Possible Solution

Extract the common hex color values to a centralized file and update the codebase to use this file wherever those colors are needed. This can be done by creating a constants or theme file that contains all the color values and importing it into the relevant components.

[FrancoAguzzi]

@eduramme clear and concise! This could be called avatar colors or something like, you know? not good to name the const as the color name because if it changes the information would need to be reupdated once again (the const name :))