BIDMCDigitalPsychiatry / LAMP-platform

The LAMP Platform (issues and documentation).
https://docs.lamp.digital/
Other
12 stars 10 forks source link

Changes to Jewels A and B #707

Closed Devayani0102 closed 1 year ago

Devayani0102 commented 1 year ago

In Jewels B the jewel shapes are really similar and hard to differentiate (look at the attached screenshots). We need to make sure that they are always differentiable. IMG_2864 IMG_2868

For both Jewels A and Jewels B, can we make the following changes:

  1. Increase the size of the jewels.
  2. Change the background color every time someone moves up a level.
sarithapillai8 commented 1 year ago

@Devayani0102 Do you suggest to use new different shapes or can we use different color?

Devayani0102 commented 1 year ago

If possible, let's use different shapes.

ZCOEngineer commented 1 year ago

We have started working on this.

sarithapillai8 commented 1 year ago

JEWEL ICONS.zip @Devayani0102 Could you please check this attachment and confirm the shapes?

Devayani0102 commented 1 year ago

Yes, these look distinct enough. Is there a way to ensure that the background color is different from the jewels color?

sarithapillai8 commented 1 year ago

@Devayani0102 Can we use a common different background color for jewels game? Please see the screen below and let me know if it is ok? image

Devayani0102 commented 1 year ago

We want to change the background color every time someone levels up in the game.

For both Jewels A and Jewels B, can we make the following changes:

  1. Increase the size of the jewels.
  2. Change the background color every time someone moves up a level.
sarithapillai8 commented 1 year ago

@Devayani0102

Increase the size of the jewels. - This will be a major UI change, so it will take some time.

Change the background color every time someone moves up a level. - Can we use a static set of colors? Do we have a set of colors to use?

Devayani0102 commented 1 year ago

We can use different shades of blue starting from white- for example (color hex- #FFFFFF, #BDD2FA, #5E92F2, #1257D9, #1A4493)

We should remove the blue jewel as it will not show up properly on blue background.

divyav2020 commented 1 year ago

We have updated the changes in Staging

Devayani0102 commented 1 year ago

The white background blends in with the headers, we should remove #FFFFFF. Can we increase the font size for the numbers inside the jewels.

sarithapillai8 commented 1 year ago

Updated changes in dashboard-staging. Could you review ?

Devayani0102 commented 1 year ago

Looks good in staging!