UI/UX inconsistencies in Dark/Light Mode and Heading Styles #630
Description
There are multiple UI/UX issues observed in the BakeGenius.ai project:
1.Heading Font Style Mismatch
In the Scale Recipe section, the heading font style does not match other sections in dark mode, causing a disruption in overall UI consistency.
2.Light/Dark Mode Alignment Issue
When switching to Light Mode, all sections respond correctly but
The About section remains in dark mode and requires a separate light mode toggle, which is inconsistent with the main dark/light mode button.
3.Text Visibility Issue
In Scale Your Recipe, the tagline under heading has poor visibility in light mode.
4.Heading Color Inconsistency
In light mode, headings in Customize and Scale Your Recipe sections do not match the color used in Convert Recipe and FAQ headings.
5.Steps to Reproduce:
Open the website and switch between Dark Mode and Light Mode using the main toggle.
Navigate to About, Scale Recipe, Customize, Convert Recipe, and FAQ sections.
Observe heading fonts, colors, and light/dark mode behavior.
Expected Behavior:
Headings across all sections should use consistent fonts and colors.
The main dark/light mode toggle should apply mode changes to all sections uniformly.
Text in all sections should be clearly visible in both dark and light modes.
Screenshots:
Suggested Fix:
Standardize heading font styles and colors across all sections.
Ensure the main dark/light mode button toggles all sections, including About.
Adjust text colors in light mode for better readability, especially in Scale Your Recipe.
I am GSSoc'25 contributor. Please assign me these issues.