Enhance inputs in light theme

[samaradel]

Description

Enhance UI components in light theme

Changes

Related Issues

• Enhance the dashboard colors in the light mode #2674
• 🐞 [Bug]: UI change close button color in manage ssh keys dialogue #2734

Checklist

• Tests included
• Build pass
• Documentation
• Code format and docstrings
• Screenshots/Video attached (needed for UI changes)

[Mahmoud-Emad]

i don't know if it feasible or not but when hover on a country in the statistic page I see the tooltip dark in light theme

[Mahmoud-Emad]

most of the inputs are still not dealing with the light theme, look at the simulator page, Do you think it needs to be outlined in the light mode?

[Mahmoud-Emad]

The colors here also are not clear at all

[maayarosama]

• In the home page:

1. Map doesn't look clear at all
2. I can't really see the learn about the grid button, so I suggest changing its color to mint green like the get tft button
3. The icon below the map aren't clear, can we make the color more intense so they became clearer?

• In pricing calculator page:

1. The gradient gold package doesn't look good against the bright white background, I suggest removing the bright intense white background across the dashboard and making it less intense white color or a light gray

• In node finder page:

1. the progress bar, The unfilled part is not really clear against the white background, I suggest increasing the opacity a little bit

• In the applications page:

1. the static website's icon has a black background

• In simulator page:

1. Values in disabled field aren't clear
   

[ehab-hassan]

i don't know if it feasible or not but when hover on a country in the statistic page I see the tooltip dark in light theme

I tried to enhance the UI before but when I checked with @MohamedElmdary it was hard to adjust here, also I think we'll use a new map soon so let's leave it as is for now.

[ehab-hassan]

@maayarosama For the gradient gold package if we change the white BG for the dashboard will not be consistent with other pages but we can add a border that'll make it clearer, what do you think?

[maayarosama]

@maayarosama For the gradient gold package if we change the white BG for the dashboard will not be consistent with other pages but we can add a border that'll make it clearer, what do you think?

I suggest changing the white background across all the dashboard, As the white is too bright and it's harsh on the eyes, what do you think @ehab-hassan ?

[ehab-hassan]

@maayarosama I think if we did that would affect all like fields and disabled objects, and borders will not be clear also I think you used to work in the dark mode so white is too bright for you :) ,we used the same color for GitHub in light mode.

[Mahmoud-Emad]

Thanks ya Samar, Go ahead