In this Figma page in the "Final" section you can find design improvements for the components.
TODOS
Adjust component style for React and WebJS
[x] Change sub-headline to regular font weight
[x] Align the top error text+icon to the input field and button by adding the same vertical padding as for the rest of the component and resize the warning icon to 20x16px. (See Figma design)
Ensure that the top error styling follows the rule for every error message of every length
[x] When opening the signup screen, set the cursor automatically to the uppest input field (same as for login)
[x] Adjust the style of the Email OTP without Email shortcut and Phone OTP according to the Figma.
[x] Adjust background of OTP input fields when full code is entered. (To discuss with adam) Figma
Light mode
[x] Change the input field border color to #D4D4D4
[x] Change the hover color of the button to #1953FF + opacity of 0.75
[x] Change the "or" separation text and line color to #000000 + opacity 0.75
[x] Change the disabled color to #DFDFE0
[x] Change the Icon color of email and phone and user (passkey error screen) to black.
Dark mode
[x] Change the input field border color to #848CA6
[x] Change text color to #A1A1A1 (except Title and subitle)
[x] Change the hover color of the button to #1953FF + opacity of 0.5
[x] Change the "or" separation text and line color to #ffffff + opacity 0.75
[x] Change the disabled color to #6F7486
[x] Change the Icon color of email and phone and user (passkey error screen) to white.
[x] Adjust the Top Error background color to #5B5B6B
Developer panel
Adjust hover color for email shortcuts according to Figma. (Color #525D83) => Moved to this ticket
[ ] In darkmode change the text of the identifier to fully white instead of grey. (It's not a problem if the identifier text in the passkey-append screen is also white)
Why
In this Figma page in the "Final" section you can find design improvements for the components.
TODOS
Adjust component style for React and WebJS
Light mode
Dark mode
Developer panel Adjust hover color for email shortcuts according to Figma. (Color #525D83) => Moved to this ticket