Skip to content

[FEATURE] Auth page: theme-aware Google button + button/theme polish for consistency #464

Description

@RounakKumarAgarwal

Feature and its Use Cases

Follow-up to #458 (which covers the missing input/button borders in High Contrast). This is a styling/consistency enhancement for the auth page (/auth), not a border-visibility bug.

1. Make the Google button theme-aware
The "Sign in/up with Google" button stays white in every theme (Light, Dark, High Contrast). Against the darker Dark and High Contrast backgrounds it looks out of place and inconsistent with the rest of the form. It should adapt to each theme.

2. Add border to top-right Sign In / Sign Up link in High Contrast
In High Contrast, the top-right link has no border box, unlike Light and Dark themes where it's clearly boxed.

3. General button/theme polish
Unify button borders, hover states, and spacing so all three themes share a consistent visual language and better match the overall page vibe.

Use case: Users switching themes (especially Dark and High Contrast) get a cohesive, polished auth experience where all buttons feel intentional and on-brand rather than defaulting to mismatched styles.

Additional Context

Screenshots of the auth page across Light, Dark, and High Contrast themes (Sign In and Sign Up views) attached below for reference.

Related: #458 (input/button border visibility in High Contrast).

Image Image Image

Code of Conduct

  • I have joined the Discord server and will post updates there
  • I have searched existing issues to avoid duplicates

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions