Skip to content

Conversation

@stasadev
Copy link
Member

@stasadev stasadev commented Sep 23, 2025

The Issue

Difficult to read text-navy-300 in dark mode (landing page):

image

These icons don't look good in dark mode (landing page):

image

And icons don't have titles when you hover over them.


We can add more repositories here, such as IDE integrations and addon-registry (landing page):

image

I wish clicking on these icons would lead me to a quickstart:

image

Hovering over the footer icons should be white in dark mode:

hover

How This PR Solves The Issue

  • Uses text-navy-100 for text in dark mode.
    image
  • Uses monochrome Apache feather, makes "redis" word readable, more contrast for Memcached icon in dark mode
    image
  • Adds missing titles for icons when you hover over them.
    image
  • Adds more repositories (IDE and addon-registry integrations)
    image
  • Adds links to quickstarts for CMS icons.
    image
  • Hovering over the footer icons is white in dark mode.
    hover2

Manual Testing Instructions

https://20250923-stasadev-text-color.ddev-com-front-end.pages.dev/

Automated Testing Overview

Related Issue Link(s)

Release/Deployment Notes

Copy link
Member

@rfay rfay left a comment

Choose a reason for hiding this comment

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

Thanks! I guess if we were refactoring a bit it wouldn't be done all those places, but it's all good!

@stasadev stasadev changed the title style: fix unreadable text for dark mode refactor: improve dark mode, fixes for logos, add quickstart links Sep 24, 2025
@stasadev stasadev force-pushed the 20250923_stasadev_text_color branch from d1c2899 to a024d8d Compare September 24, 2025 12:05
@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Sep 24, 2025

Deploying ddev-com-front-end with  Cloudflare Pages  Cloudflare Pages

Latest commit: 335ef12
Status: ✅  Deploy successful!
Preview URL: https://df124280.ddev-com-front-end.pages.dev
Branch Preview URL: https://20250923-stasadev-text-color.ddev-com-front-end.pages.dev

View logs

@stasadev
Copy link
Member Author

I added more fixes here, see updated OP.

@stasadev stasadev merged commit e48fce2 into main Sep 24, 2025
5 checks passed
@stasadev stasadev deleted the 20250923_stasadev_text_color branch September 24, 2025 13:53
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.

3 participants