Skip to content

Fix header logo and toggle icon(☀️) visibility in light mode after browser resize - #554

Open
tarone-saloni wants to merge 1 commit into
containers:mainfrom
tarone-saloni:fix-header-contrast-light-mode
Open

Fix header logo and toggle icon(☀️) visibility in light mode after browser resize #554
tarone-saloni wants to merge 1 commit into
containers:mainfrom
tarone-saloni:fix-header-contrast-light-mode

Conversation

@tarone-saloni

@tarone-saloni tarone-saloni commented Jul 27, 2026

Copy link
Copy Markdown

Fixes #549

This PR fixes an issue where the header text became difficult to see after resizing the browser window to a smaller desktop width and then switching from Dark mode to Light mode.

Changes

  • Updated the header styles to ensure proper colors are applied in Light mode.
  • Ensured the "Podman" text and other header elements remain clearly visible after resizing and changing the theme.

Test

  • Tested in both Dark and Light themes.
  • Verified behavior after resizing the browser window to smaller desktop widths.
  • Confirmed that the header remains readable when switching between themes.
  • Checked that the fix does not affect the default desktop layout.
Screenshot 2026-07-28 at 2 10 23 AM

@tarone-saloni tarone-saloni changed the title fix header contrast in light mode on mobile nav Fix header logo and toggle icon(☀️) visibility in light mode after browser resize #549 Jul 27, 2026
@tarone-saloni tarone-saloni changed the title Fix header logo and toggle icon(☀️) visibility in light mode after browser resize #549 Fix header logo and toggle icon(☀️) visibility in light mode after browser resize #554 Jul 27, 2026
podman title and theme toggle were staying white even in light mode,
so they blended into the drawer background. giving them gray-900 in
light mode so they're actually visible.

Signed-off-by: Saloni Tarone <taronesaloni@gmail.com>
@tarone-saloni
tarone-saloni force-pushed the fix-header-contrast-light-mode branch from 08321e8 to 29ab7d2 Compare July 27, 2026 20:27
@tarone-saloni tarone-saloni changed the title Fix header logo and toggle icon(☀️) visibility in light mode after browser resize #554 Fix header logo and toggle icon(☀️) visibility in light mode after browser resize Jul 28, 2026
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.

Header text becomes invisible in light mode after resizing the browser window

1 participant