Skip to content

fix: About page uses theme background and text colors (fixes white bottom half in dark/high-contrast mode) #3563 #3571

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

Open
wants to merge 6 commits into
base: develop
Choose a base branch
from

Conversation

poojanjariwala
Copy link

Fixes #3563

Changes:

I also solved the problem of the bottom half of the About page always having a white background, hence text difficult to read in dark and high-contrast themes.

Through the introduction of a global style that defines the background and text color for the whole page, the About page now correctly honors the chosen theme from top to bottom. This translates to improved readability and uniform appearance in all themes.

I also tidied up the imports and made sure everything employs the proper paths so that the styling is smooth.

refer to this image
@raclim

Screenshot 2025-08-04 212556 Screenshot 2025-08-04 210218

I have verified that this pull request:

  • has no linting errors (npm run lint)
  • has no test errors (npm run test)
  • is from a uniquely-named feature branch and is up to date with the develop branch.
  • is descriptively named and links to an issue number, i.e. Fixes #123

Copy link

welcome bot commented Aug 4, 2025

🎉 Thanks for opening this pull request! Please check out our contributing guidelines if you haven't already.

@poojanjariwala poojanjariwala changed the title fix: About page uses theme background and text colors (fixes white bottom half in dark/high-contrast mode) fix: About page uses theme background and text colors (fixes white bottom half in dark/high-contrast mode) #3563 Aug 4, 2025
@poojanjariwala
Copy link
Author

@raclim Please review this PR. Thank You!

Copy link
Contributor

@yugalkaushik yugalkaushik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please Run tests locally once.

@@ -70,62 +95,79 @@ export const IntroHeadline = styled.div`
}
`;

// 5. Intro Description
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove these comments to maintain consistency with the overall code.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok @yugalkaushik sir I have removed comment and running test locally. will update PR soon.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@yugalkaushik sir, I have done everything now please review my PR and merge it if everything goes well.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You don't need to address me with Sir. I'm just a contributor.

Copy link
Contributor

@yugalkaushik yugalkaushik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@poojanjariwala
Copy link
Author

@raclim can you please review my PR and merge if it's correct ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

About page bottom half background and text always appearing white
3 participants