Description:
The header currently uses a color scheme that does not align consistently with the rest of the website’s theme. While the body and cards follow a dark background with gradient/contrast highlights, the header background and active menu item styling stand out in a way that feels mismatched.
Steps to Reproduce:
- Open the application.
- Look at the header navigation bar and compare with the body/card background.
- Notice the inconsistent theme usage (especially in the Home active state).
Expected Behavior:
The header should seamlessly blend with the overall dark theme and gradient highlights used throughout the site. The active tab color should complement accent colors (teal gradient, orange buttons) for consistency.
Actual Behavior:
The header background and active tab color create a slight visual disconnect compared to the rest of the design.
Screenshot:
Suggested Fix:
- Update header background to match the site’s primary dark theme (#0D1117 or theme variable).
- Use gradient or subtle accent border for active menu item instead of solid mismatch color.
@SrigadaAkshayKumar, Could you please assign this issue to me and add labels such gssoc25 & level2
Description:
The header currently uses a color scheme that does not align consistently with the rest of the website’s theme. While the body and cards follow a dark background with gradient/contrast highlights, the header background and active menu item styling stand out in a way that feels mismatched.
Steps to Reproduce:
Expected Behavior:
The header should seamlessly blend with the overall dark theme and gradient highlights used throughout the site. The active tab color should complement accent colors (teal gradient, orange buttons) for consistency.
Actual Behavior:
The header background and active tab color create a slight visual disconnect compared to the rest of the design.
Screenshot:
Suggested Fix:
@SrigadaAkshayKumar, Could you please assign this issue to me and add labels such gssoc25 & level2