🌱 improve theme and error message

[Tusharjain123]

Description

Related Issue

Fixes #<issue_number>

Changes Made

• Updated ...
• Refactored ...
• Fixed ...
• Added tests for ...

Checklist

Please ensure the following before submitting your PR:

• I have reviewed the project's contribution guidelines.
• I have written unit tests for the changes (if applicable).
• I have updated the documentation (if applicable).
• I have tested the changes locally and ensured they work as expected.
• My code follows the project's coding standards.

Screenshots or Logs (if applicable)

Additional Notes

[Tusharjain123]

@clubanderson ptal

[MAVRICK-1]

@Tusharjain123 can u provide video of the changes you made ?

[Tusharjain123]

Theme and layout changes to
-> Dashboard page
-> Menu Bar
-> ITS page
-> WDS page

More understandable error message
-> Workload Creation Error Message

[clubanderson]

@onkar717 @RealRTorres @kunal-511 what are your thoughts on this? Is their more work needed here to cover all UI elements?

[Tusharjain123]

@onkar717 @RealRTorres @kunal-511 what are your thoughts on this? Is their more work needed here to cover all UI elements?

Yes, there are some changes left, which I will be covering in the next PR, which contains removal of repetitive elements, so that all the pages will look uniform

[clubanderson]

ok, let these 3 folks review and lets see what they think.

[RealRTorres]

First off, I like the changing the text and everything to blue from purple. It makes it look uniform and matches Kubestellar's theme.

I like the status colors for active, inactive, and pending for the clusters management table. However, the text-color of that activity status should be a darker green color for more contrast and make it easier for users to read.

Additionally, I previously added the checkmark emoji as an extra visual cue for color-blind users. Right now, it looks a bit clunky because there's no space between it and the word "Active." Instead, can you replace the checkmark emoji with an MUI checkmark icon (or something similar) and move it to the right side of the status sign?

Ideally, it should look something like this:

It looks great so far! Let me know what you think or if you have any questions.

[Tusharjain123]

First off, I like the changing the text and everything to blue from purple. It makes it look uniform and matches Kubestellar's theme.

I like the status colors for active, inactive, and pending for the clusters management table. However, the text-color of that activity status should be a darker green color for more contrast and make it easier for users to read.

Additionally, I previously added the checkmark emoji as an extra visual cue for color-blind users. Right now, it looks a bit clunky because there's no space between it and the word "Active." Instead, can you replace the checkmark emoji with an MUI checkmark icon (or something similar) and move it to the right side of the status sign?

Ideally, it should look something like this:

It looks great so far! Let me know what you think or if you have any questions.

Yepp that is looking somewhat clunky. I will change that