Bug: make changelog subtext accessible

open-sauced / landing-page

This is the new landing page for open sauced

https://opensauced.pizza

30 stars 28 forks source link

Bug: make changelog subtext accessible #198

Open BekahHW opened 6 months ago

BekahHW commented 6 months ago

Describe the bug

On the changelog pages, it appears that the text next to bullet points is inaccessible. We need to make this a lighter color.

Steps to reproduce

Go to: https://opensauced.pizza/changelog/add-explainer-tootlip-to-cards-on-list-pages

Browsers

Chrome

Additional context (Is this in dev or production?)

No response

Code of Conduct

[X] I agree to follow this project's Code of Conduct

Contributing Docs

[X] I agree to follow this project's Contribution Docs

dev-phantom commented 6 months ago

.take

github-actions[bot] commented 6 months ago

Thanks for taking this on! If you have not already, join the conversation in our Discord

nickytonline commented 6 months ago

To fix this, add the CSS class prose-ul:text-textPrimary to this <ReactMarkdown /> component.

https://github.com/open-sauced/landing-page/blob/4285327a6b564853cd859d11be1423a04a8c2b6b/pages/changelog/%5Bslug%5D.tsx#L53-L56

I'm not sure how all the typography is set up in this project as the base color appears to be really dark for a dark background, but that can be for another day.