Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fetched and merged to resolve conflicts #1813

Merged
merged 3 commits into from
Jun 10, 2024

Conversation

sahithi-kanjarla
Copy link
Contributor

Closes: #1723
[SSOC'24] contributor

Problem explanation: In light mode, the "Contact Us" page has white font color on a light grey background. This makes the text difficult to read and not visually appealing. The font color needs to be changed to ensure better visibility and improve user experience.

Proposed Solution:
Change the font color to a darker shade.

Description

  • Added a class name "contact-form-text" to the contact us form in the index.html file to ensure consistency and easy targeting.
  • Implemented a new JavaScript element in light-dark-theme.js specifically for managing the color toggling of the contact form text. This was done to address the issue of inconsistent text color in light mode.
  • The corresponding CSS styles for the contact form text color were added in the output.css file to ensure proper styling and appearance. with class name "contactusform-color-lightmode". so that it can be easily changed to any desired color.

Screenshots

previously:

Screenshot 2024-06-03 200553

now:
Screenshot 2024-06-05 081153

  • [x ] My code adheres to the established style guidelines of the project.
  • [x ] I have included comments in areas that may be difficult to understand.
  • [ x] My changes have not introduced any new warnings.
  • [x ] I have conducted a self-review of my code.

Copy link

vercel bot commented Jun 9, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
pet-me-pqhr ❌ Failed (Inspect) Jun 9, 2024 1:12pm

@akshitagupta15june akshitagupta15june merged commit f49b842 into akshitagupta15june:main Jun 10, 2024
1 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

🪲[Bug]: [SSOC'24] Enhance Readability: Improve Font Color Contrast on "Contact Us" Page in Light Mode
2 participants