[BUG] Text Too Light to View in Dark Mode on Scale Recipes Page #830
Description
Description:
On the Scale Recipes page, some text appears too light in dark mode, making it difficult to read. The contrast is insufficient between the font color and the dark background.
Steps to Reproduce:
1. Open the Scale Recipes page.
2. Switch to Dark Mode.
3. Observe that certain text (e.g., instructions, labels, or placeholders) is too light and not easily visible.
Expected Behavior:
All text should remain clearly visible and readable in Dark Mode, with proper contrast levels.
Screenshots
Light mode:
Dark mode:
Actual text which is not visible properly in dark mode:
Possible Fix:
• Adjust font color in dark mode for better visibility, e.g.:
.dark-mode .scale-text {
color: #eaeaea; /* or a higher-contrast light color */
}
Environment:
• Browser: [e.g., Chrome, Firefox]
• OS: [e.g., Windows 11, macOS]
Priority: Medium (affects readability, user experience).