[UPDATE] Change Background Color of Login Page with a suitable color

[MegaReXR]

Change Background Color of Login Page

Description

The login page currently uses a default background color that may not align well with the overall design or user experience. Updating the background color to a more suitable option will enhance the visual appeal and accessibility of the page.

---

Task Details

1. File to Modify:
   The background color modification should be applied in the stylesheet or component responsible for the login page, located at `codebase/frontend/public/login.css', if login.css is not created then create it and link it to App.jsx

2. Background Color Requirements:

   • Select a color that complements the overall design theme.
   • Ensure the new color maintains sufficient contrast with text and interactive elements to meet accessibility standards.

3. Testing:

   • Verify the new background color renders correctly on various devices and screen resolutions.
   • Ensure all text and interactive elements remain clearly visible and accessible.
   • Check the color contrast meets WCAG AA or higher accessibility standards.

4. Follow Pull Request Guidelines:

   • Ensure the new background color is documented and approved by the design team.
   • Follow the Pull_request_template.md when submitting the Pull Request.

[Kripu-star]

I would like to contribute.