SuperTokens Website Revamped Sign Up / Sign In forms

[Mufassir Kazi]

Sign Up (Light Theme)

• Default: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2369%3A46711&t=EBnEfREHjkvj6MV3-1
• Focus on input field: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2369%3A46740&t=EBnEfREHjkvj6MV3-1
• Error state: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2369%3A46770&t=EBnEfREHjkvj6MV3-1
• Correct input insertion: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2369%3A46850&t=EBnEfREHjkvj6MV3-1
• Show password: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2369%3A46890&t=EBnEfREHjkvj6MV3-1

Sign In (Light theme)

• Default: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2369%3A46976&t=EBnEfREHjkvj6MV3-1

• OTP sent state: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2369%3A47005&t=EBnEfREHjkvj6MV3-1

• OTP resent state: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2369%3A47035&t=EBnEfREHjkvj6MV3-1

• For reference: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2369%3A46946&t=EBnEfREHjkvj6MV3-1

Sign Up (Dark theme)

• Default: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2346%3A47616&t=cESUEaWV5M2Ixnie-1

• Focus on input field: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2346%3A46711&t=cESUEaWV5M2Ixnie-1

• Error state: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2346%3A47151&t=cESUEaWV5M2Ixnie-1

• Valid input insertion: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2346%3A47388&t=cESUEaWV5M2Ixnie-1

• View password: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2346%3A47858&t=cESUEaWV5M2Ixnie-1

Sign In (Dark theme)

• Default: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2346%3A48114&t=cESUEaWV5M2Ixnie-1

• After OTP is sent: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2346%3A48340&t=cESUEaWV5M2Ixnie-1

• OTP resent state: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2346%3A48560&t=cESUEaWV5M2Ixnie-1

• For reference: https://www.figma.com/file/Cy2eCZbmNZR3Debtl7wjo6/SuperTokens?node-id=2346%3A48779&t=cESUEaWV5M2Ixnie-1

[Mufassir Kazi]

@nkshah2, please implement light theme first. If it's easy to override our styles for the frontend sdk version we are using, then we can implement the toggle feature allowing you to switch between dark and light modes.

If Areeb thinks he can implement in < 3-5 days, then we can implement the dark version too.

[Rishabh Poddar]

This is opened in the wrong repo.