Dark Mode: Base Login Screens

[AmandaRiu]

Closes #1586 by pulling in the new theming added to the WordPress-Login-Lib and implementing the new styles and image assets. This PR does not include the login prologue or custom dialogs not included in the wordpress library. Those are coming next :)

NOTE: the app will crash if you try to login with a store that doesn't have Jetpack installed. That'll be fixed in the next PR when I convert that dialog. 👍

Site address screen

Light	Dark

Email screen

Light	Dark

Email password screen

The field icons have been removed with the latest changes to the wordpress library, but I'm not sure why. I'll have to do more digging to find out why that is so we can work on adding them back in in the next version. Here's what it used to look like for reference:

Light	Dark

Magic Link Request

There wasn't a way to style the avatar in this view so I had to duplicate the image asset.

Light	Dark

Magic link sent

This screen is also embedded in the WordPress login library so in order to scale the image and move the link, I'll need to implement a new layout override - which can be done in the next version :)

Design	Actual

What is my site dialog

This dialog is embedded in the library so the only part I could change at this point is the picture. I'm pretty sure I can override the layout entirely so this change is still possible in the next version

Design	Actual

Site Login

Just like the email password screen, the field icons have been removed with the latest changes to the wordpress library. I'll have to do more digging to find out why that is so we can work on adding them back in in the next version. Here's how the view used to look:

Light	Dark

[peril-woocommerce]

	Fails
🚫	Danger failed to run /app/danger-0.lk2v58b9eao.ts.

	Warnings
⚠️	PR has more than 500 lines of code changing. Consider splitting into smaller PRs if possible.

Messages

📖

This PR contains changes in the subtree libs/login/. It is your responsibility to ensure these changes are merged back into wordpress-mobile/WordPress-Login-Flow-Android. Follow these handy steps! WARNING: Make sure your git version is 2.19.x or lower - there is currently a bug in later versions that will corrupt the subtree history! cd woocommerce-android git checkout darkmode/login-theme-1 git subtree push --prefix=libs/login/ https://github.com/wordpress-mobile/WordPress-Login-Flow-Android.git merge/woocommerce-android/2266 Browse to https://github.com/wordpress-mobile/WordPress-Login-Flow-Android/pull/new/merge/woocommerce-android/2266 and open a new PR.

Error TypeError

Cannot read property 'diff' of null
TypeError: Cannot read property 'diff' of null
    at checkCommitDiffs (/app/danger-0.lk2v58b9eao.ts:43:49)
    at process._tickCallback (internal/process/next_tick.js:68:7)

Dangerfile

38|         if (git === undefined) {
39|             console.log("About to crash due to an error")
40|             console.log("File:", thisFile)
41|             console.log("Danger Object: ", danger)
42| 
---------------------------------------------------^
43|             if (danger !== undefined) {
44|                 console.log("Danger is no longer defined")
45|             }
46|             else {

Generated by 🚫 dangerJS

[peril-woocommerce]

You can test the changes on this Pull Request by downloading the APK here.

[nbradbury]

Looks good!