Currently, there are a few colour variables under the src/common/colours.ts folder.
All colours defined with hex codes (e.g. #26D626) should be abstracted here.
However, there are a lot of hard-coded colour codes everywhere in the app (see pic)
Your goal is to classify all of them, and abstract them into this folder, and use the variables like this:
Useful resources:
https://imagecolorpicker.com/ - to visualise how colour look like, and its name
Currently, there are a few colour variables under the
src/common/colours.tsfolder.All colours defined with hex codes (e.g.
#26D626) should be abstracted here.However, there are a lot of hard-coded colour codes everywhere in the app (see pic)
Your goal is to classify all of them, and abstract them into this folder, and use the variables like this:
Useful resources:
https://imagecolorpicker.com/ - to visualise how colour look like, and its name