Describe the bug
The OWASP Nest navbar logo does not switch between its light and dark variants based on the active theme. In dark mode, the light (white) version of the logo displays correctly. However, in light mode, the same light logo variant is used, causing it to wash out against the light gray navbar background and become nearly invisible.
Notably, the footer already handles this correctly; it renders the dark logo variant in light mode and the light variant in dark mode. The navbar should follow the same pattern.
To Reproduce
Steps to reproduce the behavior:
- Go to https://nest.owasp.org
- Ensure light mode is active (click the theme toggle in the top-right corner)
- Observe the navbar logo -- it appears faint and blends into the background
- Switch to dark mode
- Observe the logo is now clearly visible
Expected behavior
It is expected to switch to the lighter variant of the logo when in dark mode, and vice-versa, consistent with how the footer already handles this specific situation.
Are you going to work on fixing this?
Screenshots
Desktop (please complete the following information):
- OS: Windows
- Browser Chrome
- Version 146.0.7680.80 (Official Build) (64-bit)
Additional context
This issue is part of a broader navbar theme consistency problem. Beyond the logo, the navbar background in light mode uses a medium-gray tone that reduces the visibility and contrast of interactive elements such as the ⭐ Star button, 🩷 Sponsor button, and Sign In. A follow-up improvement could involve adjusting the light mode navbar background to a lighter tone and applying darker variants of these elements to improve overall contrast and usability -- consistent with the UI/UX revamp milestone.
Describe the bug
The OWASP Nest navbar logo does not switch between its light and dark variants based on the active theme. In dark mode, the light (white) version of the logo displays correctly. However, in light mode, the same light logo variant is used, causing it to wash out against the light gray navbar background and become nearly invisible.
Notably, the footer already handles this correctly; it renders the dark logo variant in light mode and the light variant in dark mode. The navbar should follow the same pattern.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
It is expected to switch to the lighter variant of the logo when in dark mode, and vice-versa, consistent with how the footer already handles this specific situation.
Are you going to work on fixing this?
Screenshots
Desktop (please complete the following information):
Additional context
This issue is part of a broader navbar theme consistency problem. Beyond the logo, the navbar background in light mode uses a medium-gray tone that reduces the visibility and contrast of interactive elements such as the ⭐ Star button, 🩷 Sponsor button, and Sign In. A follow-up improvement could involve adjusting the light mode navbar background to a lighter tone and applying darker variants of these elements to improve overall contrast and usability -- consistent with the UI/UX revamp milestone.