Description: In dark mode, the text/icon inside the Google Sign-In button is either missing or not visible due to insufficient contrast or styling conflicts. This affects user accessibility and clarity during authentication.
Steps to Reproduce:
Switch to dark mode on the site.
Navigate to the login or authentication section.
Observe the Google Sign-In button — content inside is not visible.
Expected Behavior: The button should display the Google logo and text clearly, maintaining sufficient contrast against the dark background.
Suggested Fix:
Ensure the button text/icon color contrasts well with the background (e.g., use #fff or a light shade).
Check for inherited styles or overrides in dark mode that may be affecting visibility.
Consider using a light background for the button regardless of theme, as per Google branding guidelines.
Confirmed the issue with the Google Sign-In button content not rendering correctly in dark mode due to contrast limitations. I’m assigning this to myself and will implement a fix that ensures accessibility, semantic clarity, and visual consistency across themes.
As an active contributor in GirlScript Summer of Code 2025 (GSSoC '25), I’ve worked extensively on scalable UI components, responsive design, and accessibility-first workflows. I’ll ensure the solution aligns with branding guidelines while maintaining reusable styling conventions.
This fix will include:
Contrast adjustments for dark mode visibility
Semantic HTML updates for screen reader compatibility
CSS refactoring for maintainability and reuse across auth components
Assigned to @janavipandole
Description: In dark mode, the text/icon inside the Google Sign-In button is either missing or not visible due to insufficient contrast or styling conflicts. This affects user accessibility and clarity during authentication.
Steps to Reproduce:
Switch to dark mode on the site.
Navigate to the login or authentication section.
Observe the Google Sign-In button — content inside is not visible.
Expected Behavior: The button should display the Google logo and text clearly, maintaining sufficient contrast against the dark background.
Suggested Fix:
Ensure the button text/icon color contrasts well with the background (e.g., use #fff or a light shade).
Check for inherited styles or overrides in dark mode that may be affecting visibility.
Consider using a light background for the button regardless of theme, as per Google branding guidelines.
Confirmed the issue with the Google Sign-In button content not rendering correctly in dark mode due to contrast limitations. I’m assigning this to myself and will implement a fix that ensures accessibility, semantic clarity, and visual consistency across themes.
As an active contributor in GirlScript Summer of Code 2025 (GSSoC '25), I’ve worked extensively on scalable UI components, responsive design, and accessibility-first workflows. I’ll ensure the solution aligns with branding guidelines while maintaining reusable styling conventions.
This fix will include:
Contrast adjustments for dark mode visibility
Semantic HTML updates for screen reader compatibility
CSS refactoring for maintainability and reuse across auth components
Assigned to @janavipandole