Skip to content

Fix text visibility in dark mode on homepage #80

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.

Sign up for GitHub

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

Jump to bottom
Merged
petender merged 3 commits into from
Dec 24, 2025
Merged

Fix text visibility in dark mode on homepage #80

petender merged 3 commits into from
Dec 24, 2025

Conversation

Copy link
Contributor

Copilot AI commented Dec 24, 2025 •
edited
Loading

Descriptive text below the search bar was hardcoded to #242424, rendering it invisible against the dark background in dark mode.

Changes

  • Extract theme-aware textColor constant from existing colorMode hook
  • Apply to three text elements: description, template info, and welcome message
  • Light mode: #242424 (unchanged)
  • Dark mode: #E1E1E1 (visible)
export default function ShowcaseTemplateSearch() {
  const { colorMode } = useColorMode();
  const textColor = colorMode === "dark" ? "#E1E1E1" : "#242424";
  
  return (
    // ...
    <Text style={{ color: textColor }}>
      {DESCRIPTION}
    </Text>
  );
}

Screenshot

Text visibility comparison

Shows the text invisible in dark mode (before) and clearly visible after applying theme-aware colors.

Original prompt

This section details on the original issue you should resolve

<issue_title>[Product Feedback]: </issue_title>
<issue_description>### Satisfaction

None

Contact Details

[email protected]

Describe the feedback

Hello guys, how are you?

Your projects are really incredible, thank you.

I just want to update you about a problem related to the text, where i can't see the content.

Image Image

This is just minor issue, but i wanted to update you.

Thank you!!!

Demo Applied to

No response

Relevant screenshots

paste here 😉

Image

Image</issue_description>

<agent_instructions>the issue described here, is that some text below the search bar, is no longer visible to the user when using dark mode. provide a suggestion to make this more readable consistently between dark/light mode</agent_instructions>

Comments on the Issue (you are @copilot in this section)

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

Copilot AI changed the title [WIP] Fix text visibility issue in product feedback Fix text visibility in dark mode on homepage Dec 24, 2025
Copilot AI requested a review from petender December 24, 2025 00:44
@petender petender marked this pull request as ready for review December 24, 2025 15:47
@petender petender merged commit 4e806ce into main Dec 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@petender petender Awaiting requested review from petender

Assignees

@petender petender

Copilot code review Copilot

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[Product Feedback]: <BODY Text>

2 participants

@petender