FitFlex is a fitness and weight loss website offering daily, structured workout plans for a set period. Users can follow day-wise exercises tailored to their goals, whether for weight loss, muscle gain, or general fitness. With a simple, user-friendly interface, FitFlex helps track progress and stay consistent throughout their fitness journey.
Issue: The light/dark theme toggle functionality is not working as expected on the "Contact" and "Register" pages, specifically affecting button styling. When the theme toggle is clicked, the button colors and styles do not update accordingly to reflect the selected light or dark mode.
Expected Behavior: The buttons on the "Contact" and "Register" pages should dynamically switch their styles between light and dark modes when the theme toggle is clicked. For instance, the button background and text color should adjust based on the selected mode, ensuring a consistent user interface across all pages.
Impact: Users experience inconsistent theme behavior, where buttons remain in the default style even after toggling between light and dark themes. This can lead to confusion and affect the overall user experience.
Steps to Reproduce:
Navigate to the "Contact" or "Register" page.
Click on the light/dark toggle button.
Observe that the buttons do not change their styles to match the selected theme.
Expected behavior
When the light/dark theme toggle is clicked on the "Contact" and "Register" pages, the entire page, including the buttons, should immediately update to reflect the selected theme. Specifically:
Light Mode:
Buttons should have a light background color with dark text.
Hover and active states should complement the light mode with subtle color changes.
Dark Mode:
Buttons should have a dark background color with light text.
Hover and active states should complement the dark mode with darker or more muted hover effects.
The styling should remain consistent across the entire page to provide a cohesive and visually clear experience for the user.
Is there an existing issue for this?
Describe the bug
Bug Description:
Issue: The light/dark theme toggle functionality is not working as expected on the "Contact" and "Register" pages, specifically affecting button styling. When the theme toggle is clicked, the button colors and styles do not update accordingly to reflect the selected light or dark mode.
Expected Behavior: The buttons on the "Contact" and "Register" pages should dynamically switch their styles between light and dark modes when the theme toggle is clicked. For instance, the button background and text color should adjust based on the selected mode, ensuring a consistent user interface across all pages.
Impact: Users experience inconsistent theme behavior, where buttons remain in the default style even after toggling between light and dark themes. This can lead to confusion and affect the overall user experience.
Steps to Reproduce:
Expected behavior
When the light/dark theme toggle is clicked on the "Contact" and "Register" pages, the entire page, including the buttons, should immediately update to reflect the selected theme. Specifically:
Light Mode:
Dark Mode:
Add ScreenShots
No response
On which device are you experiencing this bug?
Chrome
Record