Skip to content

[DESIGN]: Auth pages theme break in dark and light mode. #142

@ayush00git

Description

@ayush00git

Hey I just noticed that the dark and light mode are handled correctly. I want to give an example of the authentication pages. As clear from the screenshots -

  1. The text is visible in the dark mode, but it is not in the light mode.
  2. The left side looks too much empty, i would suggest adding a illustration like in the home page of website there.
  3. The mobile view of the auth pages looks a bit compressed.
  4. The website do offers the light and dark mode but their is no toggle to switch themes, we have to manually change the theme through the inspect tab.
Image Image Image

Changes I propose -

  1. Change the text color for both the light and dark theme.
  2. Add illustration in the left side of each authentication pages.
  3. Increase the width of input fields.
  4. Add a toggle theme switch to the whole website.

Steps to reproduce -

  1. Open the login or signup page.
  2. Change the theme through Inspect < elements tab.
  3. You'll notice the design change when you shifted from dark to light mode.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions